/* (c) Base Media. All Rights Reserved. */
/* Media: All */

/* --- Begin Standard Elements --- */
* {
	margin: 0;
	padding: 0;
}
body {
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	background: #f2f2f2;
	color: #000;
	line-height: 1.3em;
	font-family: 'Arial Unicode MS', 'Helvetica World', Arial, Helvetica, sans-serif;
}
p {
	margin: 0 0 0.5em 0;
}
pre {
	margin: 0 5px 5px 0;
	font-family: 'Arial Monospaced', 'Helvetica Monospaced', 'OCR A Extended', 'Lucida Console', monospace;
}
acronym, abbr {
	cursor: help;
}
kbd, code {
	font-weight: bold;
	font-size: 1.3em;
}
a, a:link {
	color: #0000ff;
	background-color: transparent;
}
a:visited {
	color: #663399;
	background: transparent;
}
a:focus, a:hover {
	color: #ff0000;
	background: transparent;
}
a:active {
	color: #663399;
	background: transparent;
}
img, img a {
	border: 0;
}
h1 {
	font-size: 2em;
	font-variant: small-caps;
	font-weight: bold;
	color: #004488;
	background: transparent;
	margin: 5px 0 5px 0;
}
h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #004488;
	background: transparent;
}
h3 {
	font-size: 1.2em;
}
ul, ol {
	margin-left: 2em;
	margin-bottom: 1em;
}
a#skip {
	position: absolute;
	color: #636363;
	background: transparent;
	left: -1000em;
	font-size: 1px;
}
/* --- End Standard Elements --- */

/* --- Begin Header --- */
#header {
	height: 85px;
	color: #000;
	background: #464646 url(../_images/bg_header.gif) repeat-x;
}
#logo {
	position: relative;
	z-index: 1;
}
#adbanner {
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
	font-size: 0.8em;
	color: #fff;
	background: transparent;
	z-index: 0;
	width: 468px;
}
#adbanner a {
	color: #fff;
	background: transparent;
}
#printlogo {
	display: none;
}
/* --- End Header --- */

/* ---Begin Left Content --- */
#leftcontent {
	border: 0;
	width: 150px;
	position: absolute;
	top: 100px;
	left: 0;
	clear: both;
	padding: 0 0 1.0em 0;
	margin-left: 0;
	bottom: 40px;
	z-index: 3;
	font-size: 0.9em;
	color: #353d51;
	background: transparent;
	font-family: Verdana, Tahoma, 'Lucida Grande', 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
}
#leftcontent form, #leftcontent p, #leftcontent h5 {
	margin: 0 5px;
}
#leftcontent form {
	margin-bottom: 1em;
}
#leftcontent input[type=submit] {
	border: 1px solid #3e4a64;
	background: #3e4a64 url(../_images/bg_topnav.gif) top left repeat-x;
	color: #fff;
	margin: 0;
	padding: 1px 1px 2px 1px;
	text-transform: uppercase;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#leftcontent h5 {
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #353d51;
	border-bottom: 1px solid #ddd;
	margin: 0 5px;
	font-size: 1.1em;
}
.hidden {
	display: none;
	position: absolute;
	left: -999em;
}
.ads {
	text-align: center;
}
.ads table, .ads div, .ads iframe {
	margin: 1em auto 0 auto;
}
#centercontent div.ads table { /* for eBay ad on homepage */
	margin: 0 auto;
}
#poweredby {
	font-size: 0.8em;
}

/* --- Begin Left Navigation Formatting --- */
#leftcontent ul {
	padding: 0;
	list-style-type: none;
	margin: 0 0 1em 0;
	line-height: 1em;
}
#leftcontent ul li {
	padding: 0;
	display: inline;
	margin: 0;
}
#leftcontent ul li a {
	padding: 5px 7px 5px 7px;
	display: block;
	text-decoration: none;
	color: #353d51;
	background-color: #f2f2f2;
}
#leftcontent ul li a:focus, #leftcontent ul li a:hover, #leftcontent ul li a:active {
	color: #353d51;
	background: #f9f9f9;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu1, .show-menu2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input#show-menu1, input#show-menu2{
    display: none;
}

/* --- End Left Navigation Formatting --- */
/* --- End Left Content --- */

/* --- Begin Center Content --- */
#breadcrumb {
	border-bottom: #99ccff 1px dashed;
	padding: 3px 5px 4px 0;
	text-transform: uppercase;
	color: #004488;
	font-size: 0.85em;
	margin: 0 0 20px 0;
}
#breadcrumb li {
	display: inline;
	margin-left: 5px;
}
#breadcrumb li:after {
	content: ' >';
}
#breadcrumb li:last-child:after {
	content: '';
}
#breadcrumb a {
	text-decoration: none;
	font-weight: bold;
	color: #004488;
	margin-right: 3px;
}
#breadcrumb a:hover {
	text-decoration: underline;
	color: #004488;
}
#centercontent {
	color: #000;
	background-color: #fff;
	margin: 0 150px 0 150px;
	padding: 5px 7px 0 7px;
	min-height: 880px; /*spacing to encompass ads on left panel*/
	height: auto;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

/* ---------------------------------------------- Forms ------------------------------------------------- */
form {
	
}
fieldset {
	padding: 5px 5px 0 5px;
}
legend {
	font-size: 1.2em;
}
select {
	color: #333;
}
.formgroup {
	text-align: center;
	margin-bottom: 10px;
}
.formlabel, .forminput {
	float: left;
	text-align: left;
	min-height: 1.2em;
}
.formlabel {
	font-weight: bold;
	width: 30%;
	padding-right: 8%; /* 8% padding-right on formlabel, but no padding-left on forminput. This is to prevent IE from pushing the form field out of place when the capslock alert appears and has an alpha filter on it (this combination causes the bug) */
}
.forminput {
	width: 60%;
}
.forminput input, .forminput select, .forminput textarea {
	width: 92%;	
}
.forminput select {
	padding:0 0 0 6px;
	border:1px solid #aaa;
	border-radius:5px;
	background-color:#fff;
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
	background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
	background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 auto);
	background:linear-gradient(to top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
}
/* apply nicer styles to fields, but only to text inputs that are direct children of .forminput (i.e. not the ones added by the "Chosen" jQuery plugin) */
.forminput textarea, .forminput select[multiple=multiple], .forminput > input[type=text], .forminput > input[type=email], .forminput input[type=password], .forminput > input[type=month], .forminput > input[type=number], .forminput > input[type=tel], .forminput > input[type=url], .forminput > input[type=website], .forminput > input[type=week], .forminput > input[type=color], .forminput > input[type=date] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:1px 0;
	padding:4px 5px 4px 5px;
	outline:0;
	border:1px solid #aaa;
	background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
	background:-webkit-linear-gradient(#eee 1%,#fff 15%);
	background:-moz-linear-gradient(#eee 1%,#fff 15%);
	background:-o-linear-gradient(#eee 1%,#fff 15%);
	background:linear-gradient(#eee 1%,#fff 15%);
}

.dp select {
	width: auto;
}
.dp label {
	display: none;
	position: absolute;
	left: -1000em;
}
.checklist, .selectall {
	margin: 0;
	padding: 0;
	list-style: none;
}
.checklist li {
	margin-bottom: 5px;
}
.checklist li input {
	width: auto;
}
.checklist li ul li {
	list-style: none;
}
.checklistinline li {
	display: inline;
	margin-right: 15px;
}
.selectall {
	margin-bottom: 7px;
}
.selectall li {
	display: inline;
}
.selectall li.first {
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #999;
}
.checklistheading {
	font-weight: bold;
}
.checklistheading li {
	font-weight: normal;
}
label {
	cursor: default;
}

/* for div class=hidden --> needed for hidden fields as xhtml strict requires inputs to be encased in a div, p, etc*/
.hidden {
	display: none;
	position: absolute;
	left: -1000em;
}

textarea {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}

.requiredmarker {
	display: block;
	color: #999;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.8em;
}

.correctiontext {
	color: #009933;
	font-weight: bold;
	padding-left: 22px;
	background: transparent url(../_images/accept.png) no-repeat left center;
	font-size: 0.8em;
	display: block;
}
.warning {
	color: #ff0000;
	background-image: url(../_images/exclamation.png);
}
#callout {	
	background-color: #ffffcc;
	background-repeat: no-repeat;
	background-position: 5px 4px;
	border: 1px solid #cc9933;
	margin-left: 6px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	position: absolute;
	width: 13em;
	font-weight: bold;
	z-index: 1;
	font-size: 0.9em;
}
#callout #calloutarrow {
	position: absolute;
	width: 19px;
	height: 10px;
	left: 0;
	margin-top: -10px;
	background: url(../_images/hint.gif) left top no-repeat;
	top: 0;
}
.alert {
	background-image: url(../_images/error.png);
	padding-left: 24px;
}
.help {
	padding-left: 3px;
}
.counter, .strengthchecker {
	font-size: 0.8em;
	margin-bottom: 0;
}
.strengthchecker {
	padding: 3px;
	font-size: 0.8em;
	width: 180px;
}
.overlimit {
	color: #ff0000;
}
.meterempty {
	height: 5px;
	width: 100%;
	background-color: #ff0000;
}
.meterfull {
	z-index: 100;
	height: 5px;
	width: 0;
	background-color: #009933;
}
.indicatortext {
	font-size: 0.8em;
}
.showhidepassword {
	width: 92%;
}
.showhidepassword a {
	float: right;
	cursor: pointer;
	color: #666;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}
.buttons {
	text-align: center;
}
.ui-datepicker-trigger {
	margin: 0 0 -3px 3px;
	cursor: pointer;
}

/* ---------------------------------------- Feedback Messages ------------------------------------------- */

#error, #success {
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px 27px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0.4em 0.6em;
}
#success {
	color: #009900;
	border: 1px solid #009900;
	background-image: url(../_images/accept.png);
}
#error {
	color: #ee0000;
	border: 1px solid #ee0000;
	background-image: url(../_images/exclamation.png);
}
#error p, #success p {
	padding-bottom: 0;
}


/* --- Begin Page-Specific Elements --- */
#welcome {
	border: 1px solid #72cf8a;
	background-color: #f3fdf1;
	padding: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.gameinfotable {
	margin: 0 auto;
}
.gameinfotable td {
	vertical-align: top;
}
.gameinfotableleftcolumnwidthwise, .gameinfotableleftcolumnlengthwise {
	font-weight: bold;
}
.heading4 {
	font-weight: bold;
}

/* itemslist - part of new styles, may change in future - items may be displayed in table */
.itemslist {
	list-style: none;
	margin-left: 0;
	line-height: 1.5em;
}

/* cheattable and credits - part of new styles */
.cheattable, .credits {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.cheattable td, .cheattable th, .credits td, .credits th {
	border: 1px solid #e0e0e0;
	padding: 5px;
	text-align: left;
}
.cheattable th, .credits th {
	color: #fff;
	background: #3e4a64 url(../_images/bg_topnav.gif) top left repeat-x;
}
.even td {
	background-color: #f2f2f2;
}
.buttoncommand {
	font-weight: bold;
}

/* codesgrid - part of new styles for cheats */
.codesgrid {
	border-collapse: collapse;
	margin-bottom: 1em;
}
.codesgrid td, .cheattable .codesgrid td, .codesgrid th, .cheattable .codesgrid th {
	padding: 2px;
	text-align: center;
	min-width: 20px;
}
.codesgrid td, .cheattable .codesgrid td {
	border: 1px solid #e0e0e0;
	background-color: #fff;
}
.cheattable .codesgrid th {
	border: none;
	background: transparent none;
	color: #000;
}

/* larger - part of new styles for cheats */
.larger {
	font-size: larger;
}

/* published strategy guides list */
#psglist {
	list-style: none;
	margin: 0;
	padding: 0;
}
#psglist li {
	padding: 5px 5px 5px 0;
}
#psglist li.psglistimg {
	padding: 5px 5px 5px 75px;
	display: block;
	height: 75px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
}
#psglist li span {
	display: block;
	margin-top: 5px;
}

/* new styles for credits */
.pseudonym {
	color: #777;
	font-size: 0.8em;
	display: block;
}
.uncredited {
	color: #888;
}

/* --- End Page-Specific Elements --- */

/* --- End Center Content --- */

/* --- Begin Right Content --- */
#rightcontent {
	right: 0;
	width: 150px;
	position: absolute;
	top: 100px;
	bottom: 40px;
	padding-top: 8px;
	text-align: center;
}
/* --- End Right Content --- */

/* --- Begin Base --- */
#base {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px solid #e0e0e0;
	text-align: center;
	font-size: 0.8em;
	padding: 5px;
	color: #000;
	background: #f2f2f2 url(../_images/bg_page.gif);
	font-family: Verdana, Tahoma, 'Lucida Grande', 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
}
#base img {
	margin: 5px 3px 5px 3px;
}
#base a {
	color: #000;
	background: transparent;
	text-decoration: underline;
}
#base a:focus, #base a:hover, #base a:active {
	text-decoration: none;
}
#baseleft {
	padding: 0 8px 0 5px;
	border-right: 1px solid #999;
	float: left;
}
#baseright {
	margin-left: 105px;
	padding: 0 5px 0 5px;
	text-align: left;
	vertical-align: top;
}
#baseright p {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.baselinks {
	list-style: none;
	padding: 2px 0 3px 0;
}
.baselinks li {
	border-right: 1px solid #000;
	padding: 0 5px 1px 1px;
	display: inline;
}
.baselinks li.baselinkimage, .baselinks li#baselinklast {
	border-right: 0;
	padding-right: 0;
}
/* --- End Base --- */

/* Clear Floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: block;
}

/* band pass filter for IE5 Mac Only */

/*\*//*/
.clearfix {
	display: inline-block;
}
/**/