/*

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: #1C1D1E;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}

.headertable {
	/* Main Header Strip Color */
	background-color: #000000;
	border-bottom: 3px #000000;
	height: 16px;
	border: 0px;
	font-size: 11px;
}
#headertext {
	color: #FFFFFF;
}
#headertext a {
	padding: 0px 2px;
	text-decoration: underline;
	font-size: 11px;
	font-weight:100;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	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: 1px solid #228B22;
	font-size: 11px;
	margn-left:0px;
	margin-top:0px;
	margin: 0px;
}
#headerbg {
	background:url(images/logo.png) no-repeat;
	height:140px;
	width:890px;
	text-align: center;
}

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

input, textarea {
	border: 1px solid #228B22;
	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 #228B22;
	color: #808080;
	font-weight: bold;
	margin-bottom: 8px;
}

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

.menucatstrip {
	/* Menu Strip Color */
	background-color: #228B22;
	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: #228B22;
	background-image: url(images/menu_bg.png);
        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: #1C1D1E;
	background-image: url(images/menu_bg.png);
	color: #FFFFFF;
}

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

.thumbnail{

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

}

.thumbnail:hover {

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

}

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

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

.maincontent {
	/* Main Content Background Color */
	background-color: #000000;
}

.footstrip {
	background-color: #228B22;
	text-align: center;
	font-family: Verdana;
	color: #FFFFFF;
	padding: 4px;
}

.maintable {
	width: 100%;
}

.bcontentsection {
	/* Border Color 1 */
	border: 1px solid #228B22;
	/* Dialog Color */
	background-color:#000000;
}
.bottomgametext{
	/*Below Game Text*/
	color:#FFFFFF;
}

.bcontentheadmenu {
	margin: 3px;
	margin-bottom: 0px;	
	/* Header Color 1 */
	background-color:#228B22;
	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:#228B22;
	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 #228B22;
	/* Dialog Color */
	background-color:#000000;
}

.ocontenthead {
	margin: 3px;
	margin-bottom: 0px;
	/* Header Color 2 */
	background-color: #228B22;
	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: #FFFFFF;
	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 #228B22;
	border-left: 1px solid #228B22;
	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 #228B22;
	margin-right: 4px;
}

.gltable {
	font-family: Verdana;
	font-size: 11px;
	color: #606060;
	margin-bottom: 4px;
	background-color: #000000;
}

.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 */
	color: #C0C0C0;
	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 #228B22;
	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;
	color:#F7C148;
	width:130px;
	font-size:11px;
	}
.voted {
	
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F7C148;
	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:#FFFFFF;
	}
/* 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;
	}