body{
    background:url(graphics/bg.gif) repeat;
    background-color:#FFF;
    color:#fff;
    font-family:Arial,serif;
    font-size:13px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.4;
    text-align:left;
}

a {
    text-decoration: none;
    outline: none;
    color: #fff;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
}

a.disabled {
    cursor: default;
    color: ##CCEE11 ;
}
a.disabled:hover {
    text-decoration: none;
}

a.local {
    font-weight: normal;
}

p {
    margin-bottom: 7px;
}
/* ***************************************
GENERAL FORM ELEMENTS
*************************************** */
label {
    font-weight: bold;
    color:#333333;
    font-size: 120%;
}
input {
    font: 120% Arial, Helvetica, sans-serif;
    padding: 5px;
    border: 1px solid #9F9F9F;
    color:#666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
textarea {
    font: 120% Arial, Helvetica, sans-serif;
    border: solid 1px #cccccc;
    padding: 5px;
    color:#666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
    border: solid 1px #4690d6;
    background: #e4ecf5;
    color:#333333;
}
.submit_button {
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background:#4690d6;
    border: 1px solid #4690d6;
    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;
    width: auto;
    height: 25px;
    padding: 2px 6px 2px 6px;
    margin:10px 0 10px 0;
    cursor: pointer;
}
.submit_button:hover, input[type="submit"]:hover {
    background: #0054a7;
    border-color: #0054a7;
}

input[type="submit"] {
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background:#4690d6;
    border: 1px solid #4690d6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: auto;
    height: 25px;
    padding: 2px 6px 2px 6px;
    margin:4px 0 4px 0;
    cursor: pointer;
}
.cancel_button {
    font: 12px/100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999999;
    background:#dddddd;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: auto;
    height: 25px;
    padding: 2px 6px 2px 6px;
    margin:10px 0 10px 10px;
    cursor: pointer;
}
.cancel_button:hover {
    background: #cccccc;
}

.input-textarea {
    height: 200px;
}

form table td{
    padding:5px;
    vertical-align:middle;
}
/*Custom*/
.mod h2{
    color:#005DFF;
    font-family:Georgia,'Times New Roman',times,serif;
    font-size:18px;
    font-style:italic;
}
/*tools*/

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size:0;
}
.info{
    font-size:10px;
    color: #656565;
}
img.left{
    margin-right:5px;
    margin-bottom:5px;
}
img.right{
    margin-left:5px;
    margin-bottom:5px;
}

/* by ids**/

#wrapper{
    width:1002px;
    margin-right: auto ;
    margin-left: auto ;
    background-color:#464646;
    border:solid 2px #fff;
    border-width:0 2px;
}
#header{
    height:148px;
    position:relative;
}
#header #logo{
    position:absolute;
    top:4px;
    left:4px;
    width:252px;
    height:98px;
    background-repeat:no-repeat;
}

#header #logo a{
    height:90px;
    width:242px;
    text-indent:-999pt;
    background-image:url(graphics/logo.png);
    display:block;
}

#header #ads{
    position:absolute;
    top:4px;
    width:738px;
    height:98px;
    right:4px;
}

#header #nav{
    left:4px;
    position:absolute;
    top:108px;
    width:992px;
}

#header #nav #navbar{
    height:26px;
    background:url(graphics/nav.gif) repeat-x;
}

#header #nav #navbar .btn {
    background:url("graphics/nav.gif") no-repeat scroll left top #F8BA00;
    display:inline-block;
    float:left;
    height:26px;
    margin:0;
    overflow:hidden;
    text-align:center;
    padding-left:4px;

}

#header #nav #navbar .btn a {
    color:#000000;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    padding:0 0 0 2px;
    text-decoration:none;
    font-size:11px;
}

#header #nav #navbar .btn a em {
    background:url("graphics/nav.gif") no-repeat scroll right top #F8BA00;
    cursor:pointer;
    display:inline-block;
    height:26px;
    line-height:1.9em;
    padding:0 5px 0 0;
    text-transform:uppercase;
color:#fff;
      font-size:16px;
    text-decoration:none;
}
#header #nav  #navbar .btn:hover {
    background:url("graphics/nav.gif") no-repeat scroll left bottom #FFF008;
color:#FF0000;
      font-size:15px;
    text-decoration:none;

}
#header #nav #navbar .btn:hover a em {
  background:url("graphics/nav.gif") no-repeat scroll left bottom #FFF008;
    color:#003300;
      font-size:16px;
    text-decoration: underline;
}

#navbar #search-box {
    float:right;
}
#navbar #search-box input {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #FFFFFF;
    color:#000000;
    float:left;
    font-size:1.3em;
    height:16px;
    margin:4px 5px 0 0;
    padding:0 2px;
    width:150px;
}
#navbar #search-box a {
    padding:0 0 0 5px;
}
#navbar #login-link:hover #login-form{
    display:block;
}
#navbar #login-link #login-form:hover{
    display:block;
}
#navbar #login-link #login-form{
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    background:none repeat scroll 0 0 #FFFFFF;
    display:none;
    font-size:10px;
    height:130px;
    position:absolute;
    width:190px;
    z-index:3;
}
#navbar #login-link #login-form input{
    font-size:10px;
    padding:2px;
}

#mainContent{
    padding:0 4px 10px;
}
#footer{
    padding:17px 10px 5px;
    font-size:11px;
    line-height:14px;
    color:#fff;
    background-color:#1C1C1C;
    border-top:solid #464646 2px;
    border-bottom:solid #fff 2px;
}
#footer a{
    color:#FFE900;
}

/*ul for display Games*/
ul.games{
    padding:0;
}
ul.games li{
    display:block;
    float:left;
    margin:6px 3px;
    position:relative;
    width:89px;
}
ul.games li h3{
    clear:both;
}
ul.games li .aimg{
    display:block;
    margin-bottom:4px;
    text-decoration:none;
    position:relative;
}

ul.games li .aimg img{
    border:2px solid black;
}

ul.games li .aimg img:hover{
    -moz-border-radius:4px 4px 4px 4px;
    -moz-box-shadow:0 3px 5px #FF0000;
    border-color:#0066CC;
    margin:0 3px 4px;
}

ul.games li .aimg:hover img{
    border:2px solid white;
}

ul.games li .aimg .rating{
    background:url(graphics/rating_stars.png) repeat-x;
    background-position:0 -15px;
    width:85px;
    height:15px;
    bottom:5px;
    position:absolute;
    right:5px;
    visibility:hidden;
}
ul.games li .aimg  span{
    background:none repeat scroll 0 0 #EFEFEF;
    bottom:5px;
    color:#000000;
    display:block;
    font-size:9px;
    left:5px;
    line-height:9px;
    padding:2px;
    position:absolute;
    visibility:hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
ul.games li .aimg:hover span {
    visibility:visible;
}

ul.games li h3{
    font-size:11px;
    line-height:14px;
    font-weight:bold;
}
ul.games li p{
    font-size:10px;
    color:#5a5a5a;
    margin-bottom:2px;
}

ul.games1 li{
    width: 110px;
    margin: 10px;
}
ul.games1 li p{
    color:#fff;
}
/*cols*/
.col {
    float: left;
    margin: 0 4px 0 0;
    position: relative;
    min-height: 1px;
}

.colLast {
    margin-right: 0;
}

.col1 { width: 680px; }/*deafult colmain*/
.col2 { width: 310px; }/*for ads 336 default colrigth*/
.col3 { width: 150px; }/*for ads 336 default colrigth*/

/* arrows
----------------------------------------------- */


.arrowLft, .arrowRit {
    background: url(graphics/arrows.png) no-repeat;
}

.arrowLft {
    background-position: 0 0;
    padding: 2px 0 2px 11px;
}
.arrowRit {
    background-position: right -40px ;
    padding: 2px 11px 2px 0;
}
/* no workie with IE6, sue me */
.arrowLft.disabled { background-position: left -320px; }
.arrowRit.disabled { background-position: right -360px; }
/* Pagination
----------------------------- */

.pag {
    padding: 6px 0;
    background: #000;
    font-size:20px;
}
.pag span {
    padding-left: 7px;
}
.pag .pagLftNav,
.pag .pagRitNav {
    float: left;
    width: 12%;
}
.pag .pagRitNav{
    float: right;
    text-align: right;
    padding: 0;
}
.pag .pagRitNav a{
    margin-right: 7px;
}
.pag .pagRitNav a,
.pag .pagLftNav a {
    color: #003D7B;
    font-weight:bold;
}
.pag .pagRitNav a.arrowRit {
    /*background-position: right -40px ;*/
}
.pag .pagNums{
    text-align: center;
}
.pag .pagNums span {
    padding: 0 3px;
}
.pag .pagNums span a {
    background: #fff;
    padding: 1px 4px;
    color: #045CB6 ;
    border: 1px solid #ccc;
}
.pag .pagNums span a.disabled {
    background: #666;
    color: #fff ;
}
.pag .pagNums span a.showAll {
    background: none;
    color: #045CB6 ;
    padding: 0;
    border: none;
}
.pagBot {
    border-top: 1px solid #ccc;
    margin-top: 5px;
}
.pagTop {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

/*Rating Star*/

div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(graphics/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(graphics/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default }
/* Partial Star CSS */
div.star-rating{background:transparent;overflow:hidden}
/* END jQuery.Rating Plugin CSS */

.tags {
    margin: 0px;
    padding: 5px;
    text-align: justify;
}

.tags .cloudtags {
    padding:1px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.tags .cloudtags:hover {
    color: #000000;
    background-color: #FF9900;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/* ICONS **/


.icon_bigStar {
    background:url("graphics/icon.gif") repeat scroll 0 0 transparent;
    display:block;
    height:18px;
    margin:13px;
    width:24px;
}


.progress-bar{
    width:300px;
    height:50px;
    border:2px solid #FF6600;
    background-color:#fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.progress-bar div{
    float:left;
    background:url("graphics/bg.gif") repeat scroll 0 0 transparent;
    display:block;
    height:50px;
}
.progress-indicator{
    font-size:25px;
    font-weight:bold;
}

.comment{
    margin:5px 30px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background:#005DFF;
    padding:5px;

}
.comment div{
    padding:10px;
    background:#fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-size:15px;
    font-weight:bold;
}