#header{background: url('/i/head-game.jpg'); height: 202px;}
#nav{background: url('/i/bg-nav.png') repeat-X;}
#nav ul{list-style-type: none; margin: 0; padding: 0;}
#nav li{display: inline; margin: 0; padding: 0;}
#search{float: right; margin: 0; margin: 7px 4px 4px 4px;}
#search input{background: #000; border: 1px solid #1a1a1a; color: #999999; padding: 4px; width: 240px;}
#titlePage{padding: 6px;}
#content{padding: 0 0px 4px 0px; margin: 0;}

/* editors pict */
.editorPict{background: #a88604 url('/i/bg-editorPict.png') repeat-X; padding: 0;}
.editorPict img{margin: 14px; float: left;}
.editorPict h1{margin: 0; padding: 0; display: block; font-size: 12px; color: #ffcb05;}
.editorPict h2{margin: 0; padding: 0; display: block; font-size: 18px; color: #fff; text-transform: uppercase;}
.editorPict .news{padding: 6px;}

/* review games */
.reviewGame{background: #a80000 url('/i/bg-gameReview.png') repeat-X; padding: 0;}
.reviewGame img{margin: 14px; float: left;}
.reviewGame h1{margin: 0; padding: 0; display: block; font-size: 12px; color: #ffcb05;}
.reviewGame h2{margin: 0; padding: 0; display: block; font-size: 18px; color: #fff; text-transform: uppercase;}
.reviewGame .news{padding: 6px;}
.reviewGame #edipict{width: 120px; height: 173px; background: #fff; float: right; border-left: 2px solid #fff; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
.reviewGame #edipict:hover{filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}

.btn-download :link, .btn-download :visited{float: left; text-decoration: none; background: #000; padding: 2px; color: #636363; text-transform: uppercase; width: 80px; text-align: center; font-weight: bold; cursor: pointer; display: block; margin: 8px 3px 0px 3px;}
.btn-download a:hover{color: #fff;}

/* container */
#50{float: left; width: 470px;}
#leftSide{width: 180px; background: #000; float: left;}
#rightSide{background: #000; float: left;}
#satu{width: 175px; float: left; border: 0px solid red;}
#dua{width: 520px; float: left; border: 0px solid red;}
#tiga{width: 239px; float: right; border: 0px solid red;}
#conList1{width: 660px; float: left; border: 0px solid red;}
#conList2{width: 265px; float: right; border: 0px solid red;}

.rate {background: #a60000;}
.rate ul{list-style-type: none; margin: 0; padding: 0 0 0 0;}
.rate li{display: block; margin: 1px 0 0 0; padding: 8px 4px; background: #430404;}

/* rating */
div.rating{padding: 0;cursor:pointer;margin:0; float: right;}
div.ratings{cursor:pointer; padding-top: 4px; border: 1px solid red; display: block;}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('/i/delete.png') no-repeat 0 -16px}
div.star,div.star a{background:url('/i/star.png') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:0 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

.banner{text-align: center; padding: 2px;}
.titles{font-weight: bold; color:#ffcb05; font-size: 20px; text-transform: uppercase; margin: 0 0 3px 0; padding: 4px ; border-bottom: 1px dotted #58041e;}

/* sub menu */
.subMenu{background: #ffcb05; padding: 2px 4px 4px 2px; margin: 0;}
.subMenu ul{margin: 0; padding: 2px;}
.subMenu li{list-style-type: none; display: inline;}
.subMenu :link, .subMenu :visited{color: #fff; text-decoration: none; font-weight: bold; padding: 4px;text-transform: uppercase; background: #000; font-size: 10px;}
.subMenu a:hover{color: #fff; text-decoration: none;background: #9e0b0f;}

/* submenu fire */
.subMenuGame{background: #000 url('/i/bg-menu-games.jpg') no-repeat left top; padding: 12px 12px 12px 12px; margin: 0; border: 0px solid red; text-align: right; border :0px solid red;}
.subMenuGame ul{padding: 0; display: inline;}
.subMenuGame li{list-style-type: none; display: inline; border :0px solid red;}
.subMenuGame :link, .subMenuGame :visited{color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px;background: #9e0b0f; padding: 2px 4px;}
.subMenuGame a:hover{color: #fff; text-decoration: none;background: #f7941d; color: #000;}

/* top game */
.cat{background: #000 url('/i/bg-game-cat.png') no-repeat; height: 150px;}
/*
.cat ul{margin-left: 110px; padding: 8px 0 0 0;}
.cat li{list-style-type: none; display: inline; padding: 0; margin: 0 2px 0 0; float: left;}
.cat img{width: 90px; height: 100px;}
.cat div{height: 38px !important; min-height:38px; width:90px; background: #000;}
.cat :link, .cat :visited{background: #000; text-decoration: none; width: 90px; margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #fff; text-align: center;}
*/

/* sub menu game */
.usualTab ul{margin: 0; padding: 0;}
.usualTab li{list-style-type: none; display: inline; padding: 0; margin: 2px 4px 4px 6px; float: left; border: 0px solid red; height: 175px;}
.usualTab img{width: 110px; height: 90px; border: 1px solid #fff;}
.usualTab div{height: 70px !important; min-height:70px; width: 112px; color: #fff; margin-top: 2px;}
.usualTab :link{text-decoration: none; width: 108px; margin: 0; font-size: 10px; font-weight: normal; text-align: center; padding: 0; color: red;}
.usualTab .imgBlank{border: 1px solid #fff; background: #111111; width: 110px; height: 92px; margin: 0; padding: 0;}
.usualTab p.more{border: 0px solid red;}
.usualTab .more :link, .usualTab .more :visited{color: #fff; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold;}
.usualTab .more:hover{color: #ffcb05; text-decoration: none;}
.usualTab .wait { width:100%; height:22px; color:#fff; background-color:#222; text-align:center; }
.usualTab .loading { width:220px; height:19px; border:0px; }


/* container news */
.conNews{background: #240303; clear: both;}
.fullLeft{float: left; width: 45%;}
.fullRight{float: left; width: 55%;}
.con4{float: left; margin: 4px 0px 4px 0px; padding: 4px; border: 0px solid green; width: 350px;}
.con5{float: left; margin: 4px 0px 4px 0px; padding: 6px; border: 0px solid red; width: 550px; color: #fff; font-weight: normal; line-height: 26px;}

/* list news title only */
.listNews{padding: 0px 4px 6px 8px; line-height: 16px;}
.listNews ul{margin: 0; padding: 0;}
.listNews li{list-style-type: none; display: block; margin: 0; padding: 0 0 4px 0; border-bottom: 1px solid #5b4242;}
.listNews li h1{color: #fff; font-size: 11px; font-weight: bold; display: inline; text-transform: uppercase;}
.listNews li h2{color: #ed1c24; font-size: 11px; font-weight: bold; display: inline; text-transform: uppercase;}
.listNews li :link, .listNews li :visited{text-decoration: none;}
.listNews li :hover{color: #ffcb05;}

/* news summary */
.sumNews{padding: 0px 4px 6px 8px; line-height: 18px;}
.sumNews ul{padding: 0; margin: 0;}
.sumNews li{padding: 0; margin: 0; display: block; list-style-type: none;}
.sumNews img{width: 100px; height: 100px; float: right; margin: 0 6px; border: 1px solid #111111;}
.sumNews h1{color: #ed1c24; font-size: 18px; font-weight: bold; display: inline; text-transform: uppercase;}
.sumNews h2{color: #fff; font-size: 18px; font-weight: bold; display: inline; text-transform: uppercase;}
.sumNews :link, .sumNews :visited{text-decoration: none;}
.sumNews span.cols{border-bottom: 1px dotted #111111; margin: 0 0 4px 0; clear: both; display: block; padding-bottom: 4px;}

/* news full article */
.newsFull{padding: 0px 4px 6px 8px; line-height: 18px;}
.newsFull .con5 img{width: 200px; height: 200px; float: right; margin: 4px; border: 1px solid #232323;}
.newsFull .con5 h1{margin: 0; padding: 4px 4px; font-size: 20px; font-weight: bold; text-transform: uppercase; background: #6a070a; }
.newsFull .con5 h2{margin: 0; padding: 0 4px; font-size: 11px;font-weight: normal; background: #111111; }
.newsFull .con5 h3{border-bottom: 1px dotted #111111; line-height: 18px; font-weight: bold; padding: 4px; color: #fcaf17;}
.newsFull .con5 div img{display: none;}

/* game u may like */
.ulike{margin: 6px; border: 1px solid #111111;}
.ulike ul{margin: 10 auto; padding: 0;}
.ulike li{list-style-type: none; display: inline; padding: 0; margin: 3px 3px 3px 3px; float: left; border: 1px solid #232323; background: #111;}
.ulike li img{width: 115px; height: 100px; border: 0px solid #fff;}
.ulike .imgBlank{border: 0px solid #fff; background: #000; width: 115px; height: 100px !important; margin: 0; padding: 0;}
.ulike h1{height: 55px !important; min-height: 55px; width: 115px; margin: 0; font-size: 11px; font-weight: normal; padding-top: 2px; color: #ffcb05; text-align: center;}
.ulike a:link, .ulike a:visited{text-decoration: none;font-weight: normal;}
.ulike h2{margin: 0; background: #9e0b0f; font-size: 16px; font-weight: bold; padding: 5px;}

/* game u may like table */
.ulikeTable{margin: 0;}
.ulikeTable ul{margin: 0; padding: 0;}
.ulikeTable li{list-style-type: none;margin: 0; padding: 0; border: 0px solid red;}
.ulikeTable a:link, .ulikeTable a:visited{display: block; text-decoration: none; font-weight: normal; 
color: #898989; padding: 4px;  margin: 0 0 1px 0; border: 1px solid #232323; background: #111;}
.ulikeTable a:hover{background: #010f1f;color: #898989;}
.ulikeTable span{float: right; font-weight: bold; font-size :10px; color: #464545;}
.ulikeTable h2{margin: 0 0 2px 0; background: #9e0b0f; font-size: 16px; font-weight: bold; padding: 5px;}

/* list games */
.listGame{margin: 6px; border: 0px solid #111111;}
.listGame ul{margin: 10px 0 0 4px; padding: 0;}
.listGame li{list-style-type: none; display: inline; padding: 0; margin: 3px 3px 3px 3px; float: left; border: 1px solid #232323; background: #111;}
.listGame li img{width: 115px; height: 100px; border: 0px solid #fff;}
.listGame .imgBlank{border: 0px solid #fff; background: #000; width: 115px; height: 100px !important; margin: 0; padding: 0;}
.listGame h1{height: 60px !important; min-height: 60px; width: 115px; margin: 0; font-size: 11px; font-weight: normal; padding-top: 2px; color: #ffcb05; text-align: center;}
.listGame a:link, .listGame a:visited{text-decoration: none;font-weight: normal;}
.listGame h2{margin: 0; background: #9e0b0f; font-size: 16px; font-weight: bold; padding: 5px;}

/* paging */
.paging{margin: 20px; float: right;}
.paging :link, .paging :visited{color: #ffcb05; text-decoration: underline;}
.paging a:hover{color: #fff; text-decoration: none;}

/* detail content download */
.details select{width: 425px; border: 0px solid #111111; padding: 6px; line-height: 16px; background: #000; color: #fff; cursor: pointer;}
.details h5{font-size: 22px; font-weight: bold; color: #ffcb05; padding: 0px 0px 0px 0px; margin: 0; text-transform: uppercase;}
.details .con1{float: left; margin: 4px 4px 4px 8px; padding: 4px; border: 0px solid red; width: 220px; text-align: center;}
.details .con2{float: left; margin: 4px; padding: 4px; border: 0px solid red; width: 435px;}
.details .con3{float: right; margin: 4px 8px 4px 4px; padding: 4px; border: 0px solid red; width: 220px;}
.details .con3 h1{color: #fff568; font-size: 30px; margin: 0 0 25px 0; padding: 0; clear: both;}
.details .con3 h2{color: #fff; font-size: 18px; margin: 0; padding: 0; clear: both;}
.details .con3 ul{margin: 0; padding: 0;}
.details .con3 li{margin: 0; padding: 0; display: block; list-style-type: none;}
.btn :link, .btn :visited{background: #000 url('/i/btn-yellow-blank.png') no-repeat 0% 0%; width: 147px; height: 58px; display: block; color: #fff; text-decoration: none; text-align: center; padding-top: 10px; font-weight: bold; font-size: 14px;}

/* animated/cycle game images */
.mpics {position:relative; float:left; width:200px; height:250px;margin:0 6px; padding:0px;}
.mpics img {top:0;left:0;padding:2px; border: 1px solid #111111;}

/* disclaimer for detail download game */
.disc{font-size: 10px;}

.disclaimer {padding: 6px; border: 1px solid #fff; background: #111111; margin: 14px 10px;}
.disclaimer ul{margin: 6px; padding: 0;}
.disclaimer li{margin: 0; padding: 0; list-style-type: none; font-size: 11px;}
.disclaimer a:link, .disclaimer a:visited{text-decoration: none; color: #ffcb05;}
.disclaimer a:hover{text-decoration: underline; color: #ffcb05;}

body{background: #111111 url('/i/gun-float.jpg') no-repeat center top fixed}

/* information page for kiosgame*/
.kiosk{}
.kiosk ul{margin: 10px 0 0 4px; padding: 0;}
.kiosk li{padding: 4px; margin: 3px 3px 3px 3px; border: 0px solid red;}