/* genereal */
body {
    margin: 0px;
    font-family: arial;
    font-size: 12px;
}

h1,h2,h3,h4 {
    font-family: verdana;
    padding: 0px;
    margin: 0px;

}

h1{
 font-size: 22px;
 margin-bottom: 4px;   
}

h2{
    font-size: 18px;
    margin-bottom: 4px;
}

h3{
    font-size: 12px;
    margin-bottom: 1px;
}

h4{
    font-size: 12px;
    margin-bottom: 4px;
}

h5{
    font-size: 12px;
}

/* main menu */
#menu {
     overflow: auto;
}

#menu ul {
    padding: 0px;
    margin: 0px;
}

#menu li {
    display: inline;
    list-style: none;
    margin: 0px;
    float: left;
}

#menu li img {
    border: 0px;
}

/* search */
#search {
    margin-top: 15px;
    margin-left: 10px;
    background: #00458A;
    color: white;
    border: 1px solid #84B5FF;
    padding: 3px;
    width: 120px;
}
/* container */
#headercontainer{
    height: 122px;
    background: #FE4701;  
}

#menucontainer{
    height: 48px;
    background: url(layout/menu_bg.png);
    background-repeat: repeat-x;
}

#bodycontainer{

}

#contentdefault{
    width: 975px;
    margin: 0 auto; 
    overflow: auto;
}

#upperbodycontainer{
   overflow: hidden;
}

#lowerbodycontainer{
    overflow: auto;
}

#footercontainer{
    height: 80px;
    background: #FF6600;
    border-top: 3px solid #FF9900;
    padding-top: 5px;
}

#footercontainer a{
    color: #000000;
}

#footer_left {
    float: left;
}
#footer_right{
    float: right;

}
/* canvas */
#header, #menu, #footer, #flashplayer, #searchresult,#ads,#favgames,#contactus{
    width: 975px;
    margin: 0 auto;
}



/* HTML Component */

/* Container Class */
.container_default {
    background: url(layout/container_corner_topleft.png),url(layout/container_corner_topright.png),url(layout/container_corner_bottomright.png),url(layout/container_corner_bottomleft.png) #FF6600;
    background-color: #FF6600;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    padding: 10px;
}

.container_white {
    background: url(layout/whitecontainer_corner_topleft.png),url(layout/whitecontainer_corner_topright.png),url(layout/whitecontainer_corner_bottomright.png),url(layout/whitecontainer_corner_bottomleft.png) #FFFFFF  ;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    padding: 10px;
    background-color: #FFF;  
}

.container_black {
    background: url(layout/blackcontainer_corner_topleft.png),url(layout/blackcontainer_corner_topright.png),url(layout/blackcontainer_corner_bottomright.png),url(layout/blackcontainer_corner_bottomleft.png) #000000  ;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    padding: 10px;  
}

.container_orange {
    background: url(layout/orangecontainer_corner_topleft.png),url(layout/orangecontainer_corner_topright.png),url(layout/orangecontainer_corner_bottomright.png),url(layout/orangecontainer_corner_bottomleft.png) #FF9900  ;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    padding: 10px;
    background-color: #FF9900;  
}

#sampleContainer {
    width: 400px;
    height: 400px;
    margin: 100px;
}

#innerContainer {
    float: left;
    width: 200px;
    height: 200px;
}

#secondContainer {
    float: right;
    width: 40px;
    height: 80px; 
}

/* Upper Body */
#featuredweeklycontainer {
    float: left;
    width: 700px;
    height: 350px;
}

#populargamecontainer {
    float: right;
    width: 230px;
    height: 350px;
}

#featuredgamescontainer{
    width: 240px;
    height: 335px;
    float: left;
    padding-top: 2px;
}

/* Featured Games */
#featureddescription{
    position: relative;
    top: -75px; 
    color: white;
    height: 0px;
    overflow:visible;
}

#featureddescription span{
    background: rgba(0,0,0,0.9);
    width: 236px;
    display: block;
    padding: 2px;
    margin-left: 1px;
    height: 70px;
    font-size: 11px;
}

#featureddescription h3{
    color: #FF6600;
    padding-bottom: 3px;
}

#navigationfeatured img{
    width: 57.5px;
    height: 57.5px;    
}

.featuredpicture{
    width: 240px; 
    height: 240px; 
    margin-top: 12px; 
    border: 1px solid #000000;
}

#nav { 
    width: 100%; 
    height: 80px; 
}

#nav li { 
    float: left; 
    list-style: none;
    margin: 0.7px; 
}

#nav li img {
    width: 50.5px;
    height: 50.5px; 
}

#nav a { 
    padding: 3px; 
    display: block; 
    border: 1px solid #ccc; 
}

#nav a.activeSlide { 
    background: #000000;
}
#nav a:focus { 
    outline: none;
}
#nav img { 
    border: none; display: block 
}

/* Weekly Games */
#weeklygamescontainer{
    width: 410px;
    height: 335px;
    float: right;
    padding-top: 2px; 
}

#weeklygamesgrid img {
    width: 120px;
    height: 90px;
    margin-bottom: 8px;
    border: 1px solid #000000;
}

#weeklygamesgrid{
  padding: 0px;
  margin: 0px;  
}

#populargameskin{
    height: 335px;
    padding-top: 2px;
}

/* Most Popular Games */

#populargameslist {
    margin: 0px;
    padding: 0px;
}

.populargameslist {
    margin-top: 8px;   
    padding: 0px;
}

.populargameslist li{
    list-style: none;
    padding: 5px;
    line-height: 18px;
    border-bottom: 1px dotted #CCCCCC;
}

.populargameslist li:hover{
    background: #EEEEEE;
}

.populargameslist li a {
    text-decoration: none;
    color: #000000;
    display: block; 
}

.populargameslist li img {
    width: 120px;
    height: 90px;
}


/* Lower Body */
#previousweekbodycontainer {
    margin-top: 5px;
    margin-bottom: 5px; 
    overflow: auto;     
}

#previousweekgrid{
    margin: 0px;
    padding: 0px;
    padding-bottom: 1px;   
}

/* Previous Week */
#previousweekcontainer{
    width: 405px;
    float: left;
    overflow: auto;
}

#previousweekcontainer img {
    width: 120px;
    height: 90px;
    margin-bottom: 8px;
    border: 1px solid #000000;
}

/* more previous game */ 
#morepreviousweekcontainer{
    width: 500px;
    float: right;
    overflow: auto;
}

#morepreviousweekgrid{
    margin: 0px;
    padding: 0px;
}

#morepreviousweekgrid img {
    width: 70px;
    height: 57px; 
    border: 0px;  
}

#morepreviousweekgrid li {
    margin: 0px 2px 2px 2px;

}

#morepreviousweekgamescontainer {
    width: 300px;
}

/* Best Rate Game */
#gameratelist {
    float: right;
    padding: 0px;
    margin: 0px;
    width: 190px;
}


#morepreviousweekgamescontainer{
    float: left;
}

#bestrategamecontainer{
    float: right;
    border-left: 1px solid #CCCCCC;
    padding-left: 3px; 
    width: 190px;
}

/* Component */

/* Grid */
.baseGrid {
    padding: 0px;
    margin-right: 2px;
    overflow: visible;
    float: left;     
}

.baseGrid li{
    float: left;
    margin: 0px 6px;
    padding: 0px;
    display: inline; 
}

.griddescription{
    width: 120px;
    position: relative;
    top: -31px; 
    color: white;
    height: 0px;
    overflow:visible;
}

.griddescription span {
    background: rgba(0,0,0,0.8);
    width: 116px;
    display: block;
    padding: 2px;
    margin-left: 1px;
}

.deletefav{
    position: relative;
    top: -103px; 
    color: white;
    height: 0px;   
    overflow:visible; 
}

.deletefav span  {
    background: rgba(0,0,0,0.8);
    display: block;
    padding: 2px;
    margin-left: 100px;
    text-align: center;
    cursor: pointer;
}



/* Flash Players */

#flashplayercontainer{
    overflow: auto;
}

#fpcontainer{
    width: 975px;
    
}

#flashpropertycontainer_right h1{
    font-size: 18px;
    letter-spacing: -2px;
}

#fp_header {
    background: url(layout/fpframe_header.png);
    height: 57px;
    text-align: left;
}

#fp_header h1{
    margin-left: 10px;
    padding-top: 5px;
    color: white;
}

#fp_body {
    background: url(layout/fpframe_body.png) repeat-y;
    height: 550px;
    text-align: center;
}

#fp_footer {
    background: url(layout/fpframefooter.png);
    height: 150px;
}

/* Flash Property */

#flashpropertycontainer{
    width: 975px;
    margin: auto;
    overflow: auto;
    margin-bottom: 5px;
}

#flashpropertycontainer_left{
    float: left;
    width: 300px;
}

#flashpropertycontainer_right{
    float: right;
    width: 670px;
    margin-right: 0px;
}     

#flashgamepropertyright_container{
    margin-top: 0px;
    height: 640px;  
}

#youmaylovethisgame_container{
    height: 120px;
    padding: 5px;
    margin: 0px;
}

#youmaylovethisgame{
    margin: 0px;
    padding: 0px;
}

#youmaylovethisgame img {
    width: 98px;
    height: 70px;
    border: 1px solid black;
}

#youmaylovethisgame_container h1{
    text-transform: capitalize;
    letter-spacing: -2px;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
}

#youmaylovethisgame .griddescription{
    position: relative;
    top: -21px; 
    color: white;
    height: 0px;
    overflow:visible;
}

#youmaylovethisgame .griddescription span{
    font-size: 11px;
}

#youmaylovethisgame li{
    padding: 3px;
    margin: 0px;
}

/* Flash Player Ads */

#footadscontainer{
    padding-top: 38px;
    padding-left: 26px;
}
/* Flash Property Description */

#flashdesc{
    margin-bottom: 8px;
    height: 220px;
    overflow: auto;
}

/* Statistic */

#statheader{
    background: url(layout/statheader.png);
    height: 33px;
}

#statheader h1{
    font-size: 18px;
    padding-top: 5px;
    padding-left: 8px;
    letter-spacing: -2px;
}

#statbody{
    background: url(layout/statbody.png);
    background-repeat: repeat-x;
    overflow: hidden;
    background: #EEE;
}

#statbodycontainer {
    overflow: auto;
}

#statbodycontainer_left{
    float: left;
    width: 140px;
    padding: 3px; 
}

#statbodycontainer_right{
    float: right;
    width: 140px;
    padding: 3px;
    padding-left: 5px;
    border-left: 1px solid #333333;  
}

#statbodycontainer_right ul{
    padding: 0px;
    margin: 0px;
}
#statbodycontainer_right li{
    list-style: none;
    border-bottom: 1px dotted #999999;
    padding: 5px;
}

#statbodycontainer_left ul {
    padding: 0px;
    margin: 0px;
    margin-left: 4px;
}

#statbodycontainer_left li {
    list-style: none;
    display: inline;
    padding: 5px;
    cursor: pointer;
    float: left;
    text-align: center;
}

#statbodycontainer_left li div{
    padding-top: 5px;
}

/* Comment Box */

#commentbox h2{
    margin-top: 20px;
    margin-left: 10px;
    width: 260px; 
    padding: 10px;
    background: white;   
}

#commentboxcontainer{
    background: white;
    width: 260px;
    margin-left: 10px;
    margin-top: 0px;
    overflow: auto;
}

#commentboxcontainer ul {
    padding: 0px;
    margin: 0px;
}
#commentboxcontainer li {
    list-style: none; 
    border-bottom: 1px dotted #999999;
    padding: 5px;   
}

.commentcaption{
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
}

.commentdate{
    color: #990000;
}

#addcomment {
    width: 260px;
    text-align: center;
    color: #990000;
    font-weight: bold;
    height: 100px;
}

#addcomment textarea{
    margin: 5px;
    width: 100px;
    height: 30px;
    font-family: verdana;
    font-size: 11px;
    background: #CCCCCC;
    border: 1px solid #999999;
    padding: 3px;
}

/* List Of Best Games */

#listofbestgames h1{
    color: white;
    text-align: center;
    overflow: auto;
    margin-top: 10px;
}

#listofbestgames_left{
    float: left;
    width: 310px;  
}

#listofbestgames_left img{
    border: 1px solid #000;
}

#listofbestgames_right{
    float: right;
    width: 310px;
    padding-left: 10px;  
}

#listofbestgames_right img {
   border: 1px solid #000; 
}
/* Games Category */
#gamescontainer{ 
    padding: 1px;
    height: 800px; 
}

#gamesframe h1{
    letter-spacing: -2px; 
    color: #FF6600;   
}

#gamesframe{
   width: 975px;
    margin: 0 auto; 
}

#gamesframecontainer{
    height: 380px;
}
#gamesframeinner{
    height: 360px;
}

#gamescategory{
    padding: 0px;
    margin: 0px;
}

#gamescategory img{
    width: 119px;
    height: 90px;
    margin-bottom: 8px;
    border: 1px solid #000000;
}

#gamesframebottom_left{
    float: left;
    width: 320px;
    margin-top: 10px;
}

#gamesframebottom_right{
    float: right;
    width: 650px;
}

/* Top Rate Games */
#toprateoutercontainer{
    margin-top: 10px;
}
.toprategames{
    padding: 0px;
    margin: 0px;
    overflow: auto;
}

.toprategames li{
    float: left;
    list-style: none;
    width: 275px;
    margin-left: 10px;
    margin-bottom: 4px;
    padding: 8px;
}

.toprategames img{
    width: 90px;
    height: 70px;
    margin-bottom: 8px;
    border: 1px solid #000000;
}

.toprategames .itemleft {
    float: left;  
}

.toprategames .itemright {
     float: right;
     text-align: left;
     width: 175px;
}

.itemright a {
    color:black;
    text-decoration: none;
}

.rating{
    color: red;
    font-size: 11px;
    font-weight: bold;
}

.toprategames p{
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 0px;
}

/* Game Newest */

#newestgame_header{
    background: url(layout/newestgame_header.png);
    height: 41px;
    width: 314px;
}

#newestgame_header h1{
    padding-top: 5px;
    margin-left: 10px;
    letter-spacing: -1px;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}
#newestgame_body{
    background: url(layout/newestgame_body.png) repeat-x;
    height: 335px;
    width: 314px;   
}

#topnewestgame li{
    margin: 0px !important;
}

#topnewestgamebottom {
    margin: 0px;
    padding: 0px;
    margin-left: 8px;
}

#topnewestgamebottom li{
    margin: 2px;
}

#topnewestgamebottom img{
    border: 0px;
    width: 70px;
    height: 60px;
}
/* tool tips */

#tooltip {
    position: absolute;
    z-index: 3000;

    /* background-color: black; */
    color: #000000;

    width: 235px;
    font-weight: normal;
    font-size: 11px;
    overflow: auto;
    
}

#tooltip h2, #tooltip div { 
    margin: 0;

}

#floaterheader {
    height: 12px;
    background: url(layout/floaterheader.png) no-repeat;
}
#floaterbody {
    background: url(layout/floaterbody.png) repeat-y;
    padding: 0px 15px;
    height: 100px;

}
#floaterfooter {
    background: url(layout/floaterfooter.png) no-repeat;
    height: 15px; 
}

#floaterbody h3{
    padding: 0px;
    margin: 0px;
    color: #CC0000;
    padding-bottom: 1px;
    border-bottom: 1px solid #E6B800;
    margin-bottom: 2px;
}

#floaterbody h4{
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
    color: #000000;
    font-weight: bold !important;
    letter-spacing: -1px;
    padding-top: 1px;
    border-top: 1px solid #E6B800;
    margin-top: 2px;
    text-align: right;
    font-weight: normal;
}

#floaterbody p {
    padding: 0px;
    margin: 0px;
    height: 60px;
}

/* floater body list */
#floaterbodylist h3{
    padding: 0px;
    margin: 0px;                            
    color: #CC0000;
    padding-bottom: 1px;
    margin-bottom: 2px;
}

#floaterbodylist {
    background: url(layout/floaterbodylist.png) repeat-y;
    padding: 0px 12px;
    height: 88px;
    padding-left: 14px; 
}

#floaterheaderlist {
    height: 12px;
    background: url(layout/floaterheaderlist.png) no-repeat;
}

#floaterfooterlist {
    background: url(layout/floaterfooterlist.png) no-repeat;
    height: 15px; 
}

.gamelistpopularfixing{
    width: 148px !important;
}

.hfirst {
    color: #FF9900;
    letter-spacing: -2px; 
    font-family: "verdana";
}
.hsecond {
    color: #FF3300;
    letter-spacing: -2px;  
    font-family: "verdana"; 
}
.number {
    width: 10px;
}

/* loader */
#loader{
    text-align: center;
    padding-top: 10px;
}

#likedislike{
    float: left;
}

/* search result */

#searchresultcontainer{
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: auto;
}

#searchresultinner{
    overflow: auto;
    padding: 10px;
}

#searchresult{
}

#searchresult li{
   
}

#searchresult h1{
    margin-bottom: 15px;
}

#ads{
    margin-bottom: 10px;
    margin-top: 5px;
    background: black;
}

#ads_left{
    float: left;
    width: 730px;
    background: black; 
}

#ads_right{
    float:right;
    width: 202px;
    background: black;
    color: white;
    height: 90px;
    padding: 0px 10px;
}
#ads_right img{
    width: 85px;
    height: 65px;
    float: left;
    margin-right: 5px;
    border: 0px;
}

#ads_right h3{
    padding: 0px;
    margin: 0px;
    color: #FF6600;
    margin-bottom: 2px;
}

#ads_right p {
    margin: 0px;
    padding: 0px;
    margin-top: 3px;
}

#ads_right strong{
      color: #FFCC00;
}

#ads_right a{
    text-decoration: none;
}

#bottomads{
    background: #333333;
    border: 1px solid black;
    width: 875px;
    margin-left: 20px;
    padding: 1px;
    text-align: center;
}

.catlink {
    text-decoration: none;
    color: black;
}

#chatcontainer{
    margin-top: 10px;
}

#chatcontainer textarea, #namecomment {
    margin-top: 5px;
    width: 273px;
    font-family: arial;
    font-size: 11px;
    padding: 4px;
    background: #5B2400; 
    border: 0px;
    color:white;  
}

#namecomment {   
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;   
}

#chatcontainerinner {
    height: 304px; 
    overflow: auto;
}

#chatcontainerinner ul{
    padding: 0px;
    margin: 0px;
}

#chatcontainerinner li{
    list-style: none;
    padding-bottom: 5px;
    padding-top: 3px;
    border-bottom: 1px dotted #CCC;
    font-size: 11px;
}

#chatcontainerinner  .commentcaption{
    font-size: 12px;
}

#confirmsending {
    display: none;  
    color: white;
    padding: 5px;
}

#favgamesinner{
    overflow: auto;
}

#favgamescontainer{
    margin-bottom: 10px;
}

#addtofav,#addedtofav{
    margin: 10px;
    margin-top: 5px;
    color: white;
    background: #5B2400;
    padding: 6px;
    border: 1px solid #5B0400;
}

#addtofav a{
    cursor: pointer;
}

#addtofav:hover{
    background: #FF6600;
    color: black;
}

#addingtofav{
    display: none;
}

#contactus{
    margin-bottom: 10px;
}

#contactus ul{
    padding: 0px;
    margin: 0px;
    margin-left: 60px;
}
#contactus li{
    list-style: none;
    padding: 10px;
}

#contactus input {
    
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
}

#contactus textarea{
    width: 500px;
    height: 100px;

    font-family: arial;
    font-size: 12px;
}

#statistic{
    text-align: right;
    font-weight: bold;
    border-bottom: 1px dotted #000;
    margin-bottom: 5px;
    padding: 5px;
}

#adsbox{
    background: #222;
    width: 930px;
    height: 480px;
    position: absolute;
    top: 350px;
    margin-left: 20px;
}

#adsbox1246{
    width: 900px;
    height: 92px;
    position: absolute;
    top: 872px;
    margin-left:40px;
}

#cpmbox{
    margin: 0 auto;
    margin-top: 40px;
    width: 500px;
    text-align: center;
}

#cpmbox h2{
    color: #FFF;
    margin-bottom: 20px;
}

#cpmbox a {
    color: #FC0;
    cursor: pointer;
}