/* Outer Layout and Structure */
* {margin: 0;}
html, body {height: 100%;}
html {font-size:62.5%;}
body {font-size:1.2em;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;color:#333;background:#fff url(/images/page_bg_white.gif);background-repeat:repeat-x;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -31px;float:left;position:relative;width:100%;}
.stage {margin-left:auto;margin-right:auto;	width:960px;}
.header {float:left; width:960px;}
.logo {float:left;margin-top:5px;}

/* Footer */
.push {height: 30px;float:left;position:relative;clear:both;}
.footer {height: 30px;float:left;position:relative;clear:both;width:100%;border-top:1px dashed #fff;background-color:#ff0000;}
.innerfooter {margin-left:auto; margin-right:auto; width:960px; margin-top:5px;}
.copyright img {float:left;}
.copyright p {float:left; margin-top:5px;}
.copyright a {color:#FFFF00;}
.footer .credit a {text-decoration:none; color:#CC3300;}
h3 {font-size:1.4em; color:#ff3300; margin-top:20px;}

/* Basic Styles */
a {color:#ff3300; text-decoration:underline;}
a:hover {text-decoration:none;}
a.altlink {color:#ffff00!important;}
.gloss44 {position:absolute; top:0; left:0; width:44px; height:44px; background:transparent url(/images/44gloss.png); background-repeat:no-repeat; background-position:top left;}
.gloss57 {position:absolute; top:0; left:0; width:57px; height:57px; background:transparent url(/images/57gloss.png); background-repeat:no-repeat; background-position:top left;}

/* Top Navigation */
.navigation {width:775px; float:right; margin-top:17px;}
.navigation ul{float:left;}
.navigation ul li {float:left; background-image:url(/images/nav_sep.gif); background-posiiton:left; background-repeat:no-repeat; height:50px; position:relative;}
.navigation ul li a.navlink {color:#fff; text-decoration:none; text-transform:uppercase; padding:0 20px 4px 20px; float:left; position:relative; top:25px;}
.navigation ul li a.navlink:hover {color:#ff3300;}
.navigation ul li.on a.navlink {border-bottom:5px solid #ff3300;}
.navigation ul li.on a.navlink:hover {color:#fff;}

.navalert {position:absolute;top:0px;right:1px;font-size:.8em;border-left:1px solid #666;border-bottom:1px solid #666;}
.navalert a {color:#ff3300; text-decoration:none; padding:2px 5px 2px 5px; display:block;}
.navalert a:hover {color:#fff;}

.search {background-image:url(/images/nav_sep.gif); background-posiiton:left; background-repeat:no-repeat; height:50px; float:left; padding-left:10px;}
.searchbox {border:1px solid #000; background-image:url(/images/searchbg.gif); background-position:right; padding:3px 20px 3px 5px; width:165px; margin-top:12px; color:#666; font-style:italic; float:left; display:inline;}

/* Side Navigation */
.linklist {margin-bottom:10px; border-top:1px dotted #494949; float:left; width:100%; clear:left;}
.linklist li {padding:0 margin:0; float:left; width:100%; clear:left;}
.linklist a {display:block;border-bottom:1px dotted #494949;width:100%;padding:3px 0;float:left;text-decoration:none; text-transform:uppercase; margin:0;}
.linklist a:hover {color:#666;}
.linklist a.on {color:#000;}

/* Content and Structure */
.content {float:left; width:960px; clear:both; margin-top:25px; margin-bottom:10px;}
.content .left {float:left; width:700px;}
.content .right {float:right; width:240px;}

/*Generic Feature Boxes*/
.feature {float:left;width:240px;margin-bottom:10px;clear:both;}
.feature h3 {float:left; background:url(/images/feature_header.gif);background-repeat:no-repeat;background-position:top left;padding:5px 10px;border-bottom:1px solid #666;text-transform:uppercase;width:220px; color:#fff; font-size:1.0em; margin-top:0;}
.feature h3 a {float:left;}
.feature .featuresublink {float:right; display:inline; text-transform:none; border-left:1px solid #666; padding-left:5px;}
.feature .innerfeature {border-left:1px solid #666;border-right:1px solid #666;border-bottom:1px solid #666;float:left;display:inline;width:218px;padding:10px;}

/*Feature Box Overrides*/
	/*Login*/
	.feature .login {}
	.feature .login input {margin-bottom:5px;}
	.feature .login .fakebutton {float:left;}
	
	
	/*Game List*/
	.gamefeature .innerfeature {background-color:#000; line-height:1.1em;}
	.feature .gamelist {width:218px; flaot:left; position:relative; background-color:#000000!important;}
	.feature .gamelist .game {float:left; position:relative; width:208px; background-color:#333333; padding:5px; border-bottom:1px dotted #666;}
	.feature .gamelist .game .image {float:left; position:relative; width:44px; height:44px;}
	.feature .gamelist .game .description {float:right; width:139px; padding-right:20px;}
	
	/* Mini Profile */
	.miniprofile .innerfeature {background-color:#333; font-size:.8em;}
	.miniprofile .miniprofilecontent {float:left; width:218px; position:relative;}
	.miniprofile .image {float:left; width:57px;}
	.miniprofile .description {float:right; width:149px; text-transform:uppercase; color:#666;}
	.miniprofile .score {color:#fff; font-size:2.2em;}
	.miniprofile .rank {color:#fff; font-size:1.2em;}
	.miniprofile p {margin-bottom:3px;}

/*Page Specific Styles*/
	/* Home */
	.introcopy h1 {font-size:3em; font-weight:normal; margin-bottom:20px;}
	.introcopy h1 span {display:block; color:#ff3300; font-size:.5em;}
	.introcopy h2 {font-weight:normal; font-size:1.6em; line-height:1.2em;}
	.introcopy h2 strong {background-color:#ffcc00; padding:0 5px; font-weight:normal; color:#333;}
	.introcopy {margin-bottom:40px; margin-top:20px;}
	
	.definition {width:100%;float:left;font-size:1.2em;border-top:1px dashed white;margin-top:30px;padding-top:30px;display:inline;margin-bottom:30px;}
	.definition strong {color:#ed1d25;font-weight:normal;}
	.definition em {color:#ffcc00!important;}
	
	/* Tabs and their content */
	.tabimagetext {float:left; width:645px; background-color:#333; padding:5px; position:relative; border-bottom:1px dotted #666;}
	.tabimagetext .image {float:left; width:57px; position:relative;}
	.tabimagetext .textcontainer {float:right; width:580px;}
	.double .textcontainer {float:right; width:520px;}
	.tabimagetext .textcontainer p{margin-bottom:10px; line-height:1.2em;}
	.tabimagetext .textcontainer em{color:#666;}
	.tabimagetext .textcontainer .text {float:left; width:470px;}
	.double .textcontainer .text {float:left; width:410px;}
	.tabimagetext .textcontainer .text a {color:#ff3300;}
	.tabimagetext .textcontainer .right {float:right; width:100px; position:relative;}
	.tabimagetext .textcontainer .right .image {float:right;}
	.smackpost .textcontainer {width:576px; background:url(/images/smack_leader.gif); background-repeat:no-repeat; background-position:top left; padding-left:11px; display:block;}
	.smackform {border:0; width:440px; height:55px; padding:10px; min-width:440px; max-width:440px; max-height:55px; min-height:55px;}
	.tabimagetext .sfakebutton {float:left; display:block; width:80px;}
	.tabimagetext .ssfakebutton {float:left; display:block; width:30px; margin-top:1px;}
	.buttonbar {float:left; margin-bottom:10px; width:645px;}
	

	/* Gamer, Game and Publisher Profiles */
	.profile{width:700px; float:left;}
	.profile h1 {font-size:2em; text-transform:uppercase;font-weight:normal; margin-bottom:5px;}
	.profile p {margin-bottom:10px; line-height:1.2em;}
	.profile strong {color:#666;}
	.profile .image {float:left; width:180px;}
	.profile .image img {background:#fff; padding:10px;}
	.profilecontentwrapper {width:500px; float:right;}
	.profilecontent {width:360px; float:left;}
	.profilebuttons {float:right; width:120px;}
	.profilebuttons .fakebutton {float:left;width:96px;}
	.profile .scorelabel {text-transform:uppercase; color:#666; display:block;}
	.profile .score {color:#333; font-size:2.2em;}
	.profile .ranklabel {text-transform:uppercase; color:#666; display:block;}
	.profile .rank {color:#333; font-size:2.2em;}
	.profilecolumns {width:360px; float:left; margin-bottom:10px;}
	.profile .profileleft {float:left; width:150px; padding:10px; border:1px solid #666;}
	.profile .profileright {float:right; width:150px; padding:10px; border:1px solid #666;}
	.profilecolumns .selected {background-color:red;}
	.noborder {border:none!important; padding:0!important; width:170px!important;}
	
	.analytics {width:670; float:left; margin-bottom:10px;}
	.analytics .profileleft {float:left; width:150px; padding:10px; border:1px solid #666; min-height:75px;margin-bottom:10px; margin-left:2px; cursor:pointer; }
	.analytics .selected {background-color:#ff0000; color:#ffffff;}
	.analytics .scorelabel {text-transform:uppercase; color:#666; display:block;}
	.analytics .score {color:#333; font-size:2.2em;}
	
	.analytics .selected .scorelabel {text-transform:uppercase; color:#fff; display:block;}
	.analytics .score {color:#333; font-size:2.2em;}
	.charttitle {font-size:2em; clear:both; display:block; padding:10px 0 10px 20px;}
	
	#chartFreq {float:left;width:696px; padding:10px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
	#chartFreq li {display:block; float:left; border-right:1px solid #ccc; padding:5px 10px; cursor:pointer;}
	#chartFreq li.selected {background-color:#ff0000; color:#fff; cursor:pointer;}



/*Reference and Large content blocks*/
.contentsection h3 {font-size:2em;color:#ff3300;font-weight:normal; margin:20px 0;}
.contentblock {float:left; width:660px; padding:20px; background-color:#333; line-height:1.2em; margin-bottom:20px;}
.contentblock p {margin:20px 0;}
.contentblock strong {background-color:#000; padding:0 3px;}
.contentblock h1 {font-size:2em; font-weight:normal; color:#ffff00;}
.screencaplink img {padding:10px; margin:10px; border:1px solid #666;}


/* Forms/Buttons */
#password-clear {display: none;}
.medinput {font-size:1.2em; width:208px; border:none; background:#666; padding:5px; color:#fff; }
a.fakebutton {padding:8px 12px; background-color:#ff3300; color:#fff; margin:0 5px 5px 0; text-decoration:none; font-size:1.2em; text-align:center;} /*Large Buttons*/
a.fakebutton:hover {background-color:#333; color:#666;}
a.sfakebutton {padding:4px 6px; background-color:#ff3300; color:#fff; margin:0 5px 5px 0; text-decoration:none; font-size:1em; text-align:center;} /*Small Buttons*/
a.sfakebutton:hover {background-color:#fff; color:#666;}
a.ssfakebutton {padding:4px 3px; background-color:#ff3300; color:#fff; margin:0 5px 5px 0; text-decoration:none; font-size:1em; text-align:center;} /*Super-Small Buttons*/
a.ssfakebutton:hover {background-color:#fff; color:#666;}
a.block {display:block;}

fieldset {border:1px solid #666;padding:20px;margin-top:20px;float:left;width:650px;}
fieldset label {width:150px; text-align:right; display:block; float:left; margin-right:10px;}
fieldset ol {float:left; width:440px; clear:left;}
fieldset li {float:left; width:435px; margin:5px 0; clear:left;}
fieldset .fakebutton {margin-top:10px; float:left;}
fieldset p {margin-bottom:10px;}
fieldset .infielderror {float:right; width:200px;}

.innerfieldset fieldset {width:420px;}
label.error {color:#ff3300!important;}

/* Misc / Widgets */

	/* Progress Bar */
	.progress {height:49px;background-image:url(/images/step_bg.gif);background-repeat:repeat-x;clear:both;}
	.progress li {float:left; height:49px; padding-right:25px;}
	.progress li span {float:left; display:block; height:37px; display:block; padding-right:25px;}
	.progress li.off {background:url(/images/progress2_tail_off.png); background-repeat:no-repeat; padding-left:35px; margin-left:-50px;}
	.progress .lefton {padding-left:25px; background-color:#ef3d23; margin-right:25px;}
	.progress .leftoff {padding-left:25px;}
	.progress .lefton span {background-color:#ef3d23; padding-right:0;}
	.progress li.on {background:url(/images/progress2_tail_on.png); background-repeat:no-repeat; padding-left:25px; margin-left:-50px;}
	.progress li.on span {background-color:#ef3d23; padding-right:25px; padding-left:10px;}
	.progress li.rightoff {background:url(/images/progress2_tail_off.png); background-repeat:no-repeat; padding-left:25px; margin-left:-50px; padding-right:0;}
	.progress li.rightoff span {padding-left:10px;}
	.progress li.righton {background:url(/images/progress2_tail_on.png); background-repeat:no-repeat; padding-left:25px; margin-left:-50px; margin-right:-25px;}
	.progress li.righton span {background-color:#ef3d23; padding-right:25px; padding-left:10px;}
	.progress span {text-transform:uppercase; color:#fff; font-size:.8em;padding-top:12px;}
	.progress span strong {display:block; font-size:1.2em;}
	
	.ui-state-error {background-image:none; border:1px dashed #ff3300;}
	.ui-state-highlight {padding:7px 10px!important; display:block; }

#tabs {float:left; clear:all; width:690px; margin-top:20px; padding-bottom:10px;}

.analyticsgameselect {width:676px; float:left; padding:10px; background-color:#efefef; margin-bottom:20px;}
.analyticsgameselect h2 {float:left; font-size:2em; color:#ccc; font-weight:normal;}
.analyticsgameselect select {float:left; margin-left:20px;margin-top:5px; display:inline;}



.searchresults {
	position:absolute;
	width:300px;
	background-color:#333;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	border-top:1px solid #fff;
	opacity:0.95;filter:alpha(opacity=95);
	z-index:9999;
	display:none;
}

.autocompleteheader {color:#fff; font-size:1.2em; font-weight:bold; padding:5px; display:block!important; width:290px; float:left; clear:both; background-color:#ff3d00;}
.searchresults li {float:left; width:290px; padding:5px; display:inline; border-bottom:1px dotted #666; clear:both;}
.searchresults li:hover {background-color:#000;}
li.autocompleteitemmore {display:block!important; background-color:#000!important; text-align:right!important;}
.autocompleteitem a {font-size:1.5em; color:#fff; text-decoration:none;}