* {
	margin: 0;
	padding: 0;
}

html {
  /* overflow: auto; */
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}
* html {
  height: auto;
}

body { 
 height: 100%;
 margin: 0;
 padding: 0;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: black;
 background: #EEEEEE url(/images/background_grey.png) top center repeat-y;
 /* background: #859eb9 url(/images/background_grey.png) top center repeat-y; */
 /* background: #ffffff url(/images/background_grey.png) top center repeat-y; */
 background-attachment: fixed;
}

.outer-container {
  /*visibility: hidden;*/
  width: 980px;
  min-height: 100%;
  height: auto;
  /*height: auto !important; needed for IE6?*/
  margin: auto;
  padding: 0 5px 0 5px;
  background-color: white;
  position: relative;
}

.container {
  margin: 0 auto;
  position: relative;
  height: 100%;
  overflow: hidden;
}

h1, h2, h3 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
h1 {padding: 4px 0px 5px 0px;}
h2 {color:white}
h3 {vertical-align:top;line-height: 1.5;}

#body-content {
    height: 100%;
    min-height: 100%;
    padding-bottom: 35px;
}

#bottom {    
    height: 35px;
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.footerbox {
  color: black;
  border-top: 2px dotted gray;
  font-size: 12px;
  left: 0;
  text-align: left;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.align-justify  { text-align:justify; }
.align-left     { text-align:left; }
.align-center   { text-align:center; }
.align-right    { text-align:right; }

.left-container {width:970px;margin:0;padding: 10px;}
.description_area {width:550px;height:80px;padding:5px;}

.gs_header {
    padding: 0px;
    background: #f5f5ef;
    border: 1px solid #f5f5ef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.login_form fieldset {
   margin: 10px;
   font-size: 18px;
   background: #e2e1d7;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.search_form {
    margin-right: 0px;
    padding: 0em;
    float: right;
}

.search_form fieldset,
.login_form fieldset {
    padding: 0 5px 0 5px;
    margin: 0;
    border: 1px solid #f5f5ef;
}

.search_form fieldset input,
.login_form fieldset input {
   border: none;
   margin: 0;
   background: #e2e1d7 url(/images/input-bg.gif) repeat-x top left;
   font-size: inherit;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

.search_form fieldset input:focus,
.login_form fieldset input:focus {
   border: 2px solid black;
   background: white;
}

.search_form fieldset input.btn,
.login_form fieldset input.btn {
    background: #d94800;
    border: 2px solid #d94800; /*#e2e1d7; */
    color: white;
    font-weight: bold;
}

.search_form fieldset input.btn:hover,
.login_form fieldset input.btn:hover {
    background: #c03000;
    border: 2px solid #c03000; /*#e2e1d7; */
    color: white;
    font-weight: bold;
}

.side_by_side_title {
    text-align:center;
    font-size: 18px;
    margin-right: -8px;
}

.title_container {
  padding-top: 7px;
  padding-bottom: 7px;
}

.title_with_border {
  font-size: 18px;
  padding: 5px 5px;
  border: 5px solid #5e5e5e; /* #e2e1d4; */
  background: #f5f5ef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.title_with_border h1 {
    display: inline;
}

.title_with_border a {
  text-decoration: underline;
}

#about_page_link {
  font-size: 12px;
  text-decoration: underline;
  font-weight: bold;
  color: #d94800;
}

.filter_bar {
  font-size: 12px;
  border: 2px solid black;
  background: #f5f5ef;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 0px;
  margin-bottom: 7px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.filter_bar a {
  text-decoration: none;
  font-weight: bold;
}

.selected_filter a {
  color: white;
  background: #093C72;
}

.ib_right {
   display: inline-block;
   text-align: right;
}

.ib_left {
   display: inline-block;
   text-align: left; 
}

.hover_frame:hover {
  background: #eeeeee;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

.info_box_label {
  font-weight: bold;
}
.game_line_wide a {
  text-decoration: none;
}

.game_line_short a {
  text-decoration: none;
}
.game_line_short .name {
  vertical-align: top;
  display: inline-block;
  float: left;
  width: 48%;
}

.game_line_short .platform {
  vertical-align: top;
  text-align: right;
  display: inline-block;
  width: 10%;
}

.game_line_short .release_date {
  vertical-align: top;
  text-align: right;
  display: inline-block;
  width: 15%;
}

.game_line_short .review_count {
  vertical-align: top;
  text-align: right;
  display: inline-block;
  width: 17%;
}

.game_line_short .average_score {
  vertical-align: top;
  float: right;    
}

.release_month {
    display: inline-block;
    width: 23%;
    text-decoration: underline;
}

.list_header .header_info {
  font-size: 0.8em;  
}

.list_header a {
  color: white;
  font-size: 0.8em;
  font-weight: normal;
}

.list_header a:hover {
    color: #d94800;
}

.list_header a:visited:hover {
    color: #d94800;
}

.list_header a:visited {
    color: white;
}

.score_small {
  color: #d94800;
  font-weight: bold;
 }

.score_medium {
  color: #d94800;
  font-weight: bold;
  font-size: 15px;
  vertical-align: top;
 }

 .score_big {
  background: #d94800;
  color: white;
  font-weight: bold;
  font-size: 20px;
  padding: 1px 3px 1px 3px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

.review_date_divider {
  width: 100%;
  display: inline-block;
  color: black;
  border-bottom: 2px dotted black;
  padding-top: 7px;
  padding-bottom: 2px;
  margin-bottom: 5px;
}

 .review_date {
   display: inline-block;
   vertical-align: text-bottom;
   font-style: italic;
   font-weight: bold;
   color: gray;
   font-size: 16px;
   padding-left: 80px;
   /* float: right; */
 }

 .review_source {
  font-weight: bold;
  float: left;
  width: 30%;
  display: inline-block;
  vertical-align: top;
  padding-left: 3px;
 }

.review_game_name {
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: top;
 }

.review_score {
  font-weight: bold;
  float: right;
  display: inline-block;
  vertical-align: top;
}

.review_summary {
  margin: 0.3em 10% 0.5em 0.5em;
  color: darkblue;
  font-style: italic;
  display: inline-block;
 }

.review_summary a {
  text-decoration: underline;
  /* font-style: normal; */
  color: darkblue;
}
.visible_link {
  text-decoration: underline;
}

.merchant_link {
  text-decoration: none;
}

.aboutbox {
  font-size: 14px;
  padding: 5px 5px;
  border: 5px solid #5e5e5e; /* #e2e1d4; */
  background: #f5f5ef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.aboutbox ul li {
  padding-bottom: 10px;
}

.aboutbox ul {
  padding-bottom: 0px;
  margin-bottom: 5px;
}

.aboutbox ol {
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
}

.aboutbox h1 {
  color:  #d94800;
  font-size: 20px;
  font-weight: bold;
  /* color: #FF8000; */
}

.aboutbox h2 {
  color: black;
}

.aboutbox a {
  text-decoration: underline;
  font-weight: bold;
}

.faq-question {
  font-weight: bold;
}

.faq-answer {
  padding-bottom: 15px;
}

.info-prefix {
  color:  #d94800;
  font-weight: bold;
}

.info-text {
  color: black;
}

.deal_box_header {
  color: black;
  border-bottom: 2px dotted black;
  padding-top: 7px;   
}

.list_header {
  /* background: #263248 url(/images/glossy-background-imageoptim.png) repeat-x 0 50%; */
  /* background: #0066b3 url(/images/glossy.png) repeat-x 0 50%; */
  /* background: #093C72 url(/images/glossy.png) repeat-x 0 50%; */
  background: #094D78;
  color: white;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  border-bottom: 2px solid silver;
  padding: 3px;
  border: 1px solid #094D78; /* #859eb9; */ /* #b1c1d2; */ /* #0066b3; */
  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
}

.list_header a {
    text-decoration: underline;
}

.list_body {
  background: white;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  padding: 3px;
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
}

.browse_genre {
    font-weight: bold;
    text-decoration: underline;
}

.browse_sub_genre a {
    text-decoration: underline;
}

.span-middle {
    width:26px;
    float: left;
    margin-right: 5px;
}

.span-18px {
    width: 18px;
    float: left;
    padding: 0px;
}

.span-full, div.span-full {width:962px;margin-right:0;}
.span-24-padded, div.span-24-padded {
    width:929px;
    padding-left: 19px;
    padding-right:20px;
    float: left;
    margin-right: 5px;
}

 .odd-row {
  /* border-bottom: 1px dotted #aaa;
  border-top: 1px dotted #aaa; */
  background: #f5f5ef;
 }

 .even-row {
  background: white;
 }

 .odd-review-row {
  /* border-bottom: 1px dotted #aaa;
  border-top: 1px dotted #aaa; */
  background: #f5f5ef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }

 .even-review-row {
  background: white;
 }

a { color: #08111f; text-decoration: none; }

#wrap {
width: 980px;
margin: 0 auto;
}

h4 {
    color: black;
}
#header {
margin: 40px 0 50px 0;
}


#content {
float: right;
width: 468px;
padding: 0 20px 20px 20px;
border-left: 1px dotted #aaa;
text-align: justify;
}

#footer {
margin-top: 20px;
border-top: 1px dotted #aaa;
font-size: 11px;
text-align: center;
padding: 10px 0 10px 0;
}
#footer a { 

}
#footer a:hover {

}

a:visited:hover {
    /*text-decoration: underline; */
    color: #d94800;
}

a:hover {
  /* text-decoration: underline; */
  color: #d94800;
}

.calendar {
  float: left;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}

.calendar_icon {
  background: url('/images/orange_calendar.gif');
}

.calendar_day {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 14px;
}

.simple_nav {
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px 0px;
    border-bottom: 1px solid silver; /* #697800; */
}

.simple_nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}

.simple_nav a {
    float: left;
    line-height: 14px;
    font-weight: bold;
    margin: 0 10px 4px 2px;
    text-decoration: none;
    /*color: #9c9;*/
    color: #263248;
}

.simple_nav a:hover {
    color: #7e8aa2;
}

.simple_nav li.selected a {
    border-bottom: 4px solid #d94800;
    padding-bottom: 2px;
    color: #7e8aa2;
}

.simple_nav li.browse_nav a {
    margin-left: 30px;
}

.simple_nav li.community_nav a {
    margin-left: 30px;
}

.simple_nav li.about_nav a {
    margin-left: 30px;
}

.simple_nav .date {
    float: right;
    line-height: 14px;
    font-style: italic;
    margin: 0 10px 4px 2px;
    text-decoration: none;
    /*color: #9c9;*/
    color: #263248;
}

.menu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    /* color: #8e8e8e; */
    color: #d94800;
}

.menu ul {
    background: url(/images/menu-bg.gif) top left repeat-x;
    height: 43px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu li {
    float: left;
}

.menu li a {
    /* color: #666666; */
    color: #d94800;
    display: block;
    font-weight: bold;
    line-height: 43px;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
}

.menu li a:hover {
    color: #094D78;
    text-decoration: none;
}

.menu li ul {
    background: #ffffff;
    border-left: 2px solid #094D78;
    border-right: 2px solid #094D78;
    border-bottom: 2px solid #094D78;
    display: none;
    height: auto;
    filter: alpha(opacity = 95);
    opacity: 0.95;
    position: absolute;
    width: 200px;
    z-index: 200;
    /*top:1em;
         /*left:0;*/
}

.menu li:hover ul {
    display: block;
}

.menu li li {
    display: block;
    float: none;
    width: 200px;
}

.menu li ul a {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0px 10px 0px 15px;
    text-align: left;
}

.menu li ul a:hover {
    background: #949494;
    color: #ffffff;
    opacity: 1.0;
    filter: alpha(opacity = 100);
}

.menu p {
    clear: left;
}

.menu #current {
    background: url(/images/current-bg.gif) top left repeat-x;
    color: #ffffff;
}

.game_description_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#fff;

    padding:20px;

	width:400px;
	min-height:50px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.about_this_page_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#fff;

    padding:20px;

	width:400px;
	min-height:100px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.game_description_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.about_this_page_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.about_this_page a {
    text-decoration: underline; 
}
.tooltip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}