/* CSS Document */

body {
	margin:0px;
	background-color: #3E7FAC;
	background-image: url(../images/grad-bg.png);
	background-repeat: repeat-x;
	color: #000001;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainBoxOuter {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	background-image: url(../images/top-bg.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
	text-align: left;
}
#mainBox {
	width: 1000px;
	
	overflow: hidden;
	float: left;
}
#seoHeader {
	width: 1000px;
	height: 0px;
	text-align: center;
}
#headerBox {
	width: 978px;
	
	margin-top: 0px;
	overflow: hidden;
	float: left;
}
#logoBox {
	width: 1550px;
	height: 90px;
	overflow: hidden;
	float: center;
}
#logoBox a {
	outline:none;
}
#headerAd {
	margin-left: 250px;
}
#menu {
	background: #25587E url(../images/bg-nav.gif) repeat-x;
	border: 0px solid #979797;
	border-width: 1px 0px;
	font-size: 1.2em;
	
	-moz-border-radius-topleft:1em;
	-webkit-border-top-left-radius:1em;
	-moz-border-radius-topright:1em;
	-webkit-border-top-right-radius:1em;
}
#menu ul, #menu ul li {
	list-style: none;
	margin: 0;
	
}
#menu ul {
	padding: 10px 0 12px;
	text-align: center;
}
#menu ul li {
	display: inline;
	margin-right: .25em;
}
#menu ul li a {
	background: url(../images/tab-right.gif) no-repeat 100% 0;
	
	padding: 2px 0;
	*padding: 0px 0;
	text-decoration: none;
}
#menu ul li a span {
	background: url(../images/tab-left.gif) no-repeat;
	padding: 2px .25em;
}
#menu ul li a:hover span {
	text-decoration: underline;
}

/*\*//*/
#menu ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#menu ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #menu ul li a {
	
}
/**/
// --> 
#topmain {

}
#featured{
	width:400px; 
	
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#000;
	margin-top:10px;
	margin-left:10px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	width: 45px;
	height: 45px;
	
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li .starRatingSpan3 img{ 
	width:auto;
	height:auto;
	
	border:0px;
	margin:0px;
}
#featured ul.ui-tabs-nav li .starRatingSpan3 {
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url(../images/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url(../images/transparent-bg.png); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#ededed;  margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#ebebeb; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#pageMenuBox {
	width: 400px;
	height: 42px;
	
	color: #ebebeb;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	float: left;
}
#pageMenuBox a {
	color: #ebebeb;
}
#searchBox {
	
	
}
#searchBox input.search {
	width: 118px;
	height: 18px;
	
	margin: 0px;
	background-color:#999;
	border: 1px solid #646464;
	color: #ADDFFF;
	font-size: 15px;
}
#searchBox input.btn {
	width: 20px;
	height: 26px;
	margin-left: 1px;
	float: left;
}

#middleBox {
	width: 1000px;
	background-color: #ADDFFF;
	position: relative;
	float: left;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#featuredTitleBox {
	width: 1000px;
	height: 26px;
	
	background-color: #F5F5F5;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	float: left;
}

#hotGamesContentBox {
	width: 670px;
	float: left;
	overflow: hidden;
	position: relative;
}

div.preGameIcon {
	width: 100px;
	height: 160px;
	
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	float: left;
}
div.preGameInfo {
	border: 1px solid #000000;
	background-color:#FFFFFF;
	width:300px;
	height:250px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
div.preGameInfo h2 {
	font-size: 14px;
	text-align: center;
}
div.preGameHostedURL {
	width: 220px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

div.ad_300x250 {
	width: 300px;
	height: 250px;
	
	padding: 10px;
	overflow: hidden;
	float: left;
}


div.ad_300x255 {
	width: 625px;
	height: 260px;
	
	padding: 5px;
	overflow: hidden;
	float: left;
}




#mainMiddleBox {
	width: 1000px;
	
	float: left;
}

#leftSidebarBox {
	width: 180px;
	position: relative;
	overflow: hidden;
	float: left;
}

#leftSidebarInnerBox {
	width: 180px;
	overflow: hidden;
	float: left;
}
#leftSidebarInnerBox img.tl {
	position: absolute;
	left: 0px;
	top: 0px;
}
#leftSidebarInnerBox img.tr {
	position: absolute;
	right: 0px;
	top: 0px;
}
#leftSidebarInnerBox img.bl {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#leftSidebarInnerBox img.br {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
p.links {
	width:100%
}

div.ad_160x600 {
	width: 160px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0px 10px 0px
}
#switchTemplateBox {
	width: 166px;
	
	color: #003333;
	overflow: hidden;
	float: left;
}
#switchTemplateBox span.title {
	font-size: 14px;
	font-weight: bold;
}
#switchTemplateBox select {
	max-width: 170px;
	font-size: 12px;
}

#rightContentBox {
	width: 800px;
	float: left;
}

.playedNowTitleBox {
	width: 800px;
	height: auto;
	text-align: center;
	float: left;
}
.playedNowTitleBox h1 {
	font-size: 14px;
	font-weight: bold;
}
.playedNowBox {
	width: 800px;
	font-size: 10px;
	font-weight: bold;
	position:relative;
	overflow: hidden;
	float: left;
}
.playedNowBox div.game {
	width: 110px;
	height: 125px;
	
	line-height: 1;
	overflow: hidden;
	float: left;
}
.pregameGames {
	width: 1000px;
	height: auto;
	text-align: center;
	float: left;
}
.pregameGames h1 {
	font-size: 14px;
	font-weight: bold;
}
.pregameGames {
	width: 1000px;
	font-size: 10px;
	font-weight: bold;
	position:relative;
	overflow: hidden;
	float: left;
}
.pregameGames div.game {
	width: 110px;
	height: 125px;
	
	line-height: 1;
	overflow: hidden;
	float: left;
}
div.ad_728x90 {
	width: 800px;
	overflow: hidden;
	float: left;
	padding: 10px 0px 10px 0px
}
div.ad_728x90_2 {
	width: 728px;
	padding: 10px 0 10px 0;
	overflow: hidden;
	float: right;
}
div.ad_728x90_3 {
	width: 728px;
	padding: 5px 0 5px 0;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
div.ad_728x90_4 {
	width: 740px;
	height: 255x;
	padding: 10px 0 10px 30px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	float: center;



}




div.ad_100x100 {
	width: 100px;
	
	overflow: hidden;
	float: left;
}

#bottomBox {
	width: 708px;
	min-height: 190px;
	
	background-image: url(../images/bottom-box-bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	float: left;
}
#bottomBox h1 {
	
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#bottomBox h2 {
	
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#contentBox {
	width: 800px;
	min-height: 190px;
	
	font-weight: bold;
	overflow: hidden;
	float: left;
}
#contentBox h2 {
	width: 728px;
	margin-top: 6px;
	font-size: 14px;
	text-align: center;
	display: block;
	float: left;
}
#contentBox div.game {
	width: 116px;
	height: 125px;
	
	font-size: 10px;
	line-height: 1;
	overflow: hidden;
	float: left;
}

div.pageNums {
	width: 708px;
	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	float: left;
}
#gamePageBox {
	
	overflow:hidden;
}

#gameNameBox {
	width:auto;
	margin-top:2px;
	
	
	color: #003333;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
#gameNameBox h1 {
	color: #003333;
	font-size: 16px;
}
#starRatingSpan {
	width:300px;
	margin-top:10px;
	
	color: #003333;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
#gameBox {
	width: 800px;
	
}

#gameInfoBox {
	width: 360px;
	height: 450px;
	
	background-image: url(../images/hot-games-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	overflow: hidden;
	float: left;
}
#gameInfoBox img.left {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#gameInfoBox img.right {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#gameInfoBox span.big {
	font-size: 14px;
	font-weight: bold;
}

#otherGamesBox {
	width: 800px;
	
	font-size: 10px;
	overflow: hidden;
	float: right;
}
#otherGamesBox p {
	width: 800px;
	margin-top: 6px;
	font-size: 14px;
	text-align: left;
	
	display: block;
	float: left;
}
#otherGamesBox div.game {
	width: 112px;
	height: 125px;
	
	line-height: 1;
	overflow: hidden;
	float: left;
}

#gameOtherInfo {
	width: 215px;
	
	font-size: 12px;
	font-weight: normal;
	float: left;
}

table.bigForms input, #bottomBox textarea, #bottomBox select {
	max-width: 245px;
	
	background-color: #ADDFFF;
	border: 1px solid #666666;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

form {
	
	margin: 0px;
}


table.borders td {
	border-left: 1px solid #805C46;
	border-bottom: 1px solid #805C46;
}
td.row0 {
	background-color: #805C46;
	color: #ADDFFF;
}
td.row0 a {
	color: #EEEEEE;
	text-decoration: none;
}
td.row0 a:hover {
	text-decoration: underline;
}
td.row1 {
	background-color: #E5DAD5;
}
td.row1Right {
	background-color: #E5DAD5;
	border-right: 1px solid #805C46;
}
td.row2 {
	background-color: #DDC6B9;
}
td.row2Right {
	background-color: #DDC6B9;
	border-right: 1px solid #805C46;
}
td.showPlugsBox {
	background-color: #ECDAD5;
	border-right: 1px solid #805C46;
	border-left: 1px solid #805C46;
	border-bottom: 1px solid #805C46;
}	
#footerBox {
	width: 980px;
	height: auto;
	
	
	margin-bottom:0px;
	background-image: url(../images/bottom-bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}