body{

    background:url(graphics/bg.gif) repeat;

    background-color:#FFF;

    color:#666666;

    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: #003d7b;

    font-weight: bold;

}

a:hover {

    text-decoration: underline;

}



a.disabled {

    cursor: default;

    color: #999 ;

}

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:10px 0 10px 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-text,

.input-tags,

.input-url,

.input-textarea {

    width:98%;

}



.input-textarea {

    height: 200px;

}

/*Custom*/

.mod h2{

    color:#EF2C6B;

    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:900px;

    margin-right: auto ;

    margin-left: auto ;

    background-color:transparent;



}

#header .top1{

    background:url(graphics/top1_bg.png) no-repeat;

    height:80px;

}

#header .top1 h1{

    font-size:18px;

    text-align:right;

    font-weight:bold;

    padding-right:10px;

    color:#FFEFF6;

}

#header .top2{

    background:url(graphics/top2_bg.png) no-repeat;

    height:105px;

    position:relative;

}

#header .top2 #logo{

    position:absolute;

    top:5px;

    left:305px;

    width:250px;

    background-image:url(graphics/logo.png);

    background-repeat:no-repeat;

    border:#000;

}

#header .top2 #logo a{

    display:block;

    height:70px;

    text-indent:-999em;

}

#header .top3{

    background:url(graphics/top3_bg.png) no-repeat;

    height:65px;

}

#mainContent{

    background:url(graphics/content_bg.gif) repeat-y;

    padding:10px 15px 15px;

}

#footer{

    padding:17px 10px 5px;

    font-size:11px;

    line-height:14px;

    background:url(graphics/footer_bg.png) no-repeat;

    color:#fff;

    text-align:center

}

#footer a{

    color:#FFE900;

}

#mainNav{

    height:50px;

    position:relative;

    z-index:2;

    padding:0;

    margin:0;

    background:url(graphics/main_nav_bg.gif) repeat-x;

}

#mainNav li{

    display:block;

    position:absolute;

    top:0;

    z-index:2;

}



#mainNav #globalsearch{

    background:none;

    position:absolute;

    left:475px;

    top:10px;

}



#mainNav #globalsearch #search-q{

    background:transparent;

    border:none;

    position:absolute;

    display:block;

    margin:0;

    padding:0;

    width:155px;

    top:10px;

    left:45px;

    font-size:18px;

    font-weight:bold;

    color:#0089DF;

}

#mainNav #globalsearch #search-submit{

    background:transparent;

    position:absolute;

    text-indent:-999em;

    border:none;

    width:100px;

    height:40px;

    left:219px;

    top:3px;

}



/*ul for display Games*/

ul.games{

    padding:0;

}

ul.games li{

    display:block;

    float:left;

    position:relative;

    width: 145px;

    margin: 8px 7px;

}

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:1px solid black;

}



ul.games li .aimg:hover img{

    border:1px 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 .rating span{

    background:url(graphics/rating_stars.png) repeat-x;    

    width:85px;

    height:15px;

    position:absolute;

    text-indent:-999em;

    visibility:hidden;

}

.modContent .rating{

    background:url(graphics/rating_stars.png) repeat-x;

    background-position:0 -15px;

    width:85px;

    height:15px;

    display:block;

}

.modContent .rating span{

    background:url(graphics/rating_stars.png) repeat-x;

    width:85px;

    height:15px;

    display:block;

    text-indent:-999em;

}

ul.games li .aimg:hover .rating,ul.games li .aimg:hover .rating 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 15px 0 0;

    position: relative;

    min-height: 1px;

}



.colLast {

    margin-right: 0;

}



.col1 { width: 535px; }/*deafult colmain*/

.col2 { width: 320px; }/*for ads 336 default colrigth*/

.col1 .modIntHead .modContent h2 {

    width:515px;

}

.col1 .modIntHead .modContent .modIntHead .modContent h2 {

    width:485px;

}

.col1 .modIntHead .modContent .modIntHead .modContent{

    background-color:white;

}

.col2 .modIntHead .modContent h2 {

    width:300px;

}

.col1 .mod2 .modContent h2 {

    width:535px;

}


.col2 .mod2 .modContent h2 {

    width:320px;
  height:55px;
}

/* 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: #fff;

    font-size:12px;

}

.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: #FE7501;

            text-decoration: none;

            font-weight: normal;

        }



        .tags .cloudtags:hover {

            color: #ffffff;

            background-color: #FF0F0F;

            -webkit-border-radius: 2px;

            -moz-border-radius: 2px;

        }
		
		
		
		
		
		#menu {

	
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-image:url(http://www.chicaskm.com/vineta.png);
	list-style-type: circle;
	visibility: inherit;
	text-decoration: none;
	background-repeat: repeat;
	list-style-position: outside;
}



#menu a {
	padding: 5px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	list-style-type: disc;
	list-style-position: inside;
	
	font-style: italic;
	font-variant: normal;
	page-break-before: auto;
}

#menu a:hover {
	/* Menu Strip Color Hover */
	color: #FF9900;
}
.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{
    color:red;
    font-size:25px;
    font-weight:bold;
}




.lefts {
	background-image: url(images/Untitled-2_01.png);
	background-repeat: no-repeat;
	height: 275px;
	width: 22px;
	}


.rights {
	background-image: url(images/Untitled-2_04.png);
	background-repeat: no-repeat;
	width: 19px;
	}
.centers {
	background-image: url(images/Untitled-2_02.png);
	background-repeat: repeat-x;
	
}