body {color: #222; 
font-family: Arial, verdana, helvetica; 
font-size: 11px; 
padding: 0; 
margin: 0; 
background: #557d96 url(images/background-color.png) repeat-x}
a {outline: none; cursor: hand;}

a:link {color: #3366CC; text-decoration: none; background: transparent}
a:active {color: #3366CC; text-decoration: none; background: transparent}
a:visited {color: #3366CC; text-decoration: none; background: transparent}
a:hover {color: #003399; text-decoration: none;}
a img {border: none; padding: 0px; vertical-align: middle}
hr {border-top: 2px dotted #2e3138; border-left: none; border-right: none; border-bottom: none}
h1 {position: relative; font-size: 14px; padding: 5px 0 0 23px; margin: 0; z-index:2}

.pad5 {padding: 5px}
#all {width: 1003px; margin: 0 auto; z-index:1}

#header {width: auto; height: 120px; margin-top: 0; background: url(images/headbg.jpg) repeat-x right top}
#hd1 {position: relative; margin-left:25px;  width: 200px; float: left; height: 146px; background: url(images/testlogo2.png) no-repeat left top}
#hd1 a {text-align: right; padding: 125px 40px 0 0px; display: block; width: 150px; height: 25px; color: #3366CC; font-size: 12px;}
#hd2 {width: 740px; float: right; height: 30px; *height: 43px; padding-top: 5px}
#hd3 {width: 740px; float: right; height: 80px; text-align: right; padding-right: 30px}
#hd4 {position: relative; width: 700px;  float: right; height: 27px;}

#topmenu {float: right; width: auto; height: 20px; padding: 0 25px 0 0;}
#topmenu ul {list-style: none; float: right; margin: 0; padding: 0}
#topmenu ul li {text-align: center; float: left;}
#topmenu ul li a {font-size: 18px; color: #3366CC; width: auto; display: block; padding: 0 5px; border-left: 1px solid #003399;}
#topmenu ul li a:hover {color: #003399;}

#mainmenu {width: auto; padding-right: 25px}
#mainmenu ul {list-style: none; float: right; margin: 0; margin-top:5px; padding: 0}
#mainmenu ul li {text-align: center; line-height: 27px; float: left; width: 100px; background: url(images/bgmenu.png) no-repeat left top}
#mainmenu ul li a {font-size: 12px; font-weight: bold; color: #0d293f; width: auto; display: block; height: 27px;}
#mainmenu ul li a:hover {height: 27px; color: #FFF;}

#bodyblock {width: 100%; float: left; background: #FFF; margin-top: -6px}

#bb1,#bb2,#bb3,#bb4,#bb5,#bb6,#bb7,#bb8{width: 100%; float: left;}
#bb1 {background: url(images/centertop.jpg) repeat-x left top}
#bb2 {background: url(images/centerbottom.jpg) repeat-x right bottom}
#bb3 {background: url(images/centerleft.jpg) repeat-y left top}
#bb4 {background: url(images/centerright.jpg) repeat-y right top}
#bb5 {background: url(images/lefttop.jpg) no-repeat left top}
#bb6 {background: url(images/righttop.jpg) no-repeat right top}
#bb7 {background: url(images/leftbottom.jpg) no-repeat left bottom}
#bb8 {background: url(images/rightbottom.jpg) no-repeat right bottom; padding-bottom: 50px}
#bb9 {width: auto; float: left; padding: 12px 18px 0px; min-height: 600px;}

#submenu {width: auto; clear: both}
#submenu ul {list-style: none; margin: 0 0 10px; padding: 10px 5px 0 0; height: 20px}
#submenu ul li {display: inline; text-align: center;}
#submenu ul li a {font-size: 12px; padding: 2px 10px; border-right: 1px solid #CCC; margin: 0 5px 0 0}


#footmenu {width: auto; color:#FFFFFF;}
#footmenu ul {clear: both; list-style: none; margin: 0 auto; padding: 0 0 5px;}
#footmenu ul li {display: inline; border-right: 1px solid #BBB; text-align: center; padding: 0 4px; vertical-align: text-top}
#footmenu ul li a {font-size: 12px; display: inline-block; text-align: center; color:#FFFFFF;}



#footnote {clear: both; padding-top: 10px}

#sidecont {text-align: center; color: #CCC; width: 224px; float: left; margin-left: 2px}
#maincont {width: 738px; float: right; margin-right: 2px; background: #ECECEC}

#boxbanner {float: left; width: 300px; height: 250px; padding-left: 5px}
#boxbanner100 {float: left; width: 300px; *width: 310px; height: 100px; padding-left: 5px; padding-top: 5px}
.previewgame {float: left; width: 327px; height: 355px; background: #F2F2F2; padding-left: 1px;}

.topbox {clear: both; width: auto; margin: 0 1px; padding: 0 1px 5px 4px; background: #F0F0F0}
.mainbox  {clear: both; width: auto; margin: 5px 1px; text-align:center; min-height:800px;}

/* add more cat games */
/*to add more games change hieght: 150px to 260px */
.bglistgame {float: left; width: 366px; height: 260px; padding-left: 2px}
/*to add more games change hieght: 145px to 255px */
.iehandle {height: 255px; width: 363px; background: #F4F4F4; margin: auto; padding-left: 2px}
/* end */


.title {color: #ffae00; margin: 0; padding: 0; font-size: 13px; background: url(images/leftheader.gif) no-repeat left top}
.title i {text-align: left; display: block; margin: 0 2px 0 20px; line-height: 20px;}


#latestbox  {clear: both; padding: 0 0 5px 1px; *padding: 0 0px 1px 10px; background: #F0F0F0; text-align:center; width:960px; margin-right:auto;margin-left:auto;}


.moregame {clear: both; color: #AAA;}
.moregame a, .moregame a:visited{font-weight: bold; display: block; text-align: left; width: auto; float: left; margin: 5px 3px;}
.moregame a img {border: 2px solid #CCC; padding: 1px}

/* gamebox alltype */
.gamebox a, .gamebox a:visited {color: #3366CC; display: block; padding: 5px 2px; text-align: center; width: 81px; height: 100px; background: #FFF; float: left; margin: 2px 2px;}
.gamebox a:hover {color: #003399; background: #c9e2f0;}
.gamebox a img {border: 2px solid #CCC; padding: 1px}
.gamebox a:hover img {border: 2px solid #5d6d76; }

/* gamebox feature / mostplayed */
.gamebox2 a, .gb a:visited {width: 96%; text-decoration: none; color: #3366CC; display: block; padding: 3px 5px; text-align: left; background: #FFF; float: left; margin: 2px 1px 2px 1px;}
.gamebox2 img {float: left; margin: 0 5px 0 0}
.gamebox2 a:hover {color: #003399; background: #c9e2f0;}
.gamebox2 a img {border: 2px solid #CCC; padding: 1px}
.gamebox2 a:hover img {border: 2px solid #5d6d76; }
.listtitle2 {font-size: 12px; font-weight: bold;}
.listdesc2 {color: #666; font-size: 11px;}

/* gamebox toprated / mostplayed listpage */
.gamebox3 a, .gamebox3 a:visited {color: #3366CC; display: block; padding: 5px 2px; text-align: center; width: 97px; height: 114px; background: #FFF; float: left; margin: 2px 2px 2px 1px;}
.gamebox3 a:hover {color: #003399; background: #F8F8F8;}
.gamebox3 a img {border: 2px solid #CCC; padding: 1px}

.gamebox4 a, .gamebox4 a:visited {
color: #3366CC; display: block;  padding: 8px; text-align: left; width: 346px; height: 85px; background: #FFF; float: left; margin: 2px 1px 2px 1px;}
.gamebox4 img {float: left}
.gamebox4 a:hover {color: #003399; background: #F8F8F8;}
.gamebox4 a img {border: 2px solid #CCC; padding: 1px}
.listtitle {font-size: 12px; float: left; width: 248px; margin-left: 10px}

.listtitlegame {font-size: 18px; float: left; width: 242px; height: 193px; background-color:#F5F5F5;}
.listtitlegame img { border:2px solid #CCCCCC; padding:2px;}



.listdesc {color: #666; border-bottom: 1px dashed #CCC; font-size: 11px; float: left; width: 248px; height: 58px; margin-left: 10px}
.listvote {margin-top: 3px; float: right; width: 248px; margin-left: 10px}
.listview {color: #AAA; float: right; width: 80px; margin-left: 10px}

/* gamebox latest */
.gamebox5 a, .gamebox5 a:visited {color: #3366CC; display: block; padding: 5px 2px;  text-align: center; width: 100px; height: 114px; background: #FFF; float: left; margin: 2px 2px 2px 1px; *margin: 2px 2px 2px 3px;}
.gamebox5 a:hover {color: #003399; background: #c9e2f0;}
.gamebox5 a img {border: 2px solid #CCC; padding: 1px; width:80px; height:80px;}
.gamebox5 a:hover img {border: 2px solid #5d6d76; }

.gamelist {float: left; width: 175px; height: 105px; padding: 5px 0 5px; border-bottom: 1px dashed #2e3138}
.gamelist ul {padding: 0; margin: 0 0 0 16px}
.gamelist li {text-align: left; font-size: 12px;}

.note {text-align: left; margin: 2px 5px; clear: both; color: #444;}
.linkbar {margin: 5px; text-align: left; font-size: 12px}
.linkbar h2{margin: 5px; padding: 0; font-size: 13px; font-style: italic}
.linkbar ul{margin: 0; padding: 5px; list-style: none;}
.linklist {margin: 5px 5px; text-align: left; font-size: 14px; min-height: 400px}

.ol {width: 30px; text-align: center; float: left;}

.linklist ul {list-style: none}
.linklist1 ul {margin: 5px 0; padding: 0}
.linklist1 li{display:list-item; width: auto; font-size: 13px}
.linklist2 {clear: both; padding-top: 50px}
.linklist2 ul {margin: 0; padding: 0}
.linklist2 li{width: 120px; float: left; font-size: 13px; height: 50px;}
.padmain {padding:30px 20px; min-height: 400px}

#footblock {margin: auto; color: #AAA; text-align: center; padding: 20px 0 0; width: 100%;}
.clearit {clear: both}
#repeater {clear: both; font-weight: bold; font-size: 14px; margin: 10px 0 10px 5px}
#repeater a, #repeater span {background: #EEE; border: 1px solid #CCC; padding: 2px 5px}
#movie {padding: 25px 10px; text-align:center;}

.gameborder {font-size: 12px; display: block; padding: 8px; text-align: left; width: 750px; height: 283px; background: #FFF; float: left; margin: 2px 2px 5px 1px;}

.gameinfo {font-size: 12px; display: block; padding: 8px; text-align: left; width: 346px; height: 283px; background: #FFF; float: left; margin: 2px 2px 5px 1px;}
.gameads {font-size: 12px; display: block; padding: 8px; text-align: left; width: 310px; height: 283px; background: #FFF; float: left; margin: 2px 2px 5px 1px;}
.gamecomment {font-size: 12px; display: block; padding: 8px; text-align: left; width: 235px; *width: 280px; height: 283px; background: #FFF; 
float: left; margin: 2px 2px 5px 1px;}


.gametitle {font-weight: bold; float: left; clear: both; display: block; width: 70px; padding: 5px 2px}
.semicolon {float: left; display: block; width: 10px; padding: 5px 2px;}
.infovalue {float: left; display: block; width: 252px; padding: 5px 2px}
.center {text-align: center}

#votebox {font-size: 14px;}
#votebox div{width: 0; height: 0; background: url(/http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/free_games_star2.gif) no-repeat left top;}
#votebox a {font-size: 12px; font-weight: bold; color: #FFF; margin: 5px; padding: 9px 14px; background: url(/http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/free_games_star1.gif) no-repeat left top; text-decoration: none;}
#votebox a:hover {background: url(/http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/free_games_star2.gif) no-repeat left top;}

.star0 {float: left; width: 11px; height: 12px; background: url(http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/play_game_star0.gif) no-repeat left top;}
.star1 {float: left; width: 11px; height: 12px; background: url(http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/play_game_star1.gif) no-repeat left top;}
.star2 {float: left; width: 11px; height: 12px; background: url(http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/play_game_star2.gif) no-repeat left top;}

.infourl {margin: 0; padding: 0}

.ie6bug {clear: both;}
/*==============================================*/
.form-box {text-align: left; font-size: 11px; padding: 5px; height: auto}
.form-box fieldset {border: none;}
.input-caption {clear: left; float: left; width: 20%; margin: 0; padding: 8px;}
.input-box {display: inline; float: left; width: 70%; margin: 0; padding: 5px;}
.warning {color: #FF0000; font-weight: bold;}

.play-games {width: 105px; height: 105px; float: left;}
.banner100 {width: 100px; height: 100px; float: left;}
.banner100x100 {width: 105px; height: 105px; float: left; margin-top:10px; text-align:center;}

.lilleft {width: 210px; margin: auto}
.leftpad {padding: 5px}
.keyword {padding: 10px 5px}

.searchbox {text-align: left; font-size: 11px; padding: 5px 5px 0 0; height: auto; float: right; width: 220px;}
.searchbox form {margin:0 padding:0;}
.buttonsearch {width: 40px; padding: 0; float: left;}
.searchbox fieldset {padding: 0; margin: 0; border: none; width: 170px; float: left;}
#searchbanner {float: left; padding-top: 4px}
.inputsearch {display: inline; float: left; width: 165px; margin: 0;}
.inputsearch input {color: #999; float: right}

#loader {color: #BBB; text-align: center; padding: 20px; height: 14px; text-decoration: blink; font-weight: bold; font-size: 14px}
/*==============================*/
#admin-page {float: left; margin-right: 2px}
.row{width: 100%; float: left; border: 1px solid #EEE; color: #222;}
.row-head {width: 100%; float: left; border: 1px solid #EEE; background: url(http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/bar.gif) repeat-x left top;}
.row-foot {border: 1px solid #EEE; text-align: right; margin: 0 0 15px 0; padding: 5px 0; width: 100%; float: left; background: url(http://www.searchyourgames.com/freeplaynow/templates/arcadecent/images/bar.gif) repeat-x left top;}

.center {text-align: center}
.w5 {height: 100%; padding: 4px 5px; float: left; width: 5%; border-right: 1px solid #EEE;}
.w10 {height: 100%; padding: 4px 5px; float: left; width: 10%; border-right: 1px solid #EEE;}
.w15 {height: 100%; padding: 4px 5px; float: left; width: 15%; border-right: 1px solid #EEE;}
.w20 {height: 100%; padding: 4px 5px; float: left; width: 20%; border-right: 1px solid #EEE;}
.w25 {height: 100%; padding: 4px 5px; float: left; width: 25%; border-right: 1px solid #EEE;}
.w30 {height: 100%; padding: 4px 5px; float: left; width: 30%; border-right: 1px solid #EEE;}
.w35 {height: 100%; padding: 4px 5px; float: left; width: 35%; border-right: 1px solid #EEE;}
.w40 {height: 100%; padding: 4px 5px; float: left; width: 40%; border-right: 1px solid #EEE;}
.w45 {height: 100%; padding: 4px 5px; float: left; width: 45%; border-right: 1px solid #EEE;}
.w50 {height: 100%; padding: 4px 5px; float: left; width: 50%; border-right: 1px solid #EEE;}
.w55 {height: 100%; padding: 4px 5px; float: left; width: 55%; border-right: 1px solid #EEE;}
.w60 {height: 100%; padding: 4px 5px; float: left; width: 60%; border-right: 1px solid #EEE;}
.w65 {height: 100%; padding: 4px 5px; float: left; width: 65%; border-right: 1px solid #EEE;}
.w70 {height: 100%; padding: 4px 5px; float: left; width: 70%; border-right: 1px solid #EEE;}
.w75 {height: 100%; padding: 4px 5px; float: left; width: 75%; border-right: 1px solid #EEE;}

.h10 {height: 10px}
.h20 {height: 20px}
.h25 {height: 25px}
.h30 {height: 30px}
.h35 {height: 35px}
.h40 {height: 40px}
.h50 {height: 50px}
.h60 {height: 60px}
.h70 {height: 70px}
.h80 {height: 80px}
.h90 {height: 90px}
.h100 {height: 100px}
.h200 {height: 200px}

.inlink a, .inlink span {background: #EEE; border: 1px solid #CCC; padding: 2px 5px}

/*             styles for the star rater                */
/*            copyright http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/               */


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(imgs/star_rating.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:150px;
height:30px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:30px;
line-height:30px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.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 center;
}
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}