/*body {height:100%_overflow:hidden;}
#ieContentFix {_width:100%;_height:100%;_overflow-y:auto;_overflow-x:auto;}*/

body, a {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}

body { 
	/*padding-top: 6px;*/
	padding-left: 7px;
	margin: 0px;
	background: #444a4e url(/images/body_background_left_bar.gif) repeat-y scroll top left;
/*	background: green !important; /* Major browsers other than IE 6 and below respect the importance immediately 
	background: red; /* IE 6 and below use this value instead, even though the above was marked as important 
*/
}

img {border:0;}

#headerBarTop {background-color:#231f20;}

#headerBarTop {width:100%;height:6px; }

/* Edited by Devin: removed "#headerBar" from this list of classes. #headerBar will have its own background color */
#headerImage,#pageContent,#right_filler,#minimalPageContent,.line_spacer {background-color: #444a4e;}

/* Edited by Devin: changed width to 100% and added a new background color */
#headerBar {
	width: 100%;
	height: 36px;
	vertical-align: middle;
	background-color: #4f83bb;
	
}
#headerBar img {float: left;margin-right:15px;}
.headerBarImg {vertical-align: middle;}

#headerBar a {
	text-decoration: none;
	color: #cbd7e1;
	margin-left: 20px;
	font-size: 10pt;
}

ul.more_sublist{
	display: none;
	position: absolute;
	top: -2px;
	left: 440px;
	width: 150px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	background: #4F83BB;
	padding:10px 0 10px 5px;
	list-style: none;
	margin: 0;
}

ul.more_sublist li{
	height:25px;
}

#headerImage {
	position: relative;
	width: 100%;
	padding:0px;
	margin: 0px;
}
#headerImageText {
	position: absolute;
	bottom: 5px !important;
	bottom: 15px;
	left: 621px;
	width: 255px;
	color: #ffffff;
	font-size: 10pt;
}
*:first-child+html #headerImageText { bottom: 15px !important; } /* For IE7 */
#headerImageText a {
	color:orange;
	text-decoration:none;
	font-size: 10pt;
}

.lineDivider {
	width:100%;
	height: 2px;
	margin: 0px;
	padding: 0px;
}

#pageContent {
	/*min-height: 250px;
	_height: 250px;
	_overflow: visible;
	padding-top: 11px;*/
	padding-right: 7px;
	float:left;
	width:900px;
}
.pageContent {background: #444a4e url(/images/navigation_background.gif) repeat-y scroll 8px 0px;}
.mainPageContent {background: #444a4e url(/images/mainpage_background.gif) repeat-y scroll 8px 0px;}

#leftColumn, #centerColumn, #rightColumn, #footer {
	margin-left: 8px;
	margin-right: 8px;
	float: left;
}
#centerColumn {_margin-right: 6px;}

#leftColumn,#rightColumn {
	width: 242px;
	_display: inline;
}

#centerColumn {
	width: 336px;
}

.columnDivider {
/*	min-height: 815px;
	height: 100%;
	_height: 815px;
	_overflow: visible; */
	min-height: 400px;
	height: 100%;
	_height: 400px;
	background-color: #5680ae;
	width: 2px;
	float: left;
}

.float_spacer,.bottom_spacer {width:856px;float:left;clear:both;}
.top_spacer {height: 11px;}
.bottom_spacer {height:5px;}

#footer span {
	color: #FFFFFF;
	font-size: 11px;
}

#footer {
	background-color: #231f20;
	clear: both;
	height: 18px;
	width: 856px;
	padding-top: 2px;
	padding-left: 2px;
	_display: inline;
}

/* ###################
	minimal layout styles 
   ################### */
#minimalPageContent {
	float:left;
	width:100%;
	
	min-height: 250px;
	_height: 250px;
	_overflow: visible;
	
	font-size: 11px;
	line-height: 13px;
	color: #999999;
}
#minimalPageContent div {
	margin:10px;
}
#minimalPageContent a {color: #999999;}

/* ###################
	modules styles 
   ################### */

#find_a_game_box,#games_calendar_box,#links_box {
	width: 242px;
}

.boxheader {
	margin-bottom:2px;
	height:16px;
	width:242px;
	font-size:10pt;
}
.boxheader img {display: block;}

.boxContent {
	padding:3px;
	font-size:12pt;
}

#find_a_game_box {
	background-color:#eb7e2c;
	margin-bottom:8px;
}
#find_a_game_box select, #find_a_game_box input {margin-bottom: 3px;margin-top: 3px;font-size: 12px;}


/* ---------  SIDE MENU ---------   */
/* ------------------------------   */
/* ------------------------------   */
/* ------------------------------   */

/* Edited by Devin: created style for left side menu */

#dc_left_menu_bar {
	border: 0px;
	height: 10px;
	width: 100%;
}

#dc_left_menu_box {
	background-color:#353a3e;
	width:100%;
	margin: 8px 0 8px 0;
}

#dc_left_menu_box img {
	float: left;
}

#dc_left_menu_text { padding: 12px 12px 18px 12px; }

#dc_left_menu_text a {	
	font-size: 13px;
	line-height: 22px;
	font-family: Helvetica, Arial, sans-serif;
	color: #e8eaec;
	text-decoration: none;	
}

#dc_legal a {
	color: #7a8083;
	font-size: 11px;
	line-height: 17px;
	text-decoration: none;
}

#dc_left_menu_text a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.dc_left_menu_divider {
	height:2px;
	background-color:#444a4e;
	width: 100%;
	margin: 14px 0px;
}

.sidebar_image {
	margin-bottom: 8px;
}


/*  End left menu box css   */





/******************************/
/* GAMES CALENDAR SIDEBAR BOX */
/******************************/

#games_calendar_box {
	background-color:#757597;
	width:100%;
	margin-bottom:8px;
	float:left;
}
.games_calendar_box_subheading {
	margin-bottom:2px;
	height:16px;
	width:236px;
	color:#2d3034;
	background-color:#8e8ea6;
	font-size:11px;
	float:left;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 15px;
}
.games_calendar_box_subcontent {
	margin-bottom:2px;
	height:100%;
	width:100%;
	color:#2d3034;
	font-size:11px;
	float:left;
	line-height: 13px;
}
.games_calendar_box_subcontent div {
	float:left;
	_display:inline;
}
.games_calendar_box_subcontent .gcb_platform {
	width:42px;
	clear:left;
	margin-right:10px;
	margin-left:5px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.games_calendar_box_subcontent .gcb_title {
	width:168px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.games_calendar_box_subcontent a {
	text-decoration: none;
	color:#2d3034;
	float:left;
}
.games_calendar_divider {
	height:1px;
	background-color:#474764;
	width: 236px;
}

/******************************/

#aspyr_buzz_box {
	background-color:#748e78;
	width:100%;
	float:left;
	margin-bottom:8px;
	line-height: 13px;
}
#aspyr_buzz_box a {
	color:#394c40;
	font-size:11px;
}

#links_box {
	background-color: #353a3e;
	height: 94px;
}
#links_box a {
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
}
.links_sub {
	float: left;
	padding-left: 11px;
	padding-right: 11px;
	margin-top: 12px;
	margin-bottom: 12px;
	height: 70px;
	line-height: 17px;
}

/* #############################
   software controller
   ############################# */

#headerGameTitle, .headerGameTitle{
	height:20px;
	width:100%;
/*	background-color:#a3a6a9;  */
	background:#221e1f url(/images/header_title.jpg) no-repeat;
	text-indent: 10px;
	color:#222428;
	font-size:10pt;
	font-weight: bold;
	letter-spacing: 1px;
	vertical-align: middle;
	line-height: 20px;
	margin:0;
}
.headerGameTitle {display:inline;}

#headerPlatformsList {
	position:absolute;
	left:750px;
	margin-top: 4px !important;
	padding-right:4px;
	padding-left:2px;
	line-height: 10pt;
	margin-top: 2px;
}
#headerPlatformsList, .headerPlatformsList {
	background-color:orange;
	color:black;
	display:inline;
	text-indent:0;
	font-size:8pt;
	font-weight:bold;
}


#navigation,#leftNav,#navContent {float:left;}

#navigation {
	height: 100%;
	margin-left: 8px;
	_display: inline;
}
#navHeader,.navHeader {
	width:596px;
	height:6px;
/*	margin-bottom:5px;  */
	margin-right:8px;
}
#navHeader {background-color:#6a88c2;}
#navHeader img {float: right;}

#leftNav {
	background-color: #4f6277;
/*	height: 805px; */
	min-height: 10px;
	_height: 10px;
	width:128px;
	margin-right:6px;
}
.navLink {
	background-color:#545c64;
	height:20px;
	width:100%;
	text-decoration:none;
	color:#ffffff;
	font-size:8pt;
/*	text-indent:4px;  */
	vertical-align: middle;
	letter-spacing: 1px;
	line-height: 14pt;
	font-weight: bold;
	overflow: hidden;
}

#navContent {
	height: 100%;
	width:462px;
	margin-right: 8px;
	_display:inline;
}

.info_box_header, .list_link_bar {
	width:462px;
	height:15px;
	background-color:#6a88c2;
	margin-bottom:2px;
	color: #272b2d;
	font-size:8pt;
	text-indent: 4px;
	vertical-align: middle;
	float:left;
	letter-spacing: 1px;
	line-height: 12pt;
	font-weight: bold;
}
.info_box_header div {
	height:15px;
	_line-height:15px;
}
.info_box {
	background-color: #a4bada;
	width:100%;
	color: #3f4750;
	margin-bottom: 5px;
	overflow: hidden;
	font-size:11px;
	float:left;
	line-height: 13px;
}
.info_box h4 {font-size: 11px;color:#2a2a2a;}
.info_box h5 {font-size: 9px;}
.info_box h4, h5 {margin:0;}
.info_box div {margin:5px;}
.info_box a {font-size:11px;line-height: 13px;color:#2a2a2a;font-weight:bold;}

.software_listing {}
.software_listing h4 {margin:0;font-size:10pt;color: ;}
.software_listing h5 {margin:0;font-size:8pt;}
.software_listing p {margin:0;}
.software_listing .software_listing_text {
	margin-top:6px;
	margin-bottom:6px;
}

.pagination_bar {
	background:#6a88c2 url(/images/diags_sortby.gif) no-repeat left;
	color:#364966;
	margin-bottom:4px;
	float:left;width:100%;
	height:25px;
	text-align: right;
	font-size:10pt;
}
.pagination_bar a {color: #364966;}

.list_link_bar {background:#778B9E;height:17px;font-size:8pt;margin-bottom:4px;text-align: right;line-height:17px;}
.list_link_bar a {color:#272b2d;text-decoration:none;}

.notice_box {padding: 15px;width: 566px;background-color: #a4bada;font-size: 11px;line-height: 13px;float: left;}
.notice_box img {vertical-align: middle;margin-right: 30px;float: left;}
.line_spacer {clear: both;}
/* #############################
   game_advocate controller
   ############################# */

div.article_link {color:#4c6a70;font-size:8pt;}
a.article_link {font-size:8pt;color:#2f3740;font-weight:bold;}

/* #############################
   registration controller
   ############################# */

.lightbox, .darkbox, .box_divider {float: left;width: 100%;}
.lightbox div {margin: 5px 10px;}
.darkbox div {margin: 10px 5px;}
.lightbox {background-color:#c8d6e8;}
.darkbox {background-color:#a4bad8;}
.box_divider {background-color:#6a88c1;height:1px;}
.reg_small_text {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
}
.reg_large_text {
	font-family : Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
/*	line-height:16px; */
}

/* #############################
   errors
   ############################# */

div.errorExplanation {
	background: #FFE4E1 scroll 0%;
	border: 1px solid #D9D9D9;
	
	
}
#errorExplanation h2 {font-size:10pt;}

.fieldWithErrors { 

}

div.unsubscribe_error {
	color: red;
}

.software_legal_footer {
	color:#666666;
	font-size:7pt;
	padding:5px;
}

#env_notice {
	background:#FFFFCC none repeat scroll 0% 50%;
	border:1px solid #DEDEDE;
	color:#222222;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:4px;
	text-align:center;
}