/* General styles */
.content2 {
	font-family: Arial;
	font-size: 10px;
	color: Black;
}
* { margin:0; padding:0; }
body { margin: 0px; text-align: center; font-family: verdana, helvetica, sans-serif; font-size:11px; color: #000000; }
object { display: block; margin-bottom: 1px; margin:0 auto; }

/* Headers */
h1 { /*reserved for header graphic*/ }
h2 { background-image:url(img/title_back.gif); height:17px; letter-spacing:1px; font-family: "Trebuchet MS", arial; background-color: #0875C7; text-align: left; padding: 5px; color: #FFFFFF; font-size:13px; margin-bottom:5px; }
h2 a { background-image:url(img/title_back.gif); height:17px; letter-spacing:1px; font-family: "Trebuchet MS", arial; background-color: #0875C7; text-align: left; color: #FFFFFF; font-size:13px; }
h3, h3 a{ font-family: verdana, arial; letter-spacing:-.75px; font-size:13px;  text-align: left; color: #0875C7; font-weight: bold; font-style:italic; }


/* General styles */
p { text-align: justify; }
a { color: #0875C7; text-decoration:none; font-weight:bold; font-family: sans-serif; font-size: 11px;color: #0875C7;font-weight: bold;}		

a:hover { text-decoration: underline; }

/* General styles */
div.area { margin-top:10px; padding: 0 10px; }
div.section { margin-bottom:10px; padding: 5px; background-color: #FFFFFF; border-right: 2px solid #C6E0F1; border-bottom: 2px solid #C6E0F1; }

/* Container */
div#container { background-color: #0875C7; text-align: left; width: 725px; margin:0 auto; }

/* General column styles */
div#leftContent { width: 145px; float: left; }
div#content {float:left; width:550px;}

/* Top 10 List Styles */

div.section div.numberList { float: left; height: 17px; padding-top: 2px; text-align: center; width: 20px; color: #FFFFFF; background-color:#F99404; margin-right: 3px;  }
div.section dl dd { height: 15px; color: #016FC1; border-bottom: 1px solid #E5E5E5; }
div.section h4 { height: 15px; padding-top: 3px; color: #016FC1; border-bottom: 1px solid #E5E5E5; }
div.section h2 { padding-top:2px; text-align:center; font-family:Arial; font-size:11px; font-weight:bold;  height:11px; }

/* Latest News Styles */
div#latestNews { clear: left;  }
div#latestNews h2 { padding-top:2px; text-align:center; font-family:Arial; font-size:11px; font-weight:bold;  height:11px; }
div#latestNews div { font-size:10px; margin-top:2px; }
div#latestNews div.noBorder { border: none; }
div#latestNews div.newsTitle { border-top: 1px dashed #E5E5E5; padding-top:5px;}
div#latestNews div.newsDetail { text-align: justify; color: #AAAAAA; margin-bottom:5px;  }

/* General content styles */
div#content div.section { float:left; width:250px; margin-right:5px; }
div#content div.rightSide { margin-right:0; }
div#content dl { margin-top:-5px; }
div#content dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#content dl { display: inline-table; }
/* Hides from IE-mac \*/
* html div#content dl {height: 1%;}
div#content dl { display: block; }
/* End hide from IE-mac */
div#content dl dt, div#content dl dd { margin-top:5px; display:block; float:left; }
div#content dl dt { clear:left; width: 75px; height: 75px; margin-right:5px; background-color:#F99404; text-indent:-1000em; }
div#content dl dd { width: 165px; height: 75px; height:auto !important; min-height:75px; padding-right:5px; }


/* Weekly game section */
div#weeklyGame { float:left; margin-right:7px; height:190px; width:253px; background-color:#FFFFFF; padding:5px; border:0px; }
div#weeklyGame div.hr { margin:8px 0; }
div#weeklyGame div.bottom { background-color:#DDDDDD; width: 234px ; height: 60px; }
.gameImage { width: 50px; height: 50px; background-color:#F99404;float:left; margin-right:2px; }

/* Latest Games */
div#latestGames {  width:250px; background-color:#FFFFFF; padding:5px; float:left; }
div#latestGames .gameRow {  margin-top:2px; margin-bottom:2px; height:52px;}


/* Lines */
div#content div.hr { clear:both	; height: 2px; background:url(img/horzLine.gif) repeat-x; }
div#content div.hr hr { display:none; }

/* Categories on main page */		
div.catsection {margin-top:10px; margin-right:6px; width:258px; background-color:#FFFFFF; padding:0px; height:202px;padding:3px; }

div.catsection h2 a {width:100%;height:100%;}
div.catsection .gameImage {margin-left:3px; }
div.catsection div.more { letter-spacing:1px; font-family: "Trebuchet MS"; text-align:right; font-weight:bold; color:#FFFFFF; font-size:11px; background-color:#0869AD; padding:5px; display:block; }
div.catsection div.more a { font-family: "Trebuchet MS" ; color:#FFFFFF; }
div.catsection ul { clear:left; list-style-type:none; margin-top:5px ; margin-left:5px;  }
div.catsection li { font-family:Verdana; float:left; text-align:left;  }

/* Clear fix - http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */


/* TO BE REMOVED LATER */
div.section span.fakeImage { display:block; float:left; width:75px; height:75px; background-color:#F99404; margin-right:5px; text-indent:-1000em; line-height:0; }

/* Used for the game details */
.gameDetails { font-family: verdana, arial;  font-size:10px; color:#000000}
.gameDetails p { font-family: verdana, arial; text-align:left;  font-size:10px; color:#000000; padding:3px; height:40px }




div#topTwoGames
{
	background-color:#FFFFFF;
	
	padding:3px;
}

div#topTwoGames td
{
	width:271px;
}

div#topTwoGames .gameDetails h3 a
{
	text-decoration:none;
	font-style:normal;	
	text-align:left;
	padding:0px;					
	font-size:12px;
}

div#topTwoGames .gameDetails p
{	
	text-decoration:none;
	text-align:left;
	font-style:normal;
	font-weight:bold;
	color:#AAAAAA;
	padding:0px;
}


div#categoryGameListing
{						
	padding:3px;	
	width:100%;			
}

div#categoryGameListing .categoryTopHeader
{
	background-color:#FFFFFF;
	padding:3px;
}

div.categoryTopHeader h2
{
	color:#FFFFFF;				
	background-color:#0875C7;		
	
}

div#gameListing
{
	background-color:#FFFFFF;							
	padding-top:5px;
}

.grayBack
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:3px;
	margin-right:3px;
	height:100%;
background-color:#DDDDDD;
}

.grayBack h3, .grayBack h3 a
{			
	background-color:#DDDDDD;	
	font-size:10px;
	text-decoration:none;
	font-style:normal;
}

div#commentSection
{
	float:left;
	
}

.commentHeader
{
	padding:10px;	
	height:100%;
	width:372px;
	background-color:#FFFFFF;
}


.commentHeader div a
{
	background-color:#DDDDDD;
	font-size:12px;
	font-family:Verdana;
	height:100%;
	padding-left:4px;
	padding-right:4px;
	vertical-align:middle;
	
}

div#commentSection h2
{	
	padding:0px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	font-family: "Arial";
	font-weight:bold;
	font-size:11px;
	width:125px;	
	height:15px;
	text-align:center;		
	background-color:#F99404;
}

.commentHeader textarea
{	
	padding:5px;
	width:358px;
	height:130px;
	font-family:Verdana;
	font-size:11px;
	margin-bottom:5px;
}

div#mainGameSection
{
	background-color:#FFFFFF;
}



div#gameTitle
{
	padding-bottom:5px;
	padding-top:5px;
	margin-top:5px;	
}

div#gameTitle .gameName
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;	
	padding-bottom:5px;
	padding-top:5px;
	color:#FFFFFF;
	padding-left:5px;
	background-color:#016FC1;
	border-right:5px solid #FFFFFF;
	width:220px;
	float:left;	
}

div#gameTitle .categoryName a
{	
	padding-bottom:5px;
	padding-top:5px;	
	padding-left:5px;
	font-family:Verdana;
	font-size:11px;
	float:left;
	width:155px;
	font-weight:bold;
	color:#FFFFFF;	
	border-right:5px solid #FFFFFF;
	background-color:#F99404;
}

div#gameTitle .categoryName a
{
	text-decoration:underline;
}

div#gameTitle .categoryName a:hover
{
	text-decoration:none;
}

div#gameTitle .rating
{	
	padding-bottom:5px;
	padding-top:5px;	
	padding-left:5px;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;	
	background-color:#F99404;
}

div#promotionGameSection
{
	background-color:#FFFFFF;
	padding:10px;
	margin-left:4px;
	text-align:center;
	color:#0875C7;
	float:right;
	width:130px;
	height:330px;	
}

div#promotionGameSection h2
{	
	text-align:center;
	font-size:11px;
	font-family:arial;
	padding-top:2px;
	height:11px;
	font-weight:bold;
}


div#promotionGameSection h4
{
	font-size:10px;
	text-align:left;
}

.promotionGameRow
{
	padding-top:5px;
	padding-bottom:5px;	
	border-bottom:2px dotted #cccccc;
	height:125px;
}

.promotionGameRow div
{
	padding-top:2px;	
}


.promotionGameRow h4 a
{
	font-size:11px;	
}

div#gameFlash
{	
	background-color:#DDDDDD;	
	margin-bottom:5px;
	margin:5px;	
}

div#loginMessageSection
{
	text-align:right;
	padding-right:5px;
	font-size:14px;
	color:#F99404;
	font-weight:normal;
	font-family:Verdana;
}

div#loginMessageSection a
{
	text-align:right;
	padding-right:5px;
	font-size:14px;
	color:white;
	font-weight:normal;
	font-family:Verdana;
}

div#joinSection 
{
	margin:5px;	
	border-bottom:thin solid #FFFFFF;
	border-left:thin solid #FFFFFF;
	border-right:thin solid #FFFFFF;
	background-color:#FFFFFF;
}

div.noBorder input
{
	border:none;
	background-color:Black;	
}

#joinSection h3
{	
	padding:5px;
	text-decoration:none;
	font-style:normal;	
	color:#FFFFFF;
	background-color:#F99404;
	border-bottom:thin solid #FFFFFF;
	border-top:thin solid #FFFFFF;
}


div.joinRow input
{
	font-size:11px;
	font-family:Verdana;
	padding:4px;
	border:1px solid #0875C7;
}

div.joinInput
{
	text-align:left;		
}

	
#joinSection h4
{
	float:left;
	font-size:11px;
	color:#0875C7;
	text-align:right;
	padding-top:4px;
	width:115px;
	margin-right:5px;
}

.requiredField
{
	font-weight:bold;
	font-family:Verdana;
	font-size:10px;
	vertical-align:top;
	margin-left:5px;	
	color:#FF0000;
}

.joinRow
{
	margin-top:4px;	
	margin-bottom:4px;
}


div#errorInformation, div.errorInformation
{
	text-align:center;
	font-family:Verdana;
	font-size:12px;
	color:red;
	background-color:#FFFFFF;
	padding:5px;
	margin:5px;
	font-weight:bold;
}

div.registrationMessage
{
	font-family:Verdana;
	font-size:14px;	
	margin-top:15px;
	color:White;
	height:350px;
}

div.registrationMessage a
{
	font-family:Verdana;
	font-size:14px;	
	text-decoration:underline;
	color:White;
}

div#loginSection
{
	margin:5px;
	margin-top:10px;
	height:375px;
	background-color:#FFFFFF;
}

div#loginSection h3
{
	padding:5px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;	
	font-style:normal;
	background-color:#F99404;
	color:#FFFFFF;	
}

div.loginRow
{
	margin-left:20%;
	margin-top:5px;
	margin-bottom:5px;
}

div.loginRow h4
{
	color:#0875C7;
	font-family:Verdana;
	font-size:11px;
	float:left;	
	width:100px;
	padding-top:2px;
}

div.loginRow input
{
	font-family:Verdana;
	font-size:11px;	
	border:1px solid #0875C7;
	padding:2px;
}

div#loginErrorSection
{
	font-family:Verdana;
	font-size:12px;	
	color:Red;	
	text-align:center;
}

div#loginSubmitSection
{
	text-align:center;
}

div#imageVerificationSection 
{
	width:100%;	
	text-align:center;	
}

div#imageVerificationSection div
{
	text-align:center;	
}


div#imageVerificationSection h5
{
	text-align:left;
	color:#FFFFFF;
	padding-left:10px;
	font-size:12px;
	margin-top:5px;
}

#ratingSection
{
	padding:2px;
	height:22px;
	background-color:#000000;
}

#ratingSection h4
{
	padding-top:4px;
	float:left;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#0875C7;
	background-color:#ffffff;
}

#ratingSection label
{
	font-family:Verdana;
	font-size:11px;
}

div#emailGameSection
{
	margin-top:10px;
	background-color:#FFFFFF;	
	padding:10px;	
	width:372px;
}


div#emailGameSection div a
{
	background-color:#DDDDDD;
	font-size:12px;
	font-family:Verdana;
	color:#0875C7;
	height:100%;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;	
	vertical-align:middle;
}

div#emailGameSection textarea
{
	padding:5px;
	width:358px;
	font-family:Verdana;
	font-size:11px;
	height:30px;
	margin-bottom:5px;
}

div#gameInformationSection
{
	background-color:#0875C7;
	border-top:10px solid #0875C7;
	margin-top:10px;
}

div#commentUserSection
{	
	width:97px;
	float:left;	
	text-align:center;
	font-size:12px;
	height:100%;
	font-family:Verdana;
}

div#commentDetailSection
{
	width:335px;
	float:left;	
	font-size:12px;
	font-family:Verdana;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

div#commentRatingSection
{
	width:78px;
	float:left;	
	font-family:Verdana;
	font-size:12px;
	text-align:center;
}

div.commentHeader h2
{
	font-weight:bold;
	background-color:#F99404;
	padding:4px;
	margin-right:120px;
	color:#FFFFFF;		
	font-style:normal;
}

div#commentRow
{
	width:533px;
	background-color:#FDDFB3;
	margin:1px;
	padding:1px;
	height:auto;	
	display:table;
}

div#commentRow div
{
	background-color:#FDDFB3;
	height:100%;
	font-family:Verdana;
	font-size:11px;	
	padding:3px;
	color:#000000;

}

div#commentListingHeader div
{
	font-weight:bold;
	background-color:#F99404;
	border:1px solid #FFFFFF;
	padding:3px;		
	color:#FFFFFF;	
	font-style:normal;	
}

div#commentListingHeader div h3
{
	font-weight:bold;
	background-color:#F99404;		
	color:#FFFFFF;	
	font-style:normal;	
}


div.threadCategorySection
{
	margin-left:5px;	
	background-color:#FFFFFF;
}

div.threadCategorySection h2
{
	background-color:#F99404;
	color:#FFFFFF;	
}

div.threadSubCategorySection
{
	padding-bottom:5px;
	padding-left:10px;		
}

div.threadSubCategoryRow
{
	padding-bottom:5px;
	padding-left:10px;	
	margin-right:5px;	
	padding-top:5px;
	border-bottom:1px dashed gray;	
}
	
div.threadSubCategoryActionSection
{
	text-align:right;
}
	

div.threadSubCategorySection a
{
	color:#0875C7;
	text-decoration:underline;
}

div#threadListSection
{
	margin-top:10px;
	background-color:white;
}


div.threadUserCaption
{
	font-weight:bold;
	font-size:11px;
}

div.threadDateCaption
{
	margin-top:3px;
	font-size:10px;
}

div.threadListRow
{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px dotted gray;
}

div.threadListUser
{
	padding:3px;
	float:left;	
	text-align:center;	
	background-color:#FFFFFF;
	height:80px;
	border-right:1px dotted gray;
}

div.threadListTitle
{	
	height:100%;	
	width:auto;
	height:80px;
	padding:3px;
	background-color:#FFFFFF;
}

div.threadListResponseSection
{
	margin-top:2px;
	padding-bottom:2px;
	text-align:right;	
	background-color:white;
}

div.threadPostHeaderSection 
{
	background-color:#FFFFFF;
	color:#0A539A;
	padding:3px;
	font-size:12px;
	margin-top:10px;	
}

div.threadPostHeaderSection h4
{	
	font-size:12px;
	padding-bottom:3px;
	border-bottom:1px dotted #0A539A;
}

div.threadPostHeaderSection .threadDescription
{
	background-color:#FFFFFF;
	color:#000000;
	padding:3px;
	font-size:11px;
	margin-top:10px;	
}


div.threadPostSection
{
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;	
}

div.postUserSection
{
	padding:3px;
	float:left;	
	text-align:center;	
	background-color:#E2F2FE;
	border-right:1px dotted #FFFFFF;
	height:80px;
}

div.postDetailSection
{	
	height:80px;
	padding:3px;	
	background-color:#E2F2FE;
}

div.postReplySection
{
	height:100%;		
}

.postReplySection div.replySection
{	
	float:left;
	width:109px;
	color:#FFFFFF;
	font-weight:bold;
}

.postReplySection div.replyButtonsection
{
	padding-top:2px;
	padding-bottom:2px;
	text-align:right;
}

div.postReplySection textarea
{	
	font-size:11px;
	font-family:Verdana;
	border:1px solid;
}

div#aboutUSSection
{
	margin-top:10px;
	margin-left:5px;
}

div#aboutUSSection h2
{
	background-color:#ffffff;
	color:#F99404;
}

div#gameEditSection
{
	margin:2px;	
	background-color:#FFFFFF;
}

div#gameEditSection h2
{
	padding:5px;	
	
	background-color:#F99404;
}

div.gameEditRow
{
	margin-top:3px;	
	margin-bottom:3px;
	margin-left:15px;
}

div.gameEditRow h4
{
	float:left;
	width:150px;
	font-size:12px;
	color:#0875C7;
}

div.gameEditRow input
{	
	font-size:12px;
	border:1px solid #0875C7;
	padding:2px;
	font-family:Verdana;
}

div.gameEditRow textarea
{	
	font-size:12px;
	border:1px solid #0875C7;
	padding:2px;
	font-family:Verdana;
}

div#createThreadSection
{
	background-color:White;
	margin:5px;
}

div#createThreadSection h2
{
	background-color:#F99404;
	color:white;		
}



div.createThreadRow
{	
	margin-top:3px;
	margin-bottom:3px;
	padding:3px;	
}

div.createThreadRow h4
{
	float:left;
	color:#0875C7;	
	font-size:12px;
	width:100px;	
}

div.moreLink
{
	color:#ffffff;
	font-size:12px;
	margin-top:5px;
	text-align:right;
}

div.previousLink
{
	float:left;
	color:#ffffff;
	font-size:12px;
	margin-top:2px;
}

div.previousLink a
{
	float:left;
	text-align:right;
	color:#ffffff;
	font-size:12px;	
	padding:3px;	
	background-color:#F99404;
}

div.moreLink a
{
	text-align:right;
	color:#ffffff;
	font-size:12px;	
	padding:3px;
	width:250px;
	background-color:#F99404;
}


.sliderRail
{
	POSITION: relative;	
	HEIGHT: 22px;
	background-image:url('../images/slider_back.gif');
	background-color:Green;
	display:block;
	width:268px;
}

.sliderHandle
{
	WIDTH: 10px;	
	display:block;
	POSITION: absolute;	
	HEIGHT: 22px;
	width:20px;
	background-image:url('../images/slider_handle.gif');
	cursor:hand;
}

.sliderLabel
{
	background-color:#B0C7E0;
	padding-top:4px;
	height:17px;
	width:60px;
	font-weight:bold;
	text-align:center;

}

div.gameComments
{	
	background-color:#FFFFFF;
	padding:5px;
	display:table;	
}

#contactUsSection
{
	background-color:#FFFFFF;
}

#contactUsSection h3
{	
	padding:5px;
	text-decoration:none;
	font-style:normal;	
	color:#FFFFFF;
	background-color:#F99404;
	border-bottom:thin solid #FFFFFF;
	border-top:thin solid #FFFFFF;
}

#contactUsSection h4
{
	float:left;
	font-size:11px;
	color:#0875C7;
	text-align:right;
	padding-top:4px;
	width:115px;
	margin-right:5px;
}