body {
 margin: 0px;
 padding: 0px;
 font-family: Tahoma, Arial;
 font-size: 12px;
 background-image: url("/img/bg.jpg");
 background-repeat: repeat-x;
 height: 100%;
 background-color: #FFFFFF;
 color: #000000;
}

h1, h2, h3, h4, h4, h5, h6, form {
 padding: 0px;
 margin: 0px;
}

h3,h4 {
 font-size: 12px;
}

h5 {
 font-size: 11px;
}

h1 {
 clear: both;
 background-image: url(/img/hbg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 color: #AB0000;
 font-size: 14px;
 padding-left: 15px;
 padding-top: 15px;
}

h1 span {
 display: block;
 background-image: url(/img/stars.gif);
 background-repeat: no-repeat;
 padding-top: 8px;
 padding-left: 40px;
 padding-bottom: 12px;
}

h2 {
 clear: both;
 background-image: url(/img/hbg.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 color: #AB0000;
 font-size: 14px;
 padding-left: 15px;
 padding-top: 15px;
}

h2 span {
 display: block;
 background-image: url(/img/stars.gif);
 background-repeat: no-repeat;
 padding-top: 8px;
 padding-left: 40px;
 padding-bottom: 12px;
}

.bbn {
 text-align:center;
 padding:5px 0px 3px 0px;
}

td {
 font-family: Tahoma, Arial;
 font-size: 12px;
}

a {
 color: #000000;
}

a:hover {
 text-decoration: none;
}

img {
 border: none;
 padding: 0px;
 margin: 0px;
}

input, textarea, select {
 font-family: Tahoma, Arial;
 font-size: 11px;
 color: #000000;
 display: block;
 margin: 0px;
 padding: 0px;
}

.formfield {
 width: 145px;
 border: 1px solid #9C9C9C;
 color: #000000;
 height: 16px;
}

#root { 
 background-image: url("/img/rt.gif");
 background-repeat: no-repeat;
 background-position: right top;
 height: 100%;
}

#top {
 background-image: url("/img/lt.gif");
 background-position: left top;
 background-repeat: no-repeat;
}

#logo {
 display: block;
}

#bear {
 width: 242px;
 height: 99px;
 background-image: url("/img/bear.png");
 background-repeat: no-repeat;
}

* html #bear {
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/img/bear.png", method="image");
}

#topleft {
 background-image: url(/img/tbg.gif);
 background-repeat: no-repeat;
 background-position: 242px 97px;
}

#topright img {
 width: 620px;
 height: 177px;
 background-image: url("/img/heroes.png");
 background-repeat: no-repeat;
}

* html #topright img {
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/img/heroes.png", method="image");
}

#inner {
 height: 100%;
 vertical-align: top; 
}

#in_inner {
 height: 100%;
}

#left {
 width: 150px; 
 height: 100%;
 vertical-align: top;
 background-color: #EFEFEF;
}

.in_side {
 padding: 10px;
 padding-right: 5px;
}

.in_side div {
 padding: 0px 5px;
 line-height: 18px;
}

.in_side div.content {
 font-size: 12px;
 line-height: normal;
 color: #000000;
}

.in_side a, .in_side {
 color: #AB0000; 
}

.in_side small {
 font-size: 11px;
 line-height: 18px;
}

.menu a {
 display: block;
 background-image: url(/img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0px 6px;
 padding-left: 13px;
 position: relative;
}

.support a {
 display: block;
 margin-bottom: 3px;
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 25px;
}

#content {
 vertical-align: top;
}

#letter_filter td {
 padding-top: 4px;
 font-size: 11px;
 color: #97A6A8;
 font-weight: bold; 
 white-space: nowrap;
}

#letter_filter a {
 text-decoration: none;
 text-transform: uppercase;
}

#letter_filter a:hover {
 color: #2278b0;
 text-decoration: underline;
 text-transform: uppercase;
}

.letters {
 width: 100%;
 padding: 0px 5px;
 text-align: center;
}

.letters a {
 color: #97A6A8;
}

.letters2 {
 width: 100%;
 padding: 0px 5px;
 text-align: center;
}

.letters2 a {
 color: #768182;
 padding: 1px;
 font-size: 13px;
}

.itemtitle {
 display: block;
 padding: 3px 0px;
}

.itemin {
 width: 50%;
 padding: 10px;
 vertical-align: top;
}

.itemzaklad {
 display: block;
 text-align: right;
}

.itemsort {
 display: block;
 text-align: right;
 background-color: #f0f0f0;
 padding: 3px;
}

.games {
 display: block;
 text-align: center;
 padding-top: 10px;
 padding: 3px;
}

.infotext {
 margin: 7px;
 padding: 1px;
}

.itemline {
 display: block;
 background-color: #f0f0f0;
 padding: 5px;
}

.itemin a {
 color: #AB0000;
 height: 100%;
 font-size: 14px;
 font-size: bold;
 font-weight: bold;
}

.itemaimage {
 display: block;
 background-color: #EFEFEF;
}

.itemimage {
 border: 1px solid #cccccc;
 margin: 3px;
 width: 257px;
 height: 225px;
}

.itemimagemini {
 border: 1px solid #cccccc;
 margin: 3px;
 width: 160px;
 height: 140px;
}

.itemdiv {
 display: block;
 margin:4px;
 padding:5px;
 border-top: 1px solid #cccccc;
}

.see_all {
 display: block;
 float: right;
 margin-bottom: -29px;
 padding-right: 10px;
}

* html .see_all {
 margin-bottom: -44px;
}

#right {
 vertical-align: top;
 width: 244px; 
 background-color: #EFEFEF;
 padding-bottom: 20px;
}

#right a {
 display: block;
 clear: both;
 font-size: 11px;
}

#searchform {
 background-image: url("/img/search.gif");
 background-repeat: no-repeat;
 padding-top: 20px; 
 padding-bottom: 12px;
}

#searchform input {
 float: left; 
 margin-left: 14px;
}

* html #searchform input {
 margin-left: 7px;
}

#searchbutton {
 width: 50px;
 height: 35px;
 margin-top: -15px;
}

#bottom {
 background-image: url("/img/bbg.gif");
 background-repeat: repeat-x;
 text-align: center;
 background-color: #60C5E5;
 color: #5F5F5F;
 font-size: 14px;
 padding-top: 12px;
 padding-bottom: 15px;
}

#bottom a {
 color: #5F5F5F;
 text-decoration: none;
}

#joystick {
 position: absolute;
 background-image: url(/img/joystick.png);
 background-repeat: no-repeat;
 width: 145px;
 height: 57px;
 left: 0px;
 margin-top: -57px; 
}

* html #joystick {
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/img/joystick.png", method="image");
}

#joystick2 {
 position: absolute;
 background-image: url(/img/joystick2.png);
 background-repeat: no-repeat;
 width: 155px;
 height: 70px;
 left: 100%;
 margin-top: -70px;
 margin-left: -155px;
}

* html #joystick2 { 
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/img/joystick2.png", method="image");
}

.page_listing {text-align:left;font:14px tahoma,verdana,sans-serif;padding:3px 0px 5px 10px;}
.page_listing a {color: #AB0000;font:14px tahoma,verdana,sans-serif;}
.active {background-color:#e8e9ec;padding:0.1em 0.3em;}

.contabl {width:100%;}
.tdrating {width:35%;text-align:left;}
.uprating {text-align:right;font-size:12px;margin:7px;}
.bncenter{text-align:center;padding:0px 0px 7px 0px;}
.text {text-align:left;margin:5px;text-align: justify;}
.divright240{text-align:center;padding:3px 0px 3px 0px;}
.myspr {
 background-color: #FDF5E6;
 border: 1px solid #FFDEAD;
 padding: 5px;
 color: #1C2024;
 margin: 5px;
 text-align:center;
}