@import url("../stylesheets/screen.css"); 

/*
html
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2b1c10;
	}
	
body
	{
	margin: 0px;
	margin-top: 18px;
	padding: 0px;
	text-align: center;
	}

table, tr, td {
	border: 0px solid;
	padding: 0px;
	margin: 0px;
	}
	
ol,ul	{
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
	padding-left: 32px;
	padding-right: 42px;
	list-style-type: dot;
	}

li	{
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	}

img {
	border: 0px solid;
	}

h1,h2,h3 {
	font-size: 1em;
	font-weight: normal;
	}
	
input
	{
    background-color: #eeeeee;
	border: #cccccc 1px solid;
	border-top: 1px #666666 solid;
	border-left: 1px #777777 solid;
	padding-left: 2px;padding-top: 2px;padding-bottom: 2px;padding-right: 2px;
    margin: 0px;
    }
*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid #696969;
padding: 10px;
background-color: #ffffff;
visibility: hidden;
filter: alpha(85); 
-moz-opacity:.85;
font: 8pt verdana;
text-align:left;
color: #1d1d1d  ;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


.float_left {
	clear: both;
	float: left;
	width: 70px;
	padding-right: 4px;
	text-align: right;
	color: #333333;
	height: 16px;
	}
.float_left_2 {
	float: left;
	width: 200px;
	color: #770000;
	height: 16px;
	}

.float_left_3 {
	float: left;
	width: 80px;
	color: #414a56;
	height: 16px;
	}
 
 .listing_frame {
	border: 0px #dddddd solid;
	width:745px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	clear:both;
	float: center;
	color: #333333;
	}

 .listing_frame_2 {
 	float: left;
	border: 1px #dddddd solid;
	min-height: 385px;
	width: 355px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	padding-left: 18px;
	padding-right: 0px;
	color: #333333;
	}
	
 .listing_frame_3 {
 	float: left;
	border: 0px #dddddd solid;
	min-height: 200px;
	width: 745px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #333333;
	}

 .listing_frame_4 {
 	float: left;
	border: 0px #dddddd solid;
	width: 380px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 20px;
	color: #333333;
	}

 .listing_frame_game_page {
	float: right;
	border: 1px #dddddd solid;
	min-height: 40px;
	width: 355px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #333333;
	background no-repeat;
	padding-top: 260px;
	}

 .listing_frame_game {
	float: right;
	border: 1px #dddddd solid;
	height: 137px;
	width: 136px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #333333;
	}


 .games_div {
 	float: left;
	border: 0px #dddddd solid;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	padding-left: 1px;
	color: #333333;
	}

.game_title {
	height: 24px;
	width: 316px;
	padding-top: 24px;
	padding-left: 6px;
	font-size: 28px;
	text-align: center;
	line-height: 34px;
	font-weight: bold;
	color: #617a76;
	}
.game_tagline {
	width: 316px;
	padding-bottom: 14px;
	text-align: left;
	font-weight: 600;
	line-height: 24px;
	color: #333333;
	font-size: 16px;
	}
.game_copy {
	width: 280px;
	padding-left: 32px;
	padding-right: 0px;
	padding-top: 12px;
	text-align: left;
	color: #222222;
	}

.game_description {
	clear: both;
	width: 296px;
	padding-left: 32px;
	padding-right: 26px;
	padding-top: 24px;
	text-align: left;
	color: #222222;
	border: 0px solid;
	min-height: 58px;
	}
	
.header_item {
	float: left;
	text-align: left;
	height: 21px;
	line-height: 21px;
	font-weight: 600;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	color: #666666;
	}

.line_item {
	float: left;
	text-align: left;
	height: 21px;
	line-height: 21px;
	border-bottom: 1px #dddddd solid;
	}

.play_button {
	float: LEFT;
	width: 83px;
	height: 30px;
	line-height: 30px;
    text-align: center;
    background: url(../images/global/bg_button.png) no-repeat;
    font-family: "Lucida Sans", sans-serif;
    font-size: 1.2em;
    color: #EAFAEF;
    text-decoration: none;
    font-weight: bold;
    margin-LEFT: 14px;
    margin-right: 28px;
}

#footer_nav {
    margin: 10px 0 20px 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.4em;
    color: #969696;
}
#footer_nav p { margin: 0; }


a.nav_link:link, a.nav_link:visited { color: #213a36;text-decoration: none;border: 0px solid;}
a.nav_link:hover { color: #333333;text-decoration: underline;border: 0px solid;}

.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.6; /* Safari, Opera */
	-moz-opacity:0.60; /* FireFox */
	filter: alpha(opacity=60); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	display: normal;
	visibility: hidden;
	top: 0px;
	left: 0px;
	}

.feedback {
	text-align: left;
	border: 1px #ffff66 solid;
	padding-left: 21px;
	width: 560px;
	height: 300px;
	background: #ffffff;
	filter: alpha(opacity=95);
	opacity: 0.95;
	position: absolute;
	top: 2%;
	left: 20%;
/*
	background: url(../images/bg_side_box.jpg) #ffffff;
	background-repeat: repeat-x;
	background-position: bottom left;
*/
	visibility: hidden;
	display: none;
	z-index: 100;
	}
	
.feedback_content {
	clear: both;
	border: 0px solid;
	margin: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 22px;
	width: 520px;
	height: 200px;
	overflow: auto;
	}

a:link, a:visited { color: #3b2c20;text-decoration: none;font-weight: normal;border: 0px solid;}
a:hover { color: #000000;text-decoration: underline;font-weight: normal;border: 0px solid;}

a.bold_link:link, a.bold_link:visited { color: #3b2c20;text-decoration: none;font-weight: 600;border: 0px solid;}
a.bold_link:hover { color: #0f4451;text-decoration: underline;font-weight: 600;border: 0px solid;}

a.left_nav:link, a.left_nav:visited { color: #6b5c50;text-decoration: none;font-weight: normal;border: 0px solid;}
a.left_nav:hover { color: #5f94a1;text-decoration: none;font-weight: normal;border: 0px solid;}

a.top_nav:link, a.top_nav:visited { color: #3b2c20;text-decoration: none;font-weight: normal;border: 0px solid;}
a.top_nav:hover { color: #3b2c20;text-decoration: underline;font-weight: normal;border: 0px solid;}

a.blue_link:link, a.blue_link:visited { color: #5f94a1;text-decoration: none;font-weight: normal;border: 0px solid;}
a.blue_link:hover { color: #000000;text-decoration: underline;font-weight: normal;border: 0px solid;}
/*


.feedback {
	text-align: left;
	border: 1px #811f7d solid;
	padding-left: 21px;
	padding-right: 21px;
	width: 250px;
	height: 140px;
	background: #ffffff;
	filter: alpha(opacity=85);
	opacity: 0.85;
	position: absolute;
	top: 90px;
	left: 40%;
	font-size: 1.1em;
	font-weight: bold;
	color: #990000;
	cursor: pointer;
	background: url(../images/bg_side_box.jpg) #ffffff;
	background-repeat: repeat-x;
	background-position: bottom left;
	}
*/
.button_hilite
	{
	opacity: 0.90;
	filter: "alpha(opacity=90)"; /* IE 8 */
	filter: alpha(opacity=90);   /* IE 4-7 */
	zoom: 1;                     /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	}
.button_normal
	{
	opacity: 1;
	filter: "alpha(opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100);   /* IE 4-7 */
	zoom: 1;                     /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	}
	
#imageContainer {
	position:relative;
	margin: auto;
	width: 752px;
	border: 0px solid #000;
	height: 500px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}	

*/