/* #9fa8a3 dark grey
 * #e3e0cf light yellowish
 * #c5d5cb greenish
 *
 * 1. #E3E0CF light yellow grey
 * 2. #F2E494 yellow
 * 3. #F0ECDA lighter yellow grey
 * 4. #706A44 brown
 * 5. #BDBAAC matte grey
 */

.review-link a {
    color: black;
    font-weight: normal;
}
.review-link a:hover {
    color: grey;
    font-weight: normal;
}
#gameInfo a {
    color: white;
    font-weight: bold;
}

#blue-link a {
    color: blue;
}
#black-link a {
    color: black;
}

#gameInfo a:hover {
    color: grey;
    font-weight: bold;
}

.top-games
{
	background-color:#E9D1E9;
	border:5px solid #CCCCCC;
	margin-bottom:10px;
	text-align:center;
}

.top-games a {
    color: black;
}

.top-games a:hover {
    color: grey;
}

.light-purple-bg
{
    background-color: #E9D1E9;
}
.light-yellow-grey
{
    color: #E3E0CF;
}

.yellow
{
    color: #F2E494;
}

.lighter-yellow-grey
{
    color: #F0ECDA;
}
.brown
{
    color: #706A44;
}
.matte-grey
{
    color: #BDBAAC;
}

.top-games-td
{
    font-weight: bold;
    font-size: 12pt;
}

html 
{ 
	background:#666 url('/images/hexbg.png') repeat-y;
	background-position: center;
	height:100%; 
} 

body 
{ 
    background-color: #444; 
	margin:0; 
	padding:0;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size:10pt;
}

html>body 
{ 
	height:auto;
	min-height:100%;
} 

table {
	border-collapse: collapse
}

a
{
	color:black;
    font-weight: bold;
}

a:hover
{
    color: grey;
    font-weight: bold;
}

#button-blue {
    background-image: none;
}


#theContent
{
    /* doesn't seem to do anything */
	background-color:#555;
}

#loginMenu form
{
	border:0;
}

#loginMenu label
{
	width:8em;
}

#loginMenu span
{
	width:15em;
}

.loginButton 
{
	background-image:url(../images/menu.gif);
	border:1px solid #395119;
	color:white;
	cursor:pointer;
	float:right;
	font-size:12px;
	height:auto;
	margin:0 0 0 0;
	text-align:center;

}

.loginButton:hover
{
	background-image:url(../images/menu-hover.gif);
}

.jumpbutton
{
	background-image:url(../images/menu.gif);
	border:1px solid #395119;
	color:white;
	cursor:pointer;
	float:none;
	font-size:12px;
	height:auto;
	margin:0;
	text-align:center;
}

.jumpbutton:hover
{
	background-image:url(../images/menu-hover.gif);
}

#loginForm
{
	margin-bottom:10px;
	#margin-bottom:0;
}

#loginMenu
{
	background-color:#E9F0DF;
	background-image:url(../images/binarybg.png);
	background-position:right top;
	background-repeat:repeat-y;
	border:5px solid #CCCCCC;
	padding:5px;
}

/* .button { */
/* 	background-image:url('../images/menu.gif'); */
/* } */


#topLogin
{
	margin-top:5px;
}

#loginAs
{
	margin-bottom:33px;
	text-align:center;
}
/***************** header *****************/

#divHolder
{
	float:left;
	background-attachment:scroll;
	background-color:#555;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
}
 
#seoText
{
	background:black none repeat scroll 0 0;
	text-align:center;
	margin: 0;
	width:800px;
	clear:both;
}

#seoText h1
{
	font-size: 11pt;
	color: #555;
	margin:0;
	padding:0;
}

#header
{
	background-color:#555;
	background-image:none;
	background-repeat:repeat;
}

#headerSearch
{
	height:auto;
	margin-right:5px;
	width:auto;
}

#search_site
{
	float:left;
	text-align:right;
	margin: 0;
	width:auto;
}

#search_listings
{
	float:right;
	margin-top:5px;
	margin-right:5px;
}

#search_listings label
{
	color: #aaa;
	display: none;
	width: 5em;
}

#menu-banner-logo
{
    border: 0em;
    width: 14em;
}

.searchButton:hover
{
	background-image: url('../images/menu-hover.gif');
}

.header-menu
{
	background-color:#777777;
	border:0.4em solid #CCCCCC;
    padding: 0.5em;
}

.menu-option
{
    color: white;
}

#header .header-menu {
    background: linear-gradient(180deg, #6f6f6f 0%, #5f5f5f 100%);
    border: 0.4em solid #cfcfcf;
    padding: 0.7em 0.65em 0.6em 0.65em;
}

#header .site-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#header .site-nav-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

#header .site-nav-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

#header #menu-banner-logo {
    border: 0;
    width: 14em;
    max-width: 100%;
    height: auto;
}

#header #search_listings.site-nav-search {
    float: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    justify-content: flex-end;
}

#header #search_listings.site-nav-search #search_terms {
    width: min(330px, 100%);
    min-width: 200px;
    margin: 0;
    border: 1px solid #4b4b4b;
    border-radius: 4px;
    padding: 8px 10px;
    line-height: 1.2;
    background: #f8f8f8;
}

#header #search_listings.site-nav-search .site-search-submit {
    margin: 0;
    border: 1px solid #3f4b31;
    border-radius: 4px;
    background: #dce9cf;
    color: #253018;
    font-weight: 700;
    padding: 8px 12px;
    line-height: 1.2;
    cursor: pointer;
}

#header #search_listings.site-nav-search .site-search-submit:hover {
    background: #cfe0bd;
}

#header .site-nav-links {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 9px 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

#header .site-nav-link {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    padding: 5px 11px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
    text-decoration: none;
    font-size: 0.94rem;
    line-height: 1.2;
    font-weight: 700;
}

#header .site-nav-link:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff !important;
}

#header .site-nav-link.site-nav-link-account {
    background: #2a79c8;
    border-color: #2a79c8;
    color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(18, 68, 118, 0.45) inset;
}

#header .site-nav-link.site-nav-link-account:hover {
    background: #226bb5;
    border-color: #226bb5;
    color: #ffffff !important;
}

@media (max-width: 780px) {
    #header #search_listings.site-nav-search {
        width: 100%;
        justify-content: flex-start;
    }
    #header #search_listings.site-nav-search #search_terms {
        width: 100%;
        min-width: 0;
    }
}

.menuButton
{
	background-image:url('../images/menu.gif');
	border:1px solid #395119;
	color: white;
	float:left;
	font-size:12px;
	height:40px;
	line-height: 40px;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
	text-decoration: none;
	min-width:90px;
    padding-left: 5px;
    padding-right: 5px;
}

.menuButton:hover
{
	background-image: url('../images/menu-hover.gif');
	float:left;
}

.menuSpacer
{
	float:left;
	height:40px;
}

.myHeader
{
	float:left;
	margin-top:auto;
	margin-bottom:auto;
	width:800px;
}

.ascii_header 
{
	border:15px solid #CCC;
	margin-left:auto;
	margin-right:auto;
}

#ascii_textarea
{
	background-color:black;
	color:#8DC63F;
	font-size:10px;
	width:100%;
	overflow:auto;
}

#banners
{
	background:#CCCCCC none repeat scroll 0 0;
	border:5px solid #CCCCCC;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:auto;
}

.banner_link
{
	text-decoration: none;
	border: none;
}

.agreement:hover
{
	width: 10px;
}

.formNav
{
	float:left;
}

.loginNav
{
	float:left;
}

#loginJunk
{
	height:1em
	width:230px
}

#loginStuff
{
	width:229px;
}


/*************** TABS *****************/

.tab
{
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	width: 100px;
	float: left;
	color:#8DC63F;
	border-top:5px solid #555555;
	border-bottom:5px solid #555555;
	border-bottom-width: 5px;
	padding: 2px;
	margin-top:0;
	margin-right: 5px;
	margin-bottom: 0px;
}

.tab_block
{
	background-color:#e3e0cf;
	/* background-image:url(../images/binarybg.png); */
	background-position:right center;
	background-repeat:repeat-y;
	border:15px solid #CCCCCC;
	/* height:auto; */
	margin-bottom:17.5px;
	padding:10px;
	/* width:750px; */
}

.clear
{
	clear: both;
}

.tab_holder
{
	margin:0;
	padding:0;
	background-attachment:scroll;
	background-color:#555555;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	border-bottom-color:#8DC63F;
	color:white;
}

/**************/
.tab_block span
{
	float: left;  /*too general*/
	width: 10em;
}
.connectivity_block
{

}

/********** Label stuff *************/

legend
{
	color:#3C531C;
	font-size:16px;
}

.bigfield
{
	height:auto;
}

label
{
	float: left;
}

label span
{
	float: left;
}

.stdForm label
{
//	width: 13em;
}

.stdForm label span
{
	width: 15em;
}

fieldset
{
	height:auto;
}

footer a {
    margin-left: 10px;
    margin-right: 10px;
}

textarea
{
	border:1px solid #395119;
}

textarea:hover
{
	border:1px solid #3C531C;
}

#review
{
	width:432px;
}

.buttonDiv
{
	float:none;
	height:42px;
	margin-left:auto;
	margin-right:15px;
}

.add
{
	margin-left:175px;
}


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

.floating_right
{
	float: right;
}

.centerText
{
	text-align:center;
}

/************* content **************/
#theBody
{
	background-color:#555555;
}

.helpBlock 
{
	background-color:#E9F0DF;
	background-image:url(../images/binarybg.png);
	background-position:right top;
	background-repeat:repeat-y;
	border:15px solid #CCCCCC;
	font-size:85%;
	height:auto;
	padding:15px;
	width:285px;
}

.help
{
	margin-left:5px;
	cursor:pointer;
}

.formBlock 
{
	background-color:#E3E0CF;
	/* background-image:url(../images/binarybg.png); */
	background-position:right top;
	background-repeat:repeat-y;
	border:15px solid #CCCCCC;
	margin:5px auto 17.5px;
	padding:15px;
}

h1 {
 font-size: 1.9375rem;
}

/* h1, h2,h3,h4 */
/* { */
/*     color: black; */
/* } */

#submitForm
{
	float:left;
}

.detailsLabel
{
	color:#8DC63F;
	font-weight:bold;
}

.detailList
{
    font-weight: bold;
	float:left;
	width:95px;
}

.detailList2
{
	float:left
	width:100px;
}

#detailsDate
{
	font-weight: bold;
	float:left;
	width:10em;
	margin:0;
}

.detailsText
{
	float:none;
	text-align:justify;
}

.detailsHeader
{
    color: black;

}

.mssp_var {
    font-weight: bold;
}

.reviews-container
{
	background-color:#F0ECDA;
	border:5px solid #CCCCCC;
	/* float:right; */
	font-size:12px;
	height:auto;
	/* margin-bottom:5px; */
	/* margin-left:15px; */
	padding:5px;
	/*text-align:justify;*/
	/* width:200px; */
}
#gameInfo
{
	background-color:#F0ECDA;
	border:5px solid #CCCCCC;
	/* float:right; */
	font-size:12px;
	height:auto;
	/* margin-bottom:5px; */
	/* margin-left:15px; */
	padding:5px;
	/*text-align:justify;*/
	/* width:200px; */
}
.mssp-data span {
    float: left;
    width: 12em;
}

#gameInfo h3
{
    color: black;
}

#gameInfo .detailsLabel
{
    color: black;
}

.prev_next_buttons
{
	height:30px;
	width:100%;
	clear:both;
	display:block;
	margin-top:15px;
	overflow:visible;
	padding:5px 0 5px 0;
}

.prev
{
	width:50%;
	text-align:left;
	float:left;
	height:auto;
	display:block;
	overflow:visible;
	padding:5px 0 5px 0;
}

.next
{
	width:50%;
	text-align:right;
	float:left;
	height:auto;
	display:block;
	overflow:visible;
	padding:5px 0 5px 0;
}

.menuButton2 {
	background-image:url(../images/menu.gif);
	border:1px solid #395119;
	color:white;
	display:block;
	font-size:12px;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
	width:80px;
}

.menuButton2:hover
{
	background-image: url('../images/menu-hover.gif');
}

.floatRight
{
	float:right;
}

.floatLeft
{
	float:left;
}

.listing_table {
	width: 100%;
}

.listing_table th {
	background-color:#8DC63F;
	color:#FFF;
	/*font-size: 14px;*/
	padding: .1em .5em;
	text-align: center;
}

.listing_table td {
	padding: .1em 1em;
}

.numeric {
	text-align: right;
	width: 2em;
}

/*links to go to another page of results*/
.pagelinks
{
	text-align: center;
}

.pagelinks a 
{
	margin: 0 .3em;
}

form#jump label
{
	float: none;
	width: 4em;
}

#detailsBanner
{
	/* height:55px; */
}


.review-banner
{
	background:#CCCCCC none repeat scroll 0 0;
	border:5px solid #CCCCCC;
}
.bannerCrap
{
	background:#CCCCCC none repeat scroll 0 0;
	border:5px solid #CCCCCC;
	float:left;
}

.red {
	color:red;
}

/*********** My Listings Stuff **********/

.listing1 {
	width:auto;
	clear:both;
	display:block;
	position:relative;
	margin-bottom:10px;
}

.listing_wrap {
	width:auto;
	margin-bottom:25px;
	border:#0000ff;
}

.listing_name1 {
	width:60%;
	background-color:#8DC63F;
	color:#fff;
	font-size:14px;
	float:left;
	padding-left:5px;
	height:1.3em;
	margin-bottom:5px;
}

.listing_ID1 {
	width:5%;
	background-color:#8DC63F;
	color:#fff;
	font-size:14px;
	float:left;
	padding-left:5px;
	height:1.3em;
	margin-bottom:5px;
}

.listing_update1 {
	width:19%;
	background-color:#8DC63F;
	color:#fff;
	float:left;
	padding-left:5px;
	height:1.3em;
	margin-bottom:5px;
	font-size:14px;
}

.listingHeading
{
    color: black;
}

.listing_edit1 {
	width:11%;
	background-color:#8DC63F;
	color:#fff;
	font-size:14px;
	float:left;
	padding-left:5px;
	height:1.3em;
	margin-bottom:5px;
}

.listing_name {
	width:60%;
	color:#000;
	font-size:12px;
	float:left;
	padding-left:5px;
	margin-bottom:5px;
}

.listing_ID {
	width:5%;
	color:#000;
	font-size:12px;
	float:left;
	padding-left:5px;
	margin-bottom:5px;
}

.listing_update {
	width:19%;
	color:#000;
	float:left;
	padding-left:5px;
	font-size:12px;
	margin-bottom:5px;
}

.listing_edit {
	width:11%;
	color:#000;
	font-size:12px;
	float:left;
	padding-left:5px;
	margin-bottom:5px;
}

.error {
	font-size:15px;
	color:red;
}

#clientInfo
{
	text-align: justify;
}

.clientStuff
{
	float:left;
	height:60px;
	line-height:60px;
	padding-right:15px;
	text-align:center;
	width:100px;
}

.clientNameLink
{
	width:100px;
}

.clientHolder
{
	height:150px;
}

.errorDiv
{
	background-image:url(../images/iamerror.png);
	background-position:right center;
	background-repeat:repeat-y;
	color:#8DC63F;
	font-weight:bold;
	padding:0px;
	width:100%;
	display:none;
	height:auto;
}

.errorLogin
{
	color:#8DC63F;
	float:right;
	font-weight:bold;
	margin-right:0;
	margin-top:-16px;
	text-align:right;
}

#last_five
{
	background-color:#F0ECDA;
	border:5px solid #CCCCCC;
	/* float:right; */
	/* height:165px; */
	margin-bottom:10px;
	/* margin-left:10px; */
	/* padding:10px; */
	text-align:center;
	/* width:300px; */
}

#last_five a {
    color: black;
}

#last_five a:hover {
    color: grey;
}

#home_text
{
	text-align:justify;
}

.recent_listing_name
{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-top:5px;
}

.recent_listing_date
{
	float:right;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	margin-top:5px;
}

.recent_listing_holder
{
	height:auto;
	width:100%;
	margin-bottom:15px;
}

.recent_heading
{
	color:#606060;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

/* Don't really need these.


.recent_review_title
{
	float:right;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	margin-top:5px;
	text-align:left;
}

.recent_review_date
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	margin-top:5px;
	text-align:right;
}

.recent_review_holder
{
	float:left;
	height:auto;
	width:100%;
}

*/

.listing_holder
{
	height:auto;
	width:100%;
	margin-top:5px;
	text-align:center;
}

.more_reviews_title
{
	float:left;
	height:auto;
	padding:2px 0 2px 0;
	text-align:left;
	color:white;
	background:#8DC63F;
	font-weight:bold;
}

.more_reviews_listing
{
	float:left;
	height:auto;
	padding:3px 0 3px 0;
	text-align:left;
}

.more_recent_listings
{
	height:auto;
	padding:3px 10px 5px 10px;
	text-align:left;
}

/************ view_details: reviews ************/
/* changed this to use a table--css can be simplified now */
.review_info
{
	font-weight:bold;
}

.reviewBody
{
	text-align:justify;
}

#reviewBody
{
	margin-top:15px;
}

#reviewWrap
{
	height:auto;
	margin:0;
	width:100%;
	clear:both;
}

.t_1
{
	background-color: #8DC63F;
	padding:3px 0 3px 0;
	vertical-align:middle;
	color:white;
	font-weight: bold;
	width:40%;
	float:left;
}

.t_2
{
	background-color: #8DC63F;
	padding:3px 0 3px 0;
	vertical-align:middle;
	color:white;
	font-weight: bold;
	width:25%;
	float:left;
}

.t_3
{
	background-color: #8DC63F;
	padding:3px 0 3px 0;
	vertical-align:middle;
	color:white;
	font-weight: bold;
	width:18%;
	float:left;
}

.t_4
{
	background-color: #8DC63F;
	padding:3px 0 3px 0;
	vertical-align:middle;
	color:white;
	font-weight: bold;
	width:13%;
	float:left;
}

.d_1
{
	padding-bottom:3px;
	width:40%;
	float:left;
}

.d_2
{
	padding-bottom:3px;
	width:25%;
	float:left;
}

.d_3
{
	padding-bottom:3px;
	width:18%;
	float:left;
	text-align:center;
}

.d_4
{
	padding-bottom:3px;
	width:13%;
	float:left;
	text-align:center;
}

.reviewTitle
{
	/*width:100%;*/
	height:1em;
	background-color: #8DC63F;
	padding-bottom:3px;
	font-weight: bold;
}
/*
.reviewHolder
{
	width:100%;
	height:1em;
}
*/
.reviewLink
{
	width:35%;
	/*float:left;
	height:1em;*/
}

.reviewBy
{
	width:25%;
	/*float:left;
	height:1em;*/
}

.reviewDate
{
	width:20%;
	/*float:left;
	height:1em;*/
}

.reviewRated
{
	width:15%;
	/*float:left;
	height:1em;*/
}

#reviewSubmitLink
{
	margin-top:50px;
}

/**************** advanced search ******************/
.a
{
	/* width:240px; */
	/* height:125px; */
	/* float:left; */
}

.b
{
	/* width:240px; */
	/* height:125px; */
	/* float:left; */
}

#searchHolder
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#searchTerms
{
	/* background-color:#CCCCCC; */
	/* height:48px; */
	/* margin:15px auto auto; */
	/* width:477px; */
}

.searchForm label
{
	background-color:#95C257;
	border:1px solid #395119;
	color:#FFFFFF;
	font-weight:bold;
	line-height:2em;
	margin:0 0 0 8px;
	padding:0 98px 0 0;
}

.searchForm select
{
	/* width:233px; */
    height: 8rem;
	margin:0 0 0 8px;
}

/********** footer ***********/
#footer
{
	padding:14px 16px;
	text-align:center;
	background: linear-gradient(180deg, #eef5e7 0%, #e4edd8 100%);
	border: 10px solid #cfcfcf;
	font-size:1rem;
}

#footer a
{
	text-decoration: none;
}

#footer .footer-grid {
	row-gap: 10px;
}

#footer .footer-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

#footer .footer-links a {
	margin: 0;
	padding: 6px 11px;
	border: 1px solid #c9d3bf;
	border-radius: 999px;
	background: #f7fbf2;
	color: #2f3a23;
	font-weight: 600;
	line-height: 1.25;
	font-size: 0.98rem;
}

#footer .footer-links a:hover {
	background: #edf5e4;
}

#footer .footer-branding {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #3d4b2f;
}

#footer .footer-home-link {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-weight: 700;
	font-size: 1.06rem;
}

#footer .footer-copy {
	opacity: 0.9;
	font-size: 0.97rem;
}

@media (max-width: 640px) {
	#footer {
		padding: 12px;
		border-width: 8px;
	}
	#footer .footer-links {
		gap: 6px;
	}
	#footer .footer-links a {
		font-size: 0.92rem;
		padding: 5px 10px;
	}
}