/*

Main Colors
search for:
Header Color 1 (Lighter Header Color)
Header Color 2 (Darker Header Color)
Dialog Color (Color Inside Each Dialog)
Main Header Strip Color (Color of the Header Strip)
Main Border Color (Main Body Border)
Menu Strip Color (Category Menu Strip Color)
Main Content Background Color (Main color of all content below menu)
Menu Strip Color Hover (Category Menu Rollover Color)
Menu Seperator (Category Menu Vertical Line)
Border Color 1 (Lighter Border Color)
Border Color 2 (Darker Border Color)
Thumbnail Border Color (Border Color Around Each Game Thumbnail)
Thumbnail Border Color Hover (Border Color of Game Thumbnail Mouse Over)
Below Game Text (The Color of the Text Below Each Game Played)
Content Font Color (The Color of most Text Content)
Rate Game Text Color (The Color of the Game Rating Text)
Content Text Link (The Color of most Text Links)


*/

body {
	
	background: #000000 url(images/bg.png);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;

}

.headertable {
	/* Main Header Strip Color */
	background-color: #A7DBD8;
	border-bottom: 3px #000000;
	height: 16px;
	border: 0px;
	font-size: 11px;
}
#headertext {
	color: #69D2E7;
}
#headertext a {
	padding: 0px 2px;
	text-decoration: underline;
	font-size: 11px;
	font-weight:100;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #FA6900;
	text-align:left;
}

/*SearchField*/
.searchField
{
border: 2px solid #AAAAAA;
background: #DDDDDD;
color: #ffffff;
font-size: 1.1em;
}

.searchField:hover
{
border: 2px solid #FFFFFF;
background: #DDDDDD;
color: #ffffff;
font-size: 1.1em;
}

#headertext a:hover {
	color: #FFFFFF;
}

div#box{
	width: 800px; 
	padding-top: 4px; 
	padding-bottom: 8px; 
	padding-right: 8px; 
	padding-left: 20px; 
	margin:0 auto;
    background:#CCCCCC;
	color:#000
}

.bodytable {
	width: 880px;
	background-color: #ffffff;
	/* Main Border Color */
	border: 2px solid #69D2E7;
	font-size: 11px;
	margn-left:0px;
	margin-top:0px;
	margin: 0px;
}
#headerbg {
	display:block;
	background:url(images/logo.png) no-repeat;
	height:140px;
	width:890px;
	text-align: left;
}	

form {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

input, textarea {
	border: 1px solid #47A2CB;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 11px;
}
.drop-down-left {
	margin-bottom: 6px;
	border: 1px solid black;
	width: 155px;
	background-color: white;
	font-weight: medium;
	color: black;
}


select {
	margin: 2px;
	font-family: Tahoma;
	font-size: 11px;
}



.secline {
	border-bottom: 1px solid #A1C2D9;
	color: #808080;
	font-weight: bold;
	margin-bottom: 8px;
}

.topstrip {
	font-size: 40px;
	padding: 4px;
	font-family: Arial;
}

.menucatstrip {
	/* Menu Strip Color */
	background-color: #006699;
	padding: 4px;
	height: 20px;
	font-size: 14px;
	font-family: Verdana;
	color:#FFFFFF;
}

/* Game Categories Menu */

#menu {
	width: 880px;
	height: 20px;
	margin: 0px auto;
	padding: 5px 5px 0px 0px;
	/* Menu Strip Color */
	background-color: #A7DBD8;
	background-image: url(images/menu_bg_clear.png);
	/* The original menu_bg image is called menu_bg copy.png and is still located in the same folder */
	text-align: center;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display:inline;
}

#menu a {
	padding: 5px 9px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#menu a:hover {
	/* Menu Strip Color Hover */
	background-color: #006699;
	/* This image was taken out. Uncomment this to bring it back.
	background-image: url(images/menu_bg.png);
	*/
	color: #FFFFFF;
}

#seperator{
/* Menu Seperator */
color:#006699;
font-size: 11px;
}

.thumbnail{

	/* Thumbnail Border Color */
	border:1px solid #777777;

}

.thumbnail:hover {

	/* Thumbnail Border Color Hover */
	border:1px solid #CCCCCC;

}

.rightstrip {
	background-color: #A1C2D9;
	font-family: Verdana;
	text-align: right;
	padding-right: 2px;
	color: #24537E;
}

.rightselect {
	font-size: 9px;
	font-family: Verdana;
	border: 1px solid #53758D;
}

.maincontent {
	/* Main Content Background Color */
	background-color: #FFFFFF;
	/*
	This is the old color:
	background-color: #1C1D1E;
	*/
}

.footstrip {
	background-color: #002266;
	text-align: center;
	font-family: Verdana;
	color: #66BBFF;
	padding: 4px;
}

.footstrip2 {
	background-color: #E0E4CC;
	text-align: center;
	font-family: Verdana;
	color: #66BBFF;
	padding: 4px;
}
.maintable {
	width: 100%;
}

.bcontentsection {
	/* Border Color 1 */
	border: 1px solid #E0E4CC;
	/* Dialog Color */
	background-color:#E0E4CC;
	/*This is the old color:
	background-color:#A7DBD8;
	*/
}
.bottomgametext{
	/*Below Game Text*/
	color:#505050;
}

.bcontentheadmenu {
	margin: 3px;
	margin-bottom: 0px;	
	/* Header Color 1 */
	background-color:#FA6900;
	/*This is the old header color.(This is in two locations..i think)
	background-color:#006699;
	*/
	/* This image was taken out. uncomment this to put it back.
	background-image: url(images/menu_bg.png);
	*/
	padding: 3px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align:left;
}
.bcontenthead {
	margin: 3px;
	margin-bottom: 0px;
	/* Header Color 1 */
	background-color:#FA6900;
	/*This is the old header color.
	background-color:#006699;
	*/	

	/* This image overlay was taken out. uncomment this to put it back.
	background-image: url(images/menu_bg.png);
	*/
	padding: 3px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align:left;
}

.ocontentsection {
	/* Border Color 2 */
	border: 1px solid #003366;
	/* Dialog Color */
	background-color:#E0E4CC;	
	/*This is the old color:
	background-color:#000000;
	*/
}

.ocontenthead {
	margin: 3px;
	margin-bottom: 0px;
	/* Header Color 2 */
	background-color: #FA6900;
	/*This is the old color.
	background-color: #003366;
	*/
	
	/* This image overlay was taken out..uncomment this to put it back.
	background-image: url(images/menu_bg.png);
	*/
	padding: 3px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align:left;
}
.ocontentheadh1 h1{
    margin: 0px;
	padding:0;
	font-family: tahoma;
	font-weight: bold;
	font-size: 18px;
text-align:center;
}

.contenttext {
	padding: 4px;
	font-family: Verdana;
	font-size: 11px;
	/*Content Font Color */
	color: #505050;
	text-align: left;
}

.gdesc {
	font-size: 10px;
}

.contenttable {
	font-family: Verdana;
	font-size: 11px;
	color: #606060;
}

.toptext{
	color: #de2d7b;
	font-family: Arial;
	font-size: 11px;
	text-align: justify;
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mlc {
	background-image: url(ogl.gif);
	width: 28px;
	height: 26px;
	float: left;
}

.mgrad {
	background-image: url(ogm.gif);
	border-bottom: 1px solid #6192A9;
	border-left: 1px solid #6192A9;
	height: 26px;
	float: right;
	padding-left: 24px;
	padding-right: 24px;
}

.mtext {
	padding-top: 5px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}


.gamethumb {
	/* Border Color 2 */
	border: 1px solid #003366;
	margin-right: 4px;
}

.gltable {
	font-family: Verdana;
	font-size: 11px;
	color: #606060;
	margin-bottom: 4px;
	/*This was the old color before:
	background-color: #000000;
	*/
	background-color: #E0E4CC;
}

.ahtext, .ahtext2 {
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
}


.menucatlink:link {
	text-decoration: none;
	font-weight: bold;
}

.menucatlink:visited {
	text-decoration: none;
	font-weight: bold;
}

.menucatlink:hover {
	color: #24537E;
	text-decoration: underline;
	font-weight: bold;
}

.cmenulink:link {
	text-decoration: underline;
}

.cmenulink:visited {
	text-decoration: underline;
}

.pagelink:link {
	color: #47A2CB;
	text-decoration: none;
	font-weight: bold;
}

.pagelink:visited {
	color: #47A2CB;
	text-decoration: none;
	font-weight: bold;
}

.pagelink:hover {
	color: #FFA002;
	text-decoration: underline;
	font-weight: bold;
}

.darklink:link {
	color: #006CFF;
	text-decoration: none;
}

.darklink:visited {
	color: #006CFF;
	text-decoration: none;
}

.darklink:hover {
	color: #FFA002;
	text-decoration: underline;
}

.contentlink:link {
 text-decoration: underline;
}

.contentlink:visited {
 text-decoration: underline;
}

.contentlink:hover {
	color: #FFA002;
	text-decoration: none;
}

.topbarlink:link {
	text-decoration: none;
}

.topbarlink:visited {
	text-decoration: none;
}

.topbarlink:hover {
	text-decoration: underline;
}

.footlink:link {
	text-decoration: none;
}


a:link {
	/* Content Text Link */
	/*This was the old color..	
	color: #C0C0C0;
	*/
	color: #990066;
	text-decoration: underline;
}

a:visited {
	color: #C0C0C0;
	text-decoration: underline;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.searchbutton {
	padding: 1px;
	margin: 2px;
}

.searchtext {
	padding: 2px;
	margin: 2px;
}


/*browsegames menu*/
.browsegames {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:3px;
padding:0;
text-transform:uppercase;
 }
.browsegames ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
.browsegames li {
	margin: 0;
	padding: 0;
	/* Border Color 1 */
	border-bottom: 1px solid #006699;
	padding: 0px 0px 1px 0px;
	background:url(images/bullet-green.gif) no-repeat left;
}
.browsegames li a,.browsegames li a:visited {
font-weight:bold;
	font-size: 11px;
	text-align:left;
	/*color: #228988;*/
	text-decoration: none;
	padding: 2px 5px 2px 18px;
	display:block;
	
}
.browsegames li a:hover {
	text-decoration: none;
	color: #339900;
	background: transparent url('images/heart.gif');
	/*background: #fdd6dd url(bullet-orange.gif) no-repeat left;*/
}
.browsegames li.gamedownload a{
/*color:#228988 !important;*/
font-weight:bold;
}

################################################################################
##
## Featured Game Styles
##
################################################################################
*/

.featured { 
  width : 302px;
  height : 252px;
  position : relative;
  float : left;
  margin : 0 0 4px 0;
  text-align: center;
  background-image : url(images/featurebox.gif);
  background-repeat : no-repeat;
  overflow : hidden;
} 
.slidercontainer { 
  height : 190px;
  width : 292px;
  text-align: center;
} 
.contentslide { 
  border : 0 solid;
  padding : 0;
  margin : 0;
  width : 205px;
  height : 190px;
  position : relative;
  top : 38px;
  left : 45px;
} 

.feature_slider_title { 
  font-size : 14px;
} 

.pagination { 
  padding : 3px;
  margin : 3px;
  text-align : center;
  position : relative;
  top : 20px;
} 

.pagination a { 
  padding : 2px 5px 2px 5px;
  margin : 1px;
  border : 1px solid rgb(109, 153, 188);
  text-decoration : none;
  color : #000000;
  background-color : rgb(226, 239, 241);
} 

.pagination a.hover, .pagination a.selected { 
  border : 1px solid #000000;
  color : #000000;
  text-decoration : none;
  background-color: #bebebe;
} 

div.pagination {
	padding: 3px;
	margin: 3px;
	height: 40px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	text-decoration: none; /* no underline */
	color: #000000;
	background-color: #ffffff;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000000;
  color: #000000;
  text-decoration: none;
  background-color: #bebebe;
}

div.pagination span.current {
  font-family: Arial, Verdana, Helvetica; 
  font-size:9pt;
  font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	background-color: #bebebe;
	color: #000000;
	}
	
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
	}
	
div.pagination span.dots {
  font-family: Arial, Verdana, Helvetica; 
  font-size:16px;
  font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #000000;
}





/* CSS Game Rating Section */
.rating,
.rating a:hover,
.rating a:active,
.rating .current-rating{
	background:url(images/rate_star.png) left -1000px repeat-x;
}
.rating{
   
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.rating li{
	display: inline;
}


.rating a, 
.rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.rating a:hover{
	background-position: left bottom;
}
.rating a.one-star{
	width:20%;
	z-index:6;
}
.rating a.two-stars{
	width:40%;
	z-index:5;
}
.rating a.three-stars{
	width:60%;
	z-index:4;
}
.rating a.four-stars{
	width:80%;
	z-index:3;
}
.rating a.five-stars{
	width:100%;
	z-index:2;
}
.rating .current-rating{
	z-index:1;
	background-position: left top;
}	






/* SECOND STAR (ALREADY VOTED */


.star-rating2,
.star-rating2 a:active,
.star-rating2 .current-rating{
	background: url(images/rate_star.png) left -1000px repeat-x;
}
.star-rating2{

	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating2 li{
	display: inline;
}
.star-rating2 a, 
.star-rating2 .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
	cursor:default;
}

.star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating2 a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating2 .current-rating{
	z-index:1;
	background-position: left bottom;
}


/* END SECOND STAR */


.voted_twice {
	
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color:#800000;
	width:130px;
	font-size:11px;
	}
.voted {
	
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#800000;
	width:130px;
	font-size:11px;
	}
/* The text that displays the rating information */
.rated_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	/* Rate Game Text */
	color:#505050;
	}
/* Green text that shows 3.34/5 */
.out5Class {
	
	font-weight:bold;
	}
.percentClass {
	/* Insert styles here for the percentage display. Example (74%) */
	}
.votesClass {
	/* Insert styles here for the votes display. Example (2 Votes) */
	}
.topRatedList {
	padding:0;
	margin:0;
	}
.topRatedList li {
	list-style-type:none;
	}