@charset "utf-8";
/* Global Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1.5;}
ol li, ul li {list-style: none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}

/* Clearfix */
.clearfix:after {content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Elastislide Style */
.es-carousel-wrapper{background: #ccc; padding:10px 37px; border: 3px solid #aaa; position:relative;}
.es-carousel{overflow:hidden; padding: 0 10px 0 0;}
.es-carousel ul{display:none;}
.es-carousel ul li{float:left; display:block;}
.es-carousel ul li a {background: #333;}
.es-carousel ul li a img{border:none; max-height:100%; max-width:100%;}
.es-nav span{position:absolute; top:50%; left:12px; background:transparent url(../images/nav.png) no-repeat top left; width:14px; height:26px; margin-top:-13px; text-indent:-9000px; cursor:pointer; opacity:0.8;}
.es-nav span.es-nav-next{right:12px; left:auto; background-position:top right;}
.es-nav span:hover{opacity:1.0;}

/* Globals */
html, body {width: 100%;}

/* Containers */
.allC {width: 100%;}
.container {width: 870px; margin: 0 auto;}
.container-options {width: 700px; margin: 0 auto;}
.selection-title {width: 100%; margin: 10px 0 0 0;}
	.selection-title h2 {font: bold 25px/40px Arial, Helvetica; color: #333;}
	
/* Options */
.select-new-issue {width: 175px;}
	.select-new-issue a.select-new-issue-link {display: block; padding: 10px 10px 10px 18px; font: bold 16px/20px Arial, Helvetica; background: url(../images/back-triangle.png) no-repeat 0 15px; color: #333; text-decoration: none;}
	.select-new-issue a.select-new-issue-link:hover {text-decoration: underline;}
.game-issue {display: block; margin: 20px 0 0 0; width: 100%;}
	.game-issue div {display: block; float: left;}
	.game-issue .game-thumb {width: 50px; height: 50px; background: #666;}
		.game-issue .game-thumb img {width: 50px; height: 50px;}
	.game-title-issueC {width: 640px; margin: 0 0 0 10px;}
		.game-issue .game-title {display: block; float: none; width: 640px; font: bold 24px/26px Arial, Helvetica; color: #333;}
		.game-issue .game-subtype {display: block; float: none; width: 640px; font: normal 18px/24px Arial, Helvetica; color: #555;}
.article-suggest {display: block; margin: 20px 0 0 0; width: 100%;}
	.article-suggest .heading {font: normal 18px/24px Arial, Helvetica; color: #555;}
	.article-fullC {margin: 5px 0 0 0;}
		.article-link {display: block; padding: 10px; background: #333; text-decoration: none;}
		.article-link:hover {background: #666;}
			.article-link span {display: block;}
			.article-title {display: block; font: bold 24px/28px Arial, Helvetica; color: #fff;}
			.article-body {font: 14px/18px Arial, Helvetica; color: #fff; margin: 10px 0 0 0;}
			.article-read-more {font: 16px/18px Arial, Helvetica; color: #fff; text-decoration: underline; float: right; margin: 10px 0 0 0;}
.contact-options {display: block; margin: 20px 0 0 0; width: 100%;}
	.contact-options .heading {font: normal 18px/24px Arial, Helvetica; color: #555;}
	.contact-options #options-select-list {margin: 5px 0 0 0;}
		.contact-options #options-select-list h3 span {float: right; font: normal 14px/28px Arial, Helvetica;}
#options-select-list div p {margin: 0 0 10px 0; font: normal 16px/22px Arial, Helvetica; color: #333;}

/* Console Select */
.console-select, .game-select {margin: 0 5px;}
.console-select li, .game-select li {float:left; display:block; margin: 0 20px 0 0;}
	.console-select li {height: 170px;}
	.game-select li {height: 200px;}
.console-select li a, .game-select li a {position: relative; display: block; width: 140px; height: 140px; margin: 0 -11px 0 0; background: #eee; border: 5px solid #d6d6d6;  text-decoration: none;}
.console-select li a span, .game-select li a span {position: absolute; top: 150px; width: 140px; text-align: center; display: block; font: 12px Arial; color: #333; text-decoration: none;}

/* Overlays */
.ui-widget-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.ui-accordion .ui-accordion-header { display: block !important; cursor: pointer !important; position: relative !important; margin: 2px 0 !important; padding: .5em .5em .5em .7em !important; zoom: 1 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important;}
.ui-accordion .ui-accordion-icons { padding-left: 15px !important;}
.ui-accordion .ui-accordion-noicons { padding-left: .7em !important; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em !important; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {display: none !important; position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: hidden !important; zoom: 1; border-radius: 0 !important; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important;}
.ui-icon {display: none !important;}

/* Component containers */
.ui-widget { font-family: Arial, Helvetica, sans-serif !important; font-size: 1.1em !important; }
.ui-widget .ui-widget { font-size: 1em !important; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif !important; font-size: 1em !important; }
.ui-widget-content {background: #fff !important; color: #333333 !important; border: 0 !important;}
.ui-widget-content a {background: #fff ; color: #333333 ; text-decoration: none !important;}
.ui-widget-content p a {font-weight: bold !important;}
.ui-widget-content a:hover {text-decoration: underline !important;}
.ui-widget-header {border: 0 !important; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important; color: #ffffff !important; font-weight: bold !important; }
.ui-widget-header a {color: #ffffff !important; }

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0 !important; background: #eee !important; background-image: none !important; font-weight: bold !important; color: #666 !important; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {border: 0 !important;  color: #1c94c4 !important; text-decoration: none !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 0 !important; background: #666 !important; font-weight: bold !important; color: #fff !important; }
.ui-state-hover a, .ui-state-hover a:hover {border: 0 !important;  color: #c77405 !important; text-decoration: none !important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 0 !important; background: #666 !important; font-weight: bold !important; color: #fff !important;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {border: 0 !important; color: #eb8f00 !important; text-decoration: none !important; }

/* Forms */
.form-container {width: 500px;}

.form-header {display: block; font: normal 22px/28px Arial, Helvetica; color: #333}

.form-label-input {display: block; font: bold 16px/20px Arial, Helvetica; color: #333; margin: 15px 0 0 0;}
.form-label-checkbox {display: inline; font: bold 12px/15px Arial, Helvetica; color: #333;}

.input-checkbox-container {width: 100%; max-width: 500px; margin: 15px 0 0 0;}

.input-text {width: 500px; background: #eee; border: #666 solid 2px; padding: 10px; font: normal 14px/18px Arial, Helvetica; color: #333;}
.input-text:hover {background: #ddd;}
.input-text:focus {background: #666; color: #fff; outline: none;}

.input-textarea-short {width: 500px; background: #eee; border: #666 solid 2px; padding: 10px; font: normal 14px/18px Arial, Helvetica; color: #333; height: 36px;}
.input-textarea-short:hover {background: #ddd;}
.input-textarea-short:focus {background: #666; color: #fff; outline: none;}

.input-textarea-long {width: 500px; background: #eee; border: #666 solid 2px; padding: 10px; font: normal 14px/18px Arial, Helvetica; color: #333; height: 90px;}
.input-textarea-long:hover {background: #ddd;}
.input-textarea-long:focus {background: #666; color: #fff; outline: none;}

/* E-mail Confirmation */
.submission-complete {width: 700px;}
	.submission-complete-header {font: normal 56px/56px Arial, Helvetica; color: #333; margin: 0 0 20px 0;}
	.submission-complete-case {font: normal 20px/22px Arial, Helvetica; color: #666; margin: 0 0 60px 0;}
	.submission-complete-link {padding: 10px 20px; font: 16px/22px Arial, Helvetica; text-decoration: none; color: #fff; background: #333;}