@charset "iso-8859-1";
/* CSS Document */

/*BORDERS*/
#featuredBox,#single,#info{border: 1px solid #6a7988;background: #0d1f37 url(../images/grad3.gif) 0 0 repeat-x;}
#gamecode,#featuredBox ul li,#undergame{border: 1px solid #037b00;}
#horbillboard,#toprated{border: 1px solid #6a7988; background: #0d318d url(../images/topratedbg.gif) 0 0 repeat-x;}
#single,#slideshowBox{ border: 1px solid #6a7988; background: #124320 url(../images/slideshowbg.gif) 0 0 repeat-x;}
#single h2,#slideshow h2{color: #fff;}
#single h2{background-position: 400px 0;}
#slides,#gamecode{background: #fff url(../images/SlideBg.gif) 0 0 repeat-x;   border: 1px solid #03200a;}


.gamelink{display: block; color: #005ba8; font-weight: bold; text-decoration: none; font-size: 11px;}
/*-----GLOBAL SETTINGS*/
body {margin-top: 0px;background: #25476a url(../images/bg.gif) 0 0 repeat-x;color: #000000;font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2{padding: 10px 0 0 25px!important; font-size: 18px!important; font-weight: bold!important;}
a {color: #646464;text-decoration: none;}
a:hover {text-decoration: underline;}
table.borders td {border-left: 1px solid #805C46;border-bottom: 1px solid #805C46;padding: 5px 0 5px 5px;}
td.row0 {background-color: #805C46;color: #FFFFFF;}
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;}

#pageMenuBox {padding: 0px 27px 0 0;color: #fff;	font-size: 12px;}
#leftColumn{ float: left;  overflow: hidden; _height: 100%; }
#rightWrapper{ float: left; _margin-bottom: 4px;}
#leftTopWrap{padding: 0 4px; width:744px; float: left; margin-bottom: 4px; display: inline;}
#center{clear: both;}
#mainMiddleBox {clear: both;}
#leftColumn{float: left; margin-bottom: 4px;}
#rightColumn{float: left;}
#mainBoxOuter {	width: 970px;margin-left: auto;margin-right: auto;overflow: hidden;text-align: left;background: #fff;}
#mainBox {	width: 970px;	padding: 0 0 20px 0;	overflow: hidden;	float: left;}
#middleBox {clear: both; overflow: hidden; padding: 0 4px; }
#pageMenuBox a {	color: #fff;}
#whitebg{background: #fff url(../images/mostpopularlibg.gif) 0 0 repeat-x;   border: 1px solid #EEDFB7; padding: 10px 20px; clear:both; overflow: hidden; _height: 100%;}

/*-----HEADER*/
#headerBox {width: 970px;height: 145px;	background: url(../images/top.jpg) 0 0 no-repeat;overflow: hidden;	}
#searchBox {
	padding: 5px 22px 10px 22px;margin: 110px 0 0 0;
	overflow: hidden;
	float: right;
}
#searchBox input.search {
	width: 116px;
	height: 12px;
	padding: 3px;
	margin: 0px;
	background:url(../images/searchtxtbg.gif) 0 0 no-repeat;
	border: 1px solid #ded795;
	color: #a3a3a3;
	font-size: 10px;
	float: left;
}
#searchBox label{float: left; color: #fff;font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 5px;}
#searchBox input.btn {
	width: 22px;
	height: 21px;
	margin-left: 5px;
	float: left;
	background:url(../images/searchbtn.gif) 0 0 no-repeat;
	border: none;
}

/*--------NAV*/
.navactive{color: #fff!important;}
#Barbienav .navactive{background: url(../images/shortbarbiebg.gif) 0 0 no-repeat; }
#Barbienav a:hover{background: url(../images/shortbarbiebg.gif) 0 0 no-repeat;}
#DressUpnav .navactive {background: url(../images/DressUpbg.gif) 0 0 no-repeat;}
#DressUpnav a:hover{background: url(../images/DressUpbg.gif) 0 0 no-repeat;}
#Bratznav a:hover{background: url(../images/BarbieBg.gif) 0 0 no-repeat;}
#Bratznav .navactive{background: url(../images/BarbieBg.gif) 0 0 no-repeat;}
#Cookingnav a:hover{background: url(../images/DressUpbg.gif) 0 0 no-repeat;}
#Cookingnav .navactive{background: url(../images/DressUpbg.gif) 0 0 no-repeat;}
#Makeovernav a:hover{background: url(../images/makeovernav.gif) 0 0 no-repeat;}
#Makeovernav .navactive{background: url(../images/makeovernav.gif) 0 0 no-repeat;}
#nav{clear: both;}
#CategoriesBox {background: url(../images/mbg.gif) 0 0 no-repeat; float: left; width:744px; clear: both; margin: 4px 0 4px 0;}
#CategoriesBox #nav {	background:url(../images/navbgend.gif) right 0 no-repeat; 	overflow: hidden; 	width:699px;	padding: 1px 0 3px 45px; font-size: 14px; font-weight: bold; margin: 0;}
#CategoriesBox #nav li {float: left; height: 36px; 	}
#CategoriesBox #nav li a{  float: left; padding: 8px 8px 11px 8px;}
#nav a:link {	color: #051e5b;	text-decoration: none;}
#nav a:visited {	color: #051e5b;	text-decoration: none;}
#nav a:hover {	color: #fff;	text-decoration: none; background: url(../images/navlibg.gif) 0 0 repeat-x;}


/*----------MOST PLAYED*/
#featuredBox { overflow: hidden; _height: 100%; padding-bottom: 5px; clear: both;}
#featuredBox h2{  color: #fff;padding-bottom:6px !important;}
#featuredBox a {color: #172b44; display: block;font-weight: bold;}
#featuredBox a img{float: left; margin-right: 5px; border:1px solid #eedfb7;}
#featuredBox ul{ list-style: none; padding: 0 0 9px 7px; overflow: hidden; _height: 100%; }
#featuredBox ul li{background: #fff url(../images/MostPopularLiBg.gif) 0 0 repeat-x;  padding: 11px 4px 11px 7px; margin: 0 1px 0 2px;
 width: 226px; float: left;	}
#featuredBox p{color: #646464; font-size: 11px!important; text-align: left; line-height: 11px; padding-top: 3px;}


/*----------SLIDESHOW*/
#slideshowBox{ padding: 0 15px 13px; margin-bottom: 4px; float: left;}
#slides{background: #fff url(../images/SlideBg.gif) 0 0 repeat-x;   border: 1px solid #072810; padding: 10px 20px; width: 258px; _width:250px;}
#slideslist li{position: relative!important; width: 255px;}
#slideshowBox h2{  padding-bottom:5px !important; color: #fff; }
#slideshowBox a{display: block; color: #fff; font-weight: bold; text-decoration: none;}
#slideshowBox a img{width: 250px; height: 190px; display: block; border: 4px solid #072810;}
#slideshowinfo{position: absolute; background: black; bottom: 4px; left: 4px; width: 250px; opacity: 0.4; filter: alpha(opacity = 40); height: 70px; }
#slideshowinfocont{color: #fff; padding: 5px; width: 240px; position: absolute; bottom: 4px; left: 4px; z-index: 3;}
#slideshowBox ul{position: relative!important; width: 255px;}
#slidesnav{ overflow: hidden; margin-top: 8px; font-family: Tahoma,Arial; font-size: 11px; _height: 100%;}
#slidesnav li{ float: left; padding: 7px 8px; background: #77ff61; color: #000; margin-right: 3px; cursor: pointer;}
#previous,#next { color: #071e03!important;  background: none!important; margin-right:10px!important;}
#previous{padding-left: 0!important;}
#next{ text-align: right; padding-right: 0!important; margin-left:10px!important;}
.activeslide{color: #fff; background: #156300!important; cursor: auto!important;}




/*-------TOPRATED*/
#toprated{width: 599px;  padding: 0 10px 10px; margin-left: 4px;  }
#toprated .relative{position:relative;}
#toprated #withthumbs li p{position:absolute; right: 6px; top: 1px;  width: 15px; color: #fff;   font-weight: bold; padding: 0px 0 0 0px;}
#toprated #trans{position:absolute; right: 5px; top: 2px; _top: 2px;_right: 6px; height: 23px;  width: 25px;  opacity: 0.4; filter: alpha(opacity = 40);background: url(../images/numbg.gif) 0 0 no-repeat!important; border: none!important;}
#toprated h2{color:#fff;padding-bottom:6px !important;padding-left:16px;}
#toprated ul{overflow: hidden; _height: 100%; background: #fff url(../images/TopRatedUlBg.gif) 0 0 repeat-x; padding: 35px 10px 30px 17px!important; border-left: 1px solid #273f5b; border-right: 1px solid #273f5b; border-top: 1px solid #273f5b; }
#toprated #withthumbs li{  width: 130px;  float: left; margin-right: 11px; padding:10px 0 0 0; background: #dddddd url(../images/libgtop.gif) 0 0 no-repeat; }
#withthumbs .most{ width: 272px!important; height: 225px!important; background: #dddddd url(../images/topratedlibg.gif) 0 0 no-repeat!important; margin: 0 11px 12px 0; }
#withthumbs .most div{background: url(../images/topratedmoslibg.gif) 0 bottom no-repeat!important;  border-bottom: none;}
#withthumbs .most span{background: url(../images/topratedlidivbg.gif) 0 bottom no-repeat!important; height: 31px; padding: 0 15px 0 15px!important; display: block; overflow: hidden; }
#withthumbs .most span a {float: left; padding-top: 5px;}
#withthumbs .most span img{float: right; border:none!important; padding-top: 5px; margin:0!important;}
#withthumbs .most .ratingstars{margin:0!important;}
#withthumbs #most2{margin-right:0!important;}
#withthumbs #minithumb4{margin-right:12px!important;}
#withthumbs #minithumb6{margin-right:0!important;}

#toprated #withthumbs span{background: #fff url(../images/topratednormallibgbott.gif) 0 0 no-repeat; height: 31px; display: block; overflow: hidden; padding-top: 10px;}
#toprated #withthumbs span a{text-align: center; display: block; color: #2a4260; font-weight: bold; text-decoration: none; font-size: 11px;}
#toprated  li img{display: block; border: 1px solid white; margin: 0 auto;}
#toprated #withthumbs span img{  margin: 0 auto!important; border: none!important;}

#toprated .nothumbs{margin: 0!important; border: 1px solid #273f5b!important;  overflow: hidden; background: white!important; padding:0 10px 10px 10px!important; border-top:none!important; _height: 100%;}
#toprated .nothumbs li{float: left!important;  background: url(../images/topratednothumbs.gif) 0 0 repeat-x; width: 191px; border-top: 1px solid #d7d7d7!important; }

#toprated .nothumbs li div{background: url(../images/topratedlirightborder.gif) right 1px no-repeat!important; border-left: 1px solid #fff;}
#toprated .nothumbs li span{ height: 31px; display: block; overflow: hidden; padding-top: 10px; }
#toprated .nothumbs li div span p{float: left; color: #646464; font-weight: bold; font-size: 11px; width: 25px; text-align: left; padding-left: 20px;}
.nothumbs li span a{ display: block; text-align: left!important; color: #b8194c; font-weight: bold; text-decoration: none; font-size: 11px; height: 31px; float: left; width: 130px;}


/*---------PREGAME*/
div.preGameIcon {
	width: 100px;
	height: 160px;
	padding: 0 90px 0 65px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	float: left;
}
div.preGameInfo {
	width: 431px;
	padding: 13px 0 50px 0;
	font-size: 11px;
	overflow: hidden;
	_height: 100%;
	line-height: 15px;
	color: #334f60;
}
div.preGameInfo h2 {
	font-size: 14px;
	text-align: center;
}
div.preGameHostedURL {
	width: 220px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;

}
.play_now{ background: url(../images/play_now.gif) 0 0 no-repeat; display: block; height: 33px; width: 132px; text-indent: -3333em; margin-top: 10px;}

/*---------ADS*/
div.ad_300x250 {background:  #0e7644 url(../images/adsbg.gif) 0 0  repeat-x; border: 1px solid #6a7988; padding: 0 6px 12px 5px; clear: both; float: left;}
div.ad_300x250 h2{color: #fff;padding-bottom:6px !important; }
#advert{width: 298px; background: #ef7dc2 url(../images/mostpopularlibg.gif) 0 0 repeat-x; padding: 10px 9px 10px 10px;  border: 1px solid #6f0093;  }
div.ad_160x600 {	width: 160px;	padding: 0 6px 14px 6px;	overflow: hidden;	float: left;}
#advertisment{background:  #f7ffe1 url(../images/adsbg.gif) 0 0 repeat-x; border: 2px solid #bee1ff; padding: 0 6px 12px 5px; clear: both; float: left;}
#advert{width: 298px; background: #fff url(../images/mostpopularlibg.gif) 0 0 repeat-x; padding: 10px 9px 10px 10px;  border: 1px solid #6f0093;  }
.adsense{background: #95e481; color: #f0f151;  margin-top: 4px; border: 1px solid #037900; clear: both; padding: 6px 0 9px 14px;  overflow: hidden; margin: 4px 0 0 0px;}
#rightColumn .adsense{margin: 4px 0 0 4px; width: 607px;}
#rightWrapper .adsense{ padding: 6px 0 10px 0; height: 15px!important; }
#rightWrapper .adsense div{  margin: 0 auto; padding-left:25px;}
#billboard{ border: 1px solid #037900; background: #95e481; padding: 7px 8px 5px 8px; margin-bottom: 4px; float: left; margin-left: 4px; height: 92px;}
#gamebillboardup{padding: 5px 8px 3px 7px;background: #fff5c4; border: 1px solid #ffcf3e; margin-bottom: 4px; width: 727px; overflow: hidden;}
#gamebillboarddown{padding: 8px 8px 6px 8px;background: #fd9a4d; border: 1px solid #fb751e; width: 727px; clear:both; float: left;}
#horbillboard{ width: 187px; padding: 15px 0px 35px 0px;  padding: 10px;  margin: 0 0 4px 4px; }
#adcode{background: #fff; padding: 10px 10px 10px 12px;}
#adv100{float: left; height: 102px; padding:1px 3px; background: #da98f7; border: 1px solid #6f0093; margin: 0 0 0 4px;}
#rightColAdv #adv100{margin:0px 0 4px 3px;	}
#center #adv100{margin:0px 0 0px 0px!important;	}
div.ad_728x90 {
	width: 728px;
	padding: 0 0 26px 0;
	overflow: hidden;
	float: left;
}
div.ad_728x90_2 {
	width: 728px;
	padding: 6px 0 10px 0;
	overflow: hidden;
	float: left;
}
div.ad_468x60 {
	width: 100%;
	padding-bottom: 12px;
	overflow: hidden;
	float: left;
}

div.ad_100x100 {
	width: 100px;
	padding: 0 2px 6px 2px;
	overflow: hidden;
	float: left;
}



/*LINKS*/
#topReferrersBox {	border: 1px solid #6a7988; background: #184589 url(../images/linksbg.gif) 0 0 repeat-x; padding: 0 5px 11px 5px; width: 199px;height: 216px; float: left; margin-bottom: 4px; display: inline;}
#links{ float: left;margin: 4px 0px 0 0 ;}
#topReferrersBox ul{background: #fff url(../images/LinksUlBg.gif) 0 0 repeat-x; border: 1px solid #172b44 ; padding: 10px 8px 10px 10px;}
#topReferrersBox h2{color: #fff;padding-bottom:6px !important;}









/*LATEST GAMES/SEARCH RESULTS*/
#latestgames{clear: both; margin: 0px auto 4px auto;}
#latestgames, #searchresults,#stats{  border: 2px solid #7b0000;   padding: 0 0 8px 0; overflow: hidden; width: 957px;background: #FFF5F1  url(../images/latestcategorybg.gif) 0 0 repeat-x;}
#stats{width: 935px!important; padding: 0 10px 10px; _height: 100%; margin: 0 0 4px 0px;}
#searchresults{width: 597px!important; padding: 0 10px 10px; _height: 100%; margin: 0 0 0 4px;}
#searchresults ul{ clear: both; background:#fff url(../images/mostpopularlibg.gif) 0 0 repeat-x; padding: 10px; overflow: hidden; _height: 100%;}
#searchresults li{width: 288px!important; float: left; margin: 5px 0; height: 80px;}

#latestgames h2,#searchresults h2,#stats h2{ color: #fff;  float: left; padding-bottom:6px !important;}
#latestgames .list,#latestgames #latcatlist,#searchresults #latcatlist{ clear: both; width: 922px; margin: 0 auto; background:#fff url(../images/latestulbg.gif) 0 0 repeat-x; border: 1px solid #7B0000; border-bottom: none; padding: 10px 0 0 0; }
#latestgames .list ul,#latestgames #latcatlist ul {padding: 0px 0 10px 0px; overflow: hidden;}
#latestgames .list li,#latestgames #latcatlist ul li{float: left; width: 288px; padding: 1px 5px 11px 10px; margin:0!important; }
.middle{border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c;}
#latestgames .list li img,#latestgames #latcatlist li img,#searchresults li img{float: left; border: 2px solid #eedfb7; margin-right: 5px;}
#latestgames .list li a,#latestgames #latcatlist li a{ color: #9d0404;}
.ratingstars{float: none!important; border: none!important; margin: 0!important;}
#latestgames li p{ color: #646464; font-weight: normal!important; font-size: 11px; line-height: 11px; }

#categorynav { overflow: hidden; margin-right: 42px; background: url(../images/latestnavbgend.gif) right 10px no-repeat; padding: 10px 6px 0 0px; height: 32px;}
#categorynav ul{overflow: hidden; float: right; padding: 0px 0 0 14px; background: url(../images/latestnavbg.gif) 0 0 no-repeat; width:668px;}
#categorynav li{float: left; padding: 10px 0; }
#categorynav li a{font-size: 12px; font-weight: bold; color: #9d0404; text-decoration: none; padding: 5px 11px 10px 11px; display: block;}
#categorynav li a:hover{background: url(../images/latestnavhoverbg.gif) 0 0 repeat-x; color: #928a0d;}
#categorynav l .active{background: url(../images/latestnavhoverbg.gif) 0 0 repeat-x; color: #b8194c!important;}

#latestgames .nothumbs{  overflow: hidden; background: white!important; width: 902px!important;  padding-bottom: 20px!important; padding: 0 10px 10px 10px!important; _padding-top: 10px!important; }
#latestgames .nothumbs li{float: left!important;  background: url(../images/latestulbg.gif) 0 0 repeat-x; width: 225px!important;  padding: 0!important; border-top: 1px solid #909090;  }

#latestgames .nothumbs li div{background: url(../images/latestlirightborder.gif) right 1px no-repeat!important; border-left: 1px solid #fff; border: none!important;  overflow: hidden; }
#latestgames .nothumbs li span{ height: 31px; display: block; overflow: hidden; _height: 100%; padding-top: 10px; background: url(../images/dot.gif) 30px 42% no-repeat; }
#latestgames .nothumbs li span a{ display: block; text-align: left!important; color: #9d0404!important	; font-weight: bold; text-decoration: none; font-size: 11px; height: 31px; float: left; width: 130px; margin-left: 45px; _margin-left:25px!important; }

/*PLAY GAME*/
#scoreinfo{ padding: 5px; margin-bottom: 4px; background-color: #e9f5fd; border: 1px solid #e795e0; overflow: hidden;}
#top10{ background: #fff5c7; border: 1px solid #ffcf3e; padding-bottom: 5px; margin: 4px 0; width: 742px;}
#top10 h2{ color: #925200;}
#info{ color: #273f5b; margin-bottom: 4px; _height: 100%; padding: 0 10px 10px; overflow: hidden;}
#info h2{ color:#fff!important;  padding-left: 16px; float: left;padding-bottom:6px !important; width: 400px; }
#info h3{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #dddddd; padding-bottom: 6px; padding-left: 4px;border-right: 1px solid #dddddd!important; }
#game{width: 745px;}
#single{ overflow: hidden;padding: 0 10px 10px 10px; _height: 100%;}
#single h2{ padding-bottom:6px !important; }
#gamecode{padding:5px; background: #fff url(../images/SlideBg.gif) 0 0 repeat-x; overflow: hidden; _height: 100%;}
#undergame{background: #fff url(images/mostpopularlibg.gif) 0 0 repeat-x; padding: 10px; overflow: hidden; clear: both;  _height: 100%; }
#undergame .box{float: left; width: 585px; padding-bottom: 6px; }
#undergame div p{font-size: 11px; color: #646464; border-top: 1px solid white; padding-left: 4px; overflow: hidden;}
#undergame form{float: left;}
#rating{width: 315px!important; float: left;}
#rating h3{border-right: none!important; padding-left: 12px;}



/*PAGINATION*/
#pagination{background: #fff;  width: 922px; margin: 0 auto;  border-top:none!important; font-family:Tahoma,Arial; font-size: 11px; padding-bottom: 6px; border: 1px solid #F6C8E4  ;}
#pagination ul{overflow: hidden; width: 265px; margin: 0 auto;}
#pagination li{float: left; background: url(../images/paginationbg.gif) 0 0 no-repeat; width:12px; height: 15px; padding: 2px 3px 0; margin-right: 3px;}
#pagination li a{display: block; text-decoration: none; color: #fff;  text-align: center;}
.nobg{background: none!important; color: #646464!important;}
.nobg a{color: #646464!important;}
.thispage{ background: none!important; color: #fa6a10!important; font-weight: bold}



table.bigForms input, #bottomBox textarea, #bottomBox select {
	max-width: 245px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
	
.thefooter {font-size: 12px;width: 947px; margin: 4px auto 0 auto;text-align: left; color: #799242; border: 2px solid #037b00; padding: 15px 0 8px 10px; clear: both;
background:  #d6359b url(../images/footerbg.gif) 0 0 repeat-x; overflow: hidden;}
.thefooter p { clear: both;padding-left:10px;}
.thefooter ul{overflow: hidden; margin-bottom: 2px;}
.thefooter li{float: left;  padding: 0 10px; border-right: 1px solid;}

.thefooter a {color: #2f7a7a; text-decoration: none; font-weight: bold; background: none!important;
}

.thefooter a:hover { color: #ffffff; text-decoration: underline; background: none!important;}

#copyrightBox {
	width: 900px;
	overflow: hidden;
	float: left;
}


#ratingspan{ display: block; border-top: 1px solid #fff; padding: 10px 0 0 18px; background: url(../images/ratingborderleft.gif) left bottom no-repeat;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/starrating.gif) left 0px repeat-x;
}
.star-rating{
position:relative;
width:165px;
height:33px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left bottom;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:33px;
line-height:33px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left 1px;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left -32px;
}
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}