/**************** BASE DEFAULT CSS ****************/
/***** css reset, global html, & basic styles *****/

/*** NOTE: font-size key located at end of document ***/

/* adapted from Reset Reloaded by Eric Meyer */
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, i, em, font, img, ins, kbd, q, s, samp,
small, strike, b, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, hr, u,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

body {
	color: #111111;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%; /* 62.5% squashes default type to 10px, multiplier is set on #wrapper */
	line-height: 1.0em;
	background: #ffffff url('../img/bg_body.gif') repeat-x scroll left 172px;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	border-spacing: 0;
}
    table th {
	    font-weight: bold;
	    line-height: 1.3em;
	    text-align: left;
	    vertical-align: bottom;
	    padding: 5px;
    }
    table td {
	    line-height: 1.3em;
	    vertical-align: top;
	    padding: 5px;
    }

p {
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

ul, ol {
	margin: 0 0 1.5em 0;
}
    ul li {
	    margin: 0 0 0.2em 15px;
	    line-height: 1.3em;
    }
    ol li {
	    margin: 0 0 0.2em 2.5em;
	    line-height: 1.3em;
    }

dl {
	margin: 0 0 1.5em 0;
}
	dl dt {
		line-height: 1.3em;
		font-weight: bold;
		margin: 0 0 0.2em 0;
	}
	dl dd {
		line-height: 1.3em;
		margin: 0 0 1.0em 0;
	}

a, a:link, a:visited {
	color: #ef4224;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active {
	color: #ef4224;
	text-decoration: underline;
}
a.disabled{ cursor: default;}

h1 {
	color: #b7b7b7;
	font-size: 1.50em; /* 18px */
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0 0 0.8em 0;
}
	h1 span {
		padding-right: 18px;
		background: transparent url('../img/h1_bg.gif') no-repeat scroll right center;
	}
h2 {
	color: #616161;
	font-size: 2.167em; /* 26px */
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
}
h2.headerbar {
	color: #ffffff;
	font-size: 1.333em; /* 16px */
	margin: 0 0 0.6em 0;
	padding: 5px 10px;
	background: #ef4224;
}
h3 {
	font-size: 1.545em; /* 17px */
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
}
h3.headerbar {
	color:#fff;
	font-size: 1em; /*12px;*/
	padding: 5px 10px 5px 10px;
	margin-bottom: 0.6em;
	background: #666;
	font-weight: bold;
}
h3.subtle {
	color: #616161;
}
h4 {
	color: #939393;
	font-size: 0.833em; /* 10px */
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
}
h5 {
	color: #939393;
	font-size: 0.75em; /* 9px */
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0 0 0.2em 0;
}
h6 {
	font-size: 0.75em; /* 9px */
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 0.2em 0;
}
code{
	display:block;
	font-family: Monospace;
	padding: 10px 5px 5px 5px;
	font-size: 12px;
}
/***** global html & basic styles *****/

/***** utility *****/

span.important {
	color: #ef4224;
}
p.nomargin {
	margin-bottom: 0.2em;
}
p.intro {
	color: #666666;
	font-size: 1.167em; /* 14px */
	line-height: 1.4em;
}

p.footnote {
	font-size: 0.917em; /* 11px */
	font-style: italic;
	line-height: 1.3em;
	margin: 0 0 1.3em 0;
}

div.bodynote {
	background-color: #eef5c8;
	padding: 25px 20px 5px 20px;

}
	div.bodynote h2, div.bodynote h3 {color: #616161;}

a.block-img-link {
	display: block;
	margin: 0 0 1.2em 0;
}
	a.block-img-link img {
		display: block;
	}

a.arrow, a:link.arrow, a:visited.arrow,
a:hover.arrow, a:visited:hover.arrow, a:active.arrow {
	padding-left: 16px;
	background: transparent url('../img/linkarrow.gif') no-repeat scroll left center;
}

a.btn, a:link.btn, a:visited.btn {
	color: #2a2a2a;
	font-size: 0.833em; /* 10px */
	line-height: 1.0em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px 2px 22px;
	background: #eeeeee url('../img/btn_bg.gif') no-repeat scroll left center;
}
a:hover.btn, a:visited:hover.btn, a:active.btn {
	color: #ffffff;
	background-color: #ef4224;
}

/* 'alt-btn' : foreground/background colors reversed*/
a.alt-btn , a:link.alt-btn , a:visited.alt-btn {
	color: #4a4a4a;
	font-size: 0.833em; /* 10px */
	line-height: 1.0em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px 2px 22px;
	background: #efefef url('../img/btn_altbg.gif') no-repeat scroll left center;
}
a:hover.alt-btn, a:visited:hover.alt-btn, a:active.alt-btn {
	color: #4a4a4a;
	background-color: #ffffff;
}

/* 'hot-btn' : standout 'hot' red button */
a.hot-btn , a:link.hot-btn , a:visited.hot-btn,
a:hover.hot-btn, a:visited:hover.hot-btn, a:active.hot-btn {
	color: #ffffff;
	font-size: 0.833em; /* 10px */
	letter-spacing: 0.1em;
	line-height: 1.0em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px 2px 22px;
	background: #ef4224 url('../img/btn_bg.gif') no-repeat scroll left center;
}

a.hot-btn.dark, a:link.hot-btn.dark , a:visited.hot-btn.dark,
a:hover.hot-btn.dork, a:visited:hover.hot-btn.dark, a:active.hot-btn.dark {
	background-image: url('../img/btn_darkbg.gif');
}

a.hot-btn.transparent, a:link.hot-btn.transparent, a:visited.hot-btn.transparent,
a:hover.hot-btn.transparent, a:visited:hover.hot-btn.transparent, a:active.hot-btn.transparent,
a.btn.transparent, a:link.btn.transparent, a:visited.btn.transparent,
a:hover.btn.transparent, a:visited:hover.btn.transparent, a:active.btn.transparent,
a.alt-btn.transparent, a:link.alt-btn.transparent, a:visited.alt-btn.transparent,
a:hover.alt-btn.transparent, a:visited:hover.alt-btn.transparent, a:active.alt-btn.transparent {
	background: transparent url('../img/btn_clearbg.gif') no-repeat scroll left center;
	padding: 2px 0 2px 14px; /* 4px 0 4px 14px */
}

a.btn.transparent span, a.alt-btn.transparent span, a.hot-btn.transparent span {
	line-height: 1.0em;
	padding: 2px 8px;

}
a.hot-btn.transparent span, a:link.hot-btn.transparent span, a:visited.hot-btn.transparent span,
a:hover.hot-btn.transparent span, a:visited:hover.hot-btn.transparent span, a:active.hot-btn.transparent span{
	background-color: #ef4224;
}
a.btn.transparent span, a:link.btn.transparent span, a:visited.btn.transparent span,
a:hover.btn.transparent span, a:visited:hover.btn.transparent span, a:active.btn.transparent span{
	background-color: #999;
	color:#fff;
}
a:hover.btn.transparent span {
	background-color:#ef4224;
}


a.sm-btn , a:link.sm-btn , a:visited.sm-btn {
	color: #2a2a2a;
	font-size: 0.833em; /* 10px */
	line-height: 1.0em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 6px;
	background: #eeeeee;
}
a:hover.sm-btn, a:visited:hover.sm-btn, a:active.sm-btn {
	color: #ffffff;
	background-color: #ef4224;
}

/* 'call to action' container for a.btn, a.alt-btn, a.sm-btn */
div.cta {
	line-height: 1.4em;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0;
}

div.hr {
	height: 1px;
	overflow: hidden;
	margin: 0 0 1.5em 0;
	border-top: 1px solid #cccccc;
}
	div.hr hr {
		display: none;
	}

.error, .required {color:#e51b25; font-weight:bold;}

.floatright {
	float: right;
	display: inline;
}

.floatleft {
	float: left;
	display: inline;
}

.displace {
	position: absolute;
	left: -999999px;
}

.nowrap {white-space: nowrap;}

.normal {
	font-weight: normal;
	text-transform: none;
}

span.separator{ color:#999; margin: 0 5px;}

.sub-p {margin-top: -1.2em;} /* bumps an element up tight below a paragraph */

.indent-15 {padding-left: 15px;}

.indent-30 {padding-left: 30px;}

.indent-45 {padding-left: 45px;}

.align-left {text-align: left;}

.align-right {text-align: right;}

.align-center {text-align: center;}

ul.plain {
	list-style: none;
}
	ul.plain li {
		margin: 0;
	}

ul.inline {
	list-style: none;
}
	ul.inline li {
		display: inline;
		margin: 0;
		padding: 0 10px 0 0;
	}

ul.linklist {
	list-style: none;
}
	ul.linklist li {
		margin: 0 0 0.2em 0;
	}

ol.linklist {}
	ol.linklist li {}

ul.arrowlinklist {
	list-style: none;
}
	ul.arrowlinklist li {
		margin: 0 0 0.8em 0;
		padding: 1px 0 1px 16px;
		background: transparent url('../img/linkarrow.gif') no-repeat scroll left top;
	}
	
ul.arrowlinklist.black {}
	ul.arrowlinklist.black li {
		margin-bottom: 0.1em;
		background: transparent url('../img/black_triangle.gif') no-repeat scroll left center;
	}
	

span.bubble {
	display:inline-block;
	background: transparent url(../img/bubble-cap.gif) no-repeat right top;
	padding-right:5px;
	color: #EF4224;
	font-size:10px;
}
	span.bubble span {
		display:inline-block;
		line-height:13px;
		height:13px;
		background: transparent url(../img/bubble-stem.gif) no-repeat left top;
		padding-left: 5px;
		padding-bottom:4px;
		cursor: default;
	}
	
div.spinnster {
	position: absolute;
	background: #3e4245 url('../img/media/ajax-loader.gif') no-repeat center center;
	z-index: 1; /* for ie */
}

div#videoinfo div.metadata ul.downloads {
	list-style: square;
	padding-left: 15px;
}
	div#videoinfo div.metadata ul.downloads li {
		margin: 0;
		padding-left: 0;
	}
	

/* tab nav for community gallery page */
body#ugcgallery-photolist{}
div.tab-nav-wrap {
	border-bottom: 4px solid #ef4224;
}
	ul.tab-nav {
		list-style: none;
		float:left;
		margin: 0 0 0 0; /* -1px bottom margin for ie7/ie6 */
		font-family: Arial, Helvetica, Verdana, Sans-Serif;
	}
		ul.tab-nav li {
			background-color: #ccc;
			padding: 5px 10px;
			float:left;
			margin: 0 1px 0 0;
			font-size:13px;
		}
			ul.tab-nav li.selected	{
				background-color: #ef4224;
			}
			ul.tab-nav li a,
			ul.tab-nav li span {
				font-weight:bold;
				color: #fff;
			}
			ul.tab-nav li a:link, ul.tab-nav li a:visited, ul.tab-nav li a:active, ul.tab-nav li a:linka:hover{color: #fff;}
			
	p.photo-count {
		float:right;
		margin: 5px 0 0 0;
		color: #9a9a9a;
		text-transform: uppercase;
		font-size:11px;
	}
	p.time-nav {
		clear:both;
		float:left;
		margin-top: 1em;
		margin-bottom: 0.5em;
		margin-left: 10px;
		font-size:10px;
	}
		/*p.time-nav span.separator{ color:#999;margin: 0 5px;}*/
	
			
body#ugcgallery-photolist div#paginav-top{float:right; margin-top: 1em;}
body#ugcgallery-photolist div#paginav-bottom{margin-top:1em;}

/*  scoreboard filters within accordion*/
div#accordion{}
div#nested-accordion{}
div.accordion-content, 
div.nested-accordion-content {
	position:relative; 
	zoom:1; /* TODO: move all zooms to ie stylesheets. */
	margin-bottom:5px;
}
h2.accordion-trigger,
h3.accordion-trigger {
	position: relative;
	cursor: pointer;
	margin:0;
	color: #fff;
}
	#accordion div.filter-section.disabled h2.accordion-trigger {
		cursor: default;
		color: #E7E7E7;

	}
	#accordion div.filter-section.disabled h2.accordion-trigger a {display:none;}
	h2.accordion-trigger {
		font-size: 1.333em; /* 16px */
		padding: 5px 10px;
		background: #ef4224;
	}

	h3.accordion-trigger {
		font-size: 1em; /*12px;*/
		padding: 5px 10px 5px 10px;
		background: #666;
		font-weight: bold;
	}
		h2.accordion-trigger a,
		h3.accordion-trigger a {
			position:absolute;
			right:5px;
			top:4px;
			height: 18px;
			line-height:18px;
			font-size: 12px;
			padding-right: 15px;
		}

		h2.accordion-trigger a, h2.accordion-trigger a:link, h2.accordion-trigger a:hover, h2.accordion-trigger a:active,
		h3.accordion-trigger a, h3.accordion-trigger a:link, h3.accordion-trigger a:hover, h3.accordion-trigger a:active {		
			font-weight:bold;
			color: #fff;
			text-decoration:none;
		}

		div.open h2.accordion-trigger a,
		#nested-accordion div.open h3.accordion-trigger a {
			background: transparent url(../img/arrow_up.png) no-repeat right center;
		}
		div.closed h2.accordion-trigger a,
		#nested-accordion div.closed h3.accordion-trigger a {
			background: transparent url(../img/arrow_down.png) no-repeat right center;
		}
			h2.accordion-trigger a, 
			h3.accordion-trigger a {display:none;} /*no js users*/
			body.js-enabled h2.accordion-trigger a, 
			body.js-enabled h3.accordion-trigger a {display:block;}
			div.open h2.accordion-trigger a span.expand,
			div.closed h2.accordion-trigger a span.collapse,
			div#nested-accordion div.open h3.accordion-trigger a span.expand,
			div#nested-accordion div.closed h3.accordion-trigger a span.collapse
			{ display:none;}
		
		h2.accordion-trigger a span.plus-minus,
		h3.accordion-trigger a span.plus-minus { /* for ie6*/}


		
/* filter-selection is similar to fieldset.filter, but shows the user's choices */
div.filter-selection {
	
}
	div.open div.filter-selection {/*display:none;*/}
	div.filter-selection ol{
		list-style:none;
		margin:0;
		float:left;
		width:100%;
		background-color: #e7e7e7;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
		div.filter-selection ol li {
			float:left;
			width: 160px;
			margin-left:2px;
			color:#fff;
		}
		div.filter-selection ol li:first-child,
		div.filter-selection ol li:first-child {margin-left:0;}
			div.filter-selection ol li label {
				background-color: #666;
				display:block;
				padding: 5px;
				font-weight: bold;
				margin-top:2px;		
			}
			div.filter-selection ol li p {
				background-color:#999;
				padding:5px;
				margin-top:2px;
				margin-bottom:0;
			}	
			


div.filter-section{}
	div.filter-section.disabled{}

	div.filter-section div.filter-set {
		background-color: #e7e7e7;
		margin-bottom: 5px;
		zoom:1;
		/*padding-bottom:10px;*/
		
	}
	div.filter-section div.filter-set.disabled {display:none;}

	
fieldset.filter {
	float:left;
	margin-bottom: 5px;
}
	fieldset.filter.disabled {display:none;}
	fieldset.filter label {
		color: #666;
		display:block;
		margin: 5px;
		font-weight: bold;
	}
		fieldset.filter label span {font-weight:normal; font-size: 10px; margin-top: 3px;}
	
	fieldset.filter input {
		width: 160px;
		margin: 5px;
		background-color:#fff;
	}
	
	fieldset.filter select {
		background: #fff url(../img/bg_filter.gif) repeat-x left bottom;
		border: 1px solid #ccc;
		width: 160px;
	}
		fieldset.filter select[disabled] {
			color:#999;
		}
		fieldset.filter select option {
			padding: 2px 5px;
			display: block;
		}
			fieldset.filter select option.selected {
				background-color: #999;
			}
			fieldset.filter select optgroup option{padding-left: 15px;}


	fieldset.add-remove-selector {
		float:left;
		padding: 35px 0px 5px 17px;
		width: 33px;
	}
		fieldset.add-remove-selector a {
			background: transparent url(../img/arrows_filter.gif) no-repeat left top;
			width: 17px;
			height: 17px;
			display:block;
			margin-bottom: 5px;
		}
		fieldset.add-remove-selector a span	{
			position: absolute;
			left: -999999px;
		}
			fieldset.add-remove-selector a.add {
				background-position: right top;
			}
				fieldset.add-remove-selector a.add:hover {
					background-position: left top;
				}			
			fieldset.add-remove-selector a.remove{
				background-position: right bottom;
			}
				fieldset.add-remove-selector a.remove:hover{
					background-position: left bottom;
				}
				
	fieldset.filter.date-filter {
		width: 180px;
		margin-right: 20px;
	}
		fieldset.filter.date-filter input.date-picker {
			width: 180px;
			/*margin: 5px;*/
			
		}	
	fieldset.filter-actions {
		text-align:right;
		margin: 12px 0 30px 0;
	}
		fieldset.filter-actions a {
			margin-left: 20px; 
			font-size: 1.4em;
		}
/*specific filter sets*/		
div#filter-set-difficulty{}
	div#filter-set-difficulty fieldset.filter {
		margin-right: 4px;
	}
		div#filter-set-difficulty fieldset.filter label{
			height: 2em;
		}
		div#filter-set-difficulty fieldset.filter label span {
			display:block;
		}		
		div#filter-set-difficulty fieldset.filter select{
			width: 130px;
		}



/* generic img classes */

img.block {
	display: block;
	margin: 0 0 1.0em 0;
}

img.logo-block {
	display: block;
	margin: 0 0 20px 0;
}

img.inline {
	display: inline;
	margin: 0 0.1em;
	vertical-align: bottom;
}

img.thumb {
	width: 160px;
	height: 90px;
}

img.medthumb {
	width: 222px;
	height: 90px;
}

img.altthumb {
	width: 200px;
	height: 80px;
}

img.minithumb {}

img.inset-right {
	float: right;
	display: inline;
	margin: 0 0 1.0em 25px;
}

img.inset-left {
	float: left;
	display: inline;
	margin: 0 25px 1.0em 0;
}

img.gamerpic{}
img.gamerpic.small {
	width: 32px;
	height: 32px;
}

/* imgs */

table.grid {
	width:100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
	table.grid caption {
		text-align:left;
	}
		table.grid caption h3 {
			background-color: #ef4224;
			color:#fff;
			font-size:16px;
			padding: 5px 10px;
			margin-bottom: 1px;
		}	
		
	table.grid th, table.grid td {padding: 7px 5px 7px 0; font-size: 0.925em;}
	table.grid thead {
		background-color: #666;
	}
		table.grid thead th {
			color:#fff;
			font-weight:normal;
			vertical-align: middle;
			font-size: 14px;
			padding-bottom: 3px;
		}
			table.grid thead th:first-child,
			table.grid thead th.first { /*TODO: fix ie*/
				padding-left:10px;
			}
			table.grid thead th span.subhead {
				font-size:11px;
				display:block;
			}
	
	table.grid tbody{}
		table.grid tbody td {
			border-bottom: 1px solid #ccc;
		}
		table.grid tbody th {
			border-bottom: 1px solid #ccc;
		}
			table.grid tbody td h4 {
				color: #000;
				font-size: 12px;
				font-weight:bold;
				margin-bottom: 0.25em;
				text-transform: none;
			}
			table.grid tbody td a {
				/*display:block;*/ /* May need to revert */
			}
		table.grid tbody tr.highlight td,
		table.grid tbody tr.selected td  {
			background-color: #eef5c8;
		}

		table.grid.with-hover tbody tr:hover td, table.grid.with-hover tbody tr.hover td{
			background-color: #f3f3f3;
		}
		
table.grid.stats {}
	table.grid.stats caption h3 {
		margin-bottom: 1em;
	}
	table.grid.stats tbody th {
		width:20%;
		font-weight: normal;
	}
	table.grid.stats tbody tr td {
		width:20%;
		font-weight: bold;
	}
		table.grid.stats tbody tr td.rank {
			border-right: 1px solid #ccc;
		}
		table.grid.stats tbody tr th.rank { color: #333; /*font-size:12px*/}
		table.grid.stats tbody tr td.finish {}
		table.grid.stats tbody tr th.finish {padding-left: 10%;}


table.grid.achievements{}
	table.grid.achievements thead th {
		font-size:11px; 
		vertical-align:top;
	}
	table.grid.achievements tbody td.gamerpic {
		width: 75px;
	}
	table.grid.achievements tbody td.description {}
	table.grid.achievements tbody td.meta {
		width: 100px;
	}

table.grid.gamers {} /* similar styling to ul.gamer-results */
	table.grid.gamers caption div.paginav{ margin-top:1em;}
	table.grid.gamers tbody tr.first{}
		table.grid.gamers tbody tr.first td {
			border-top:1px solid #CCCCCC;
		}
	table.grid.gamers tbody td {
		font-size:12px;
		line-height: 18px;
	}
	table.grid.gamers tbody td.avatar {
		width: 45px;
	}
		table.grid.gamers tbody td.avatar img {
			width: 32px;
			height:32px;
		}
	table.grid.gamers tbody td.gamername {
		width: 125px;
	}
	table.grid.gamers tbody td.meta {}
		table.grid.gamers tbody td.meta img{padding-right:3px; vertical-align:middle; }
	
/* yacal calendar*/
table.yacal {
	border-collapse:collapse; 
	width:180px;
	background-color: #fff;
	border:1px solid #cacdcf;
	margin-left:6px;
} 
	table.yacal th.weekend,
	table.yacal td.weekend{
		background:#f1f1f1;
	}	
	table.yacal td, table.yacal th {
		text-align:center;
		vertical-align: middle;
		padding:3px;
		font-size:11px;
	}
	table.yacal a {outline:none;}
	
table.yacal thead{color:#666;}
	table.yacal thead tr{}
		table.yacal thead tr.nav{}
		table.yacal thead tr.nav td.disabled a { visibility:hidden;}
			table.yacal thead tr.nav td a {
				display:block;
				width:100%;
				height:20px;
				text-indent: -999999em;
			}
			table.yacal thead tr.nav td.previous{}
				table.yacal thead tr.nav td.previous a{
					background: transparent url('../img/arrow_prev.gif') no-repeat center center;
				}
			table.yacal thead tr.nav th.title{
				text-align: center;
			}
			table.yacal thead tr.nav td.next{}
				table.yacal thead tr.nav td.next a{
					background: transparent url('../img/arrow_next.gif') no-repeat center center;
				}
				
		table.yacal thead tr.dow{}
			table.yacal	thead tr.dow th {
				border-bottom:1px solid #cacdcf;
				padding-left:2px;
				padding-right:2px;
			}
			table.yacal	thead tr.dow th abbr{
				border:none;
			}

	table.yacal tbody{font-size:1.1em;}
		table.yacal tbody td{}
			table.yacal tbody td a{}
			table.yacal tbody td span{ color:#999;}
		table.yacal tbody td.other{}
		table.yacal tbody td.today{
			background-color: #fff;
			border:1px solid #666;
		}
		table.yacal tbody td.selected {
			background-color: #ef4224;
		}
			table.yacal tbody td.selected a{
				color:#fff;
			}	
		table.yacal tbody td.disabled{}

	table.yacal tfoot{
		height:2em;
	}
		table.yacal tfoot tr td.selected{
			background-color: #ef4224;
			color:#fff;
		}

/***** /utility *****/


/***** global layout *****/

div#wrapper {
	font-size: 1.2em; /* 62.5% x 1.2em = 12px base font size */
	width: 960px;
	margin: 0 auto;
	position: relative;
}

div.skipnav {
	position: absolute;
	left: -999999px;
}

/*** header ***/

div#header {
	width: 958px;
	height: 173px;
	margin: 0 1px -1px 1px;
	position: relative;
	z-index: 2;
}

	a#logo_Forza {
		display: block;
		width: 129px;
		height: 75px;
		margin: -30px auto 10px auto;
		background: transparent url('../img/logo_ForzaMotorsport.gif') no-repeat scroll left top;
		position: relative;
	}
		a#logo_Forza span {
			position: absolute;
			left: -999999px;
		}

	div#xbox_masthead {
		width: 908px;
		height: 68px;
		margin: 0 auto;
		background: transparent url('../img/bg_xboxmasthead.gif') no-repeat scroll center top;
		position: relative;
	}

	div#mainnav {
		width: 958px;
		background: #cecece url('../img/mainnav_bg.gif') repeat-x scroll left top;
		position: absolute;
		bottom: 0;
	}
		div#mainnav ul#primarynav {
			width: 958px;
			min-height: 33px;
			list-style: none;
			margin: 0;
			padding: 0;
			background: transparent url('../img/mainnav_bottom.gif') repeat-x scroll left bottom;
		}
			div#mainnav ul#primarynav li {
				float: left;
				display: inline;
				position: relative;
				width: 158px; /*190px*/
				margin: 0;
				padding: 0 0 0 2px;
				background: transparent url('../img/mainnav_div.gif') no-repeat scroll left top;
			}
			div#mainnav ul#primarynav li:first-child {
				padding: 0;
				background: none;
			}
				div#mainnav ul#primarynav li a {
					display: block;
					position: relative;
					width: 152px;/* 156 150 174px*/
					padding: 8px 3px 12px 3px; /* 8px 8px 12px 8px*/
					color: #333333;
					font-family: Arial, Verdana, sans-serif;
					font-size: 11px;
					font-weight: bold;
					/*letter-spacing: 0.1em;*/
					line-height: 13px;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
				}
				div#mainnav ul#primarynav li a:hover {
					color: #ef4224;
					background: transparent url('../img/mainnav_hover.gif') repeat-x scroll left bottom;
					background-repeat: repeat-x !IMPORTANT;
				}
				div#mainnav ul#primarynav li.in a {
					color: #ef4224;
				}
				div#mainnav ul#primarynav li.highlight {
					/* used on myforza when logged in*/
				}
					div#mainnav ul#primarynav li.highlight a {
						background:  #EF4224 url('../img/mainnav_highlight.gif') repeat-x scroll left bottom;
						background-repeat: repeat-x !IMPORTANT;
						color:#fff;
					}
						div#mainnav ul#primarynav li.highlight a:hover{
							background-image: url('../img/mainnav_hover.gif');
						}
				
			div#mainnav ul#primarynav li div.flyoutnav {
				width: 158px;
				position: absolute;
				top: 100%;
				left: 2px;
				z-index: 3;
				display: none;
			}
			div#mainnav ul#primarynav li:first-child div.flyoutnav {
				left: 0px;
			}
			div#mainnav ul#primarynav li:hover div.flyoutnav {
				display: block;
			}

			body.js-enabled div#mainnav ul#primarynav li div.flyoutnav {
				/* seems backwards, but gotta do this to show/hide via JS */
				display: block;
			}

				div#mainnav ul#primarynav li div.flyoutnav ul {
					list-style: none;
					width: 158px;
					height: auto;
					margin: 0;
					padding: 0 0 4px 0;
					background: transparent url('../img/flyoutnav_bottom.gif') repeat-x scroll left bottom;
				}
					div#mainnav ul#primarynav li div.flyoutnav ul li {
						float: none;
						display: block;
						position: relative;
						width: 158px;
						height: auto;
						margin: 0;
						padding: 0;
						border-top: 1px solid #dbdbdb;
						border-bottom: 1px solid #a0a0a0;
						background: none;
					}
					div#mainnav ul#primarynav li div.flyoutnav ul li:first-child {
					}
						div#mainnav ul#primarynav li div.flyoutnav ul li a {
							display: block;
							width: 142px;
							height: auto;
							min-height: 10px;
							padding: 5px 8px 6px 8px;
							background: #c6c6c6 url('../img/flyoutnav_bg.gif') repeat-y scroll left top;
							color: #262626;
							font-size: 10px;
							font-weight: normal;
							line-height: 12px;
						}
						div#mainnav ul#primarynav li div.flyoutnav ul li a:hover {
							color: #ffffff;
							background: #313131 url('../img/flyoutnav_hover.gif') no-repeat scroll left center;
							background-repeat: repeat-x !IMPORTANT;
						}

/*** /header ***/

/*** footer ***/

div#footer {
	width: 960px;
	padding: 40px 0 20px 0;
	background: transparent url('../img/bg_footer.gif') repeat-x scroll left top;
	color: #848484;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.917em;
	text-align: center;
}

	ul#footerlinks {
		list-style: none;
		margin: 0 0 1.0em 0;
	}
		ul#footerlinks li {
			display: inline;
			margin: 0;
			padding: 0 7px;
			border-left: 1px solid #d5d5d5;
		}
		ul#footerlinks li:first-child {
			border: 0px none;
		}
		ul#footerlinks li a {
			color: #848484;
		}

	ul#footerlogos {
		list-style: none;
	}
		ul#footerlogos li {
			display: inline;
			margin: 0;
			padding: 0 22px;
		}
			ul#footerlogos li img {
				vertical-align: middle;
			}

/*** /footer ***/

/*** content ***/

div#content {
	width: 960px;
	padding-bottom: 40px;
	position: relative;
	z-index: 1;
}

/* banner */

div#banner {
	width: 960px;
	height: 106px;
	margin: 0 -23px 36px -17px;
	padding: 13px 23px 12px 17px;
	background: url('../img/bg_mainbanner.jpg') no-repeat scroll left top;
}
	div#banner div.feature-info {
		float: left;
		display: inline;
		width: 460px;
		height: 86px;
		margin-left: 28px;
		padding-top: 18px;
	}
		div#banner div.feature-info h3 {
			color: #4a4a4a;
			font-size: 2.167em; /* 26px */
			font-weight: normal;
			line-height: 1.0em;
			margin: 0 0 0.1em 0;
		}
		div#banner div.feature-info p {
			color: #787878;
			font-size: 1.167em; /* 14px */
			line-height: 1.3em;
		}
	div#banner img.feature-img {
		float: right;
		display: inline;
		width: 398px;
		height: 104px;
		margin-right: 12px;
		border: 1px solid #d3d3d3;
	}

/* /banner */

/* subcol */

div#subcol {
	float: left;
	display: inline;
	width: 250px;
	min-height: 220px;
	padding: 0.4em 5px 0 5px;
}

	div#subnav {
		margin: 0 0 2.0em 0;
	}
		div#subnav ul {
			list-style: none;
			display: block;
			margin: 0;
			padding: 12px 0 80px 0;
			background: transparent url('../img/subnav_bg.gif') repeat-y left top;
		}
			div#subnav ul li {
				display: block;
				font-family: Arial, Verdana, sans-serif;
				font-size: 0.917em; /* 11px */
				font-weight: bold;
				letter-spacing: 0.1em;
				line-height: 1.2em;
				text-transform: uppercase;
				margin: 0;
				padding: 3px 0 4px 0;
				background: transparent url('../img/subnav_div.gif') no-repeat left bottom;
			}
				div#subnav ul li a {
					display: block;
					color: #999999;
					text-decoration: none;
					padding: 4px 8px 4px 24px;
					background: transparent url('../img/subnav_lnkbg.gif') repeat-y left center;
				}
				div#subnav ul li a:hover {
					color: #ffffff;
					background: transparent url('../img/subnav_lnkbg.gif') repeat-y -250px center;
				}
				div#subnav ul li a.in {
					color: #ffffff;
					background: transparent url('../img/subnav_lnkbg.gif') repeat-y -500px center;
				}
					div#subnav ul li ul {
						padding: 0.6em 0;
						zoom:1;
					}
						div#subnav ul li ul li {
							background: none;
						}
							div#subnav ul li ul li a {
								color: #333333;
								font-size: 1.1em;
								font-weight: normal;
								line-height: 1.0em;
								text-transform: none;
								margin: 0 0 0 21px;
								padding: 2px 8px 2px 11px;
								background: none;
							}
							div#subnav ul li ul li a:hover {
								color: #ef3d1d;
								background: none;
							}
							div#subnav ul li ul li a.in {
								color: #ef3d1d;
								background: transparent url('../img/black_triangle.gif') no-repeat scroll 0px 4px;
							}
								div#subnav ul li ul li ul{
									padding: 0.5em 0 0 0;
								}
								div#subnav ul li ul li ul li a {
									background: transparent url('../img/bullet_black.gif') no-repeat scroll 0px center;
									font-size: 1.2em;
									margin-left: 31px;
								}
								div#subnav ul li ul li ul li a:hover,
								div#subnav ul li ul li ul li a.in  {
									background: transparent url('../img/bullet_black.gif') no-repeat scroll 0px center;
								}
									

		div#subnav h5 {
			color: #333333;
			letter-spacing: 0.2em;
			margin: 0 0 0.8em 0;
			padding: 0 0 0 22px;
		}
			div#subnav h5 span {
				padding-right: 14px;
				background: transparent url('../img/h5_bg.gif') no-repeat scroll right center;
			}

	div#relatedinfo {
		margin: 0 5px 2.0em 5px;
		border: 1px solid #d3d3d3;
		border-top: 0;
		background: #efefef;
	}
		div#relatedinfo div.article {
			margin: 0 0 3.5em 0;
			padding: 0 12px 0 20px;
		}
			div#relatedinfo div.article h3 {
				color: #616161;
				font-size: 1.333em; /* 16px */
				margin: 0 0 0.5em 0;
			}
			div#relatedinfo div.article p {
				line-height: 1.3em;
				margin: 0 0 1.0em 0;
			}
			div#relatedinfo div.article img.block {
				margin: 0 0 1.2em 0;
			}
		div#relatedinfo h4 {
			color: #ffffff;
			letter-spacing: 0.1em;
			margin: 0 -1px 2.0em -1px;
			padding: 5px 20px;
			background: #474747;
		}
			div#relatedinfo h4 span {
				padding-right: 14px;
				background: transparent url('../img/h4_bg.gif') no-repeat scroll right center;
			}

	div#promobuckets {
		margin: 0 0 2.0em 0;
		padding: 0 0 0 6px;
	}
		div#promobuckets div.bucket {
			margin: 0 0 1.0em 0;
			padding: 0 0 1.2em 0;
			/* border-bottom: 1px solid #9f9f9f; */
		}
			div#promobuckets div.bucket h3 {
				color: #616161;
				font-size: 1.333em; /* 16px */
			}
			div#promobuckets div.bucket p {
				line-height: 1.3em;
				margin: 0 0 1.0em 0;
			}
			div#promobuckets div.bucket img.promoimg {
				display: block;
				margin: 0 0 0.5em 0;
			}
			div#promobuckets div.bucket div.cta {
				margin: 0 0 0.5em 0;
			}
		/*
		div#promobuckets h5 {
			color: #333333;
			letter-spacing: 0.2em;
			margin: 0 0 2.0em 0;
		}
			div#promobuckets h5 span {
				padding-right: 14px;
				background: transparent url('../img/h5_bg.gif') no-repeat scroll right center;
			}
		*/
		
	div.side-bucket {
		margin-bottom: 30px;
		margin-left: 25px;
	}
		div.side-bucket p {
			padding-left: 10px;
		}
		
		div#sb-friends.side-bucket {}
			div#sb-friends.side-bucket h3.headerbar {
				margin-bottom: 1em;	
			}
			div#sb-friends.side-bucket ul {
				list-style:none;
				float:left;
			}
				div#sb-friends.side-bucket ul li {
					margin-left: 0;
					padding-right: 10px;
					display: block;
					float:left;
				}
				div#sb-friends.side-bucket ul li img {
					width: 32px;
					height: 32px;
				}
				
	div#sb-favorites.side-bucket {}
		div#sb-favorites.side-bucket ul {
			list-style:none;
		}
			div#sb-favorites.side-bucket ul li {
				margin-left:10px;
			}
	
	fieldset.search	{
		padding-top: 0.5em;
		padding-bottom: 2em;
	}
	
		fieldset.search h3 {
			font-size: 20px;/*1.8em*/
			color: #616161;
		}
		fieldset.search label {
			display:block;
			margin: 0.5em 0 1em 0;
		}
		fieldset.search input.text-short {
			width: 150px;
			float:left;
			margin-top: 0px;
		}
		div#subcol fieldset.search input.btn-search	{
			float:right;
		}
		
		/*search in side column*/
		div#subcol fieldset.search {
			border-top:1px solid #CCCCCC;
			border-bottom:1px solid #CCCCCC;
			padding-top: 1.5em;
			padding-bottom: 1.5em;
		}
	
/* /subcol */

/* /maincol */

	div#maincol {
		float: right;
		display: inline;
		width: 670px;
		min-height: 220px;
	}
	div#maincol div.maincol-primary {
		float:left;
		display:inline;
		width: 490px;
	}
	div#maincol div.maincol-secondary {
		float: right;
		display: inline;	
		width: 150px;
	}
/* /maincol */

/*** /content ***/

/*** general layout ***/

/* grey info callout box */
div.info-callout {
	margin: 0 0 2.0em 0;
	padding: 16px 20px 12px 20px;
	border: 1px solid #d3d3d3;
	background: #efefef;
}
	div.info-callout h3 {
		color: #545454;
		font-size: 1.250em; /* 15px */
		font-weight: bold;
		margin: 0 0 0.2em 0;
	}
	div.info-callout p {
		color: #414141;
		font-weight: bold;
		margin: 0 0 0.8em 0;
	}
	div.info-callout div.cta {
		margin: 0 0 0.8em 0;
	}

/* img title caption block */
div.img-title-block {
	color: #ffffff;
	line-height: 1.2em;
	padding: 6px;
	background: #7a7a7a;
}

/* img with caption */
div.caption-img-block {
	display: block;
	margin: 0 0 1.5em 0;
}
div.caption-img-right {
	float: right;
	display: inline;
	width: 335px;
	margin: 0 0 1.0em 25px;
}
div.caption-img-left {
	float: left;
	display: inline;
	width: 335px;
	margin: 0 25px 1.0em 0;
}
	div.caption-img-block img,
	div.caption-img-right img,
	div.caption-img-left img {
		display: block;
	}

/* nav for pagination */
div.paginav {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	text-align: right;
	margin: 0 0 1.0em 0;
	position: relative;
}
div.paginav-top {
	margin: -3.1em 0 2em 0;
}
div.paginav-bottom {
	margin: 0 0 2em 0;
}

	div.paginav a {
		padding: 1px 2px 6px;
		visibility: hidden;
	}
	div.paginav a:link,
	div.paginav a:visited,
	div.paginav a:hover,
	div.paginav a:visited:hover,
	div.paginav a:active {
		visibility: visible;
	}

	div.paginav span.in {
		color: #ffffff;
		padding: 1px 6px 6px 6px;
		background: url('../img/paginav_in.gif') repeat-x scroll center top;
	}
	div.paginav a.prev {
		padding: 1px 4px 1px 10px;
		background: url('../img/arrow_prev.gif') no-repeat scroll left center;
	}
	div.paginav a.next {
		padding: 1px 10px 1px 4px;
		background: url('../img/arrow_next.gif') no-repeat scroll right center;
	}

/*** /general layout ***/

/*** share button ***/

a.btn-share {
	display: block;
	width: 125px;
	height: 16px;
	background: transparent url('../img/sharebadge.gif') no-repeat scroll left top;
}
	a.btn-share span {
		position: absolute;
		left: -999999px;
	}

/*** /share button ***/

/*** star lists ***/
div.starlist_wrapper
{
	position:relative;
}

ol.star-list {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
	ol.star-list li {
		float:left;
		padding:0;
		margin:0;
		background: transparent no-repeat left top;
	}
	ol.star-list li a {
		display:block; 
		width: 15px;
		height: 15px;
		text-decoration:none;
	}
		ol.star-list li a span {position:absolute; left:-999999em;}
	
	div.starlist_wrapper ol.star-list.average
	{
		position:absolute;
		top:0;
		left:0;
	}
	
	ol.star-list.average {
		/*border:1px solid blue;*/		
	}
		ol.star-list.average li {
			background-image: url("../img/stars_small_empty.png");	
		}
		ol.star-list.average li.half {
			background-image: url("../img/stars_small_half.png");
		}
		ol.star-list.average li.full {
			background-image: url("../img/stars_small_full.png");
		}
		
	div.rating-prompts{}
	
	div.starlist_wrapper ol.star-list.user
	{
		position:absolute;
		top:0;
		left:0;
		clear:none;
		margin-top:0;
	}
	
	ol.star-list.user{
		/*border:1px solid green;*/
		clear:left;
		margin-top: -15px;
		
	}
		ol.star-list.user.over {
			/*border:1px solid red;*/
		}
		ol.star-list.user.over li {cursor:pointer;}
		ol.star-list.user li {
			background-image: none;
		}
			ol.star-list.user li a {}
				ol.star-list.user li a span{}
		ol.star-list.user li.full {
			background-image: url("../img/stars_small_user.png");
		}
		
		ol.star-list.tournament {}
			ol.star-list.tournament li {
				background-image: url("../img/stars_big_empty.gif");
			}
				/*
				ol.star-list.tournament li.first {
					background-image: url("../img/stars_big_x_empty.gif");
				}
				
					ol.star-list.tournament li.first.full {
						background-image: url("../img/stars_big_x_full.gif");
					}
				*/
					ol.star-list.tournament li.half {
					background-image: url("../img/stars_big_half.gif");
				}
				ol.star-list.tournament li a {
					width:32px;
					height:32px;
				}
					ol.star-list.tournament li a span {
						position:relative;
						display:block;
						left: auto;
						top:10px;
						text-align:center;
						font-size: 10px;
						color:#fff;
					}
			
				ol.star-list.tournament li.full {
					background-image: url("../img/stars_big_full.gif");
				}
				
		ol.star-list.photo-average { /*border:1px solid #EF4224;*/}	
			ol.star-list.photo-average li {
				background-image: url("../img/stars_big_empty.gif");
			}
				ol.star-list.photo-average li.first {}
				ol.star-list.photo-average li.half {
					background-image: url("../img/stars_big_half.gif");
				}
				ol.star-list.photo-average li a {
					width:32px;
					height:32px;
				 }
					ol.star-list.photo-average li a span {}
			
				ol.star-list.photo-average li.full {
					background-image: url("../img/stars_big_full.gif");
				}
				
		ol.star-list.photo-user {
			clear:left;
			margin-top: -32px;
		}
			ol.star-list.photo-user.over {
				cursor: pointer;
			}		
			ol.star-list.photo-user li {
				background-image: none;
			}
				ol.star-list.photo-user li.first {}
				ol.star-list.photo-user li a {
					width:32px;
					height:32px;
				 }
					ol.star-list.photo-user li a span {}
			
				ol.star-list.photo-user li.full {
					background-image: url("../img/stars_photo_user.png");
				}

		ol.star-list.gamer {}	
			ol.star-list.gamer li {
				background-image: url("../img/stars_smaller_empty.gif");
				
			}
				ol.star-list.gamer li.first {}
				ol.star-list.gamer li.half {
					background-image: url("../img/stars_smaller_half.gif");
				}
				ol.star-list.gamer li a {
					width:13px;
					height:13px;
				 }
					ol.star-list.gamer li a span {}
			
				ol.star-list.gamer li.full {
					background-image: url("../img/stars_smaller_full.gif");
				}
				
		
/*** /star lists ***/

/***** /global layout *****/


/***** form elements *****/

fieldset {
	width: auto;
	display: block;
}

input, select, textarea {
	color: #111111;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

input.img-btn {}

input.btn {
	cursor: pointer;
	color: #2a2a2a;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	text-transform: uppercase;
	background: #eeeeee url('../img/btn_bg.gif') no-repeat scroll left center;
	border: 0;
	padding: 0 22px;
}
input:hover.btn, input:visited:hover.btn, input:active.btn {
	color: #ffffff;
	background-color: #ef4224;
}


input.alt-btn {
	cursor: pointer;
	color: #4a4a4a;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	text-transform: uppercase;
	background: #efefef url('../img/btn_altbg.gif') no-repeat scroll left center;
	border: 0;
	padding: 0 22px;
}

input.hot-btn {
	cursor: pointer;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px;
	text-decoration: none;
	text-transform: uppercase;
	background: #ef4224 url('../img/btn_bg.gif') no-repeat scroll left center;
	border: 0;
	padding: 0 22px;
}
input.btn-search {
	border: 1px solid #858585;
	background-color: #f2f2f2;
	padding:1px 8px 0px 8px;
	color: #666;
	font-family:Arial, Helvetica,Verdana,sans-serif;
}
input.file {
	line-height: 16px;
	width: 240px;
	margin: 0 10px 0.5em 0;
	padding: 1px 0;
}

input.text {
	width: 240px;
	margin: 0 10px 0.5em 0;
}
input.text-short, textarea.text-short {
	width: 100px;
	margin: 0 10px 0.5em 0;
}
input.text-long, textarea.text-long {
	width: 320px;
	margin: 0 0 0.5em 0;
}
input.invalid, textarea.invalid {
	border:1px solid #e51b25;
}
div.invalid, span.invalid {
	color: #e51b25;
	margin: 10px 0px;
	line-height: 1.1em;
}

input.date-picker {
	background: transparent url('../img/icon_cal.gif') no-repeat right center;
	border:1px solid #CCCCCC;
	padding: 1px 0;
}
input.hint, textarea.hint {
	color:#999;
}

select.select {
	width: 244px;
	margin: 0 10px 0.5em 0;
}
select.select-short {
	width: 104px;
	margin: 0 10px 0.5em 0;
}
select.select-long {
	width: 324px;
	margin: 0 0 0.5em 0;
}
select.select-auto {
	width: auto;
	margin: 0 10px 0.5em 0;
}

textarea {
	line-height: 16px;
	width: 360px;
	height: 96px; /* 6 lines X 16px line-height */
	margin: 0 0 0.5em 0;
}

div.noscript {
	color: #e51b25;
	border:1px solid #e51b25;
	font-weight:bold;
	margin: 1em 0;
	padding: 1em;
}

div.errormessage {
	color:#e51b25;
	font-weight:bold;
	margin: 0 0 1.0em 0;
}

/* wrapper for text inputs and select dropdowns */
fieldset.text-fields {
	margin: 0 0 0.5em 0;
}
	fieldset.text-fields input,
	fieldset.text-fields select,
	fieldset.text-fields textarea {
		vertical-align: top;
	}
	fieldset.text-fields span.label, /* span tag to emulate a label */
	fieldset.text-fields label {
		float: left;
		clear: left;
		display: inline;
		width: 140px;
		margin: 0 10px 0 0;
		padding: 0.1em 0 0 0;
		line-height: 1.3em;
		text-align: left;
		position: relative;
	}
	fieldset.text-fields div.errormessage {
		margin-left: 150px;
	}

/* wrapper for checkboxes and radiobuttons */
fieldset.cb-rb-fields {
	margin: 0 0 0.5em 0;
}
	fieldset.cb-rb-fields input {
		vertical-align: top;
		width: 15px;
		height: 15px;
		margin: 0 0 0.8em 0;
		padding: 0;
	}
	fieldset.cb-rb-fields label {
		line-height: 1.3em;
		margin: 0 15px 0 2px;
	}

/* wrapper for form buttons */
fieldset.btn-zone {
	clear: both;
	margin: 0 0 0.5em 0;
	padding: 0.5em 0;
	/* border-top: 1px solid #cccccc; */
	/* text-align: right; */
}
/*TODO: flesh out the fieldlist as needed */
/* fieldlist defaults to label and input aligned horizontally*/
ol.fieldlist {list-style:none;}
	ol.fieldlist li {clear:both; margin:0 0 0.5em 0; padding:0;}
		ol.fieldlist li label {
				float:left; 
				width: 20%; 
				text-align:right; 
				padding-right:0.5em;
				margin-bottom:1.5em;
		}
		ol.fieldlist li input {/*float:left; */}
		ol.fieldlist li select {/*margin-bottom:0.5em;*/}
		ol.fieldlist li span.validator{}

ol.fieldlist li.inline_field{}
	ol.fieldlist li.inline_field label{display:inline; float:none; margin-left:5px;}
	ol.fieldlist li.inline_field input{}
	
ol.fieldlist li.block_field{}
	ol.fieldlist li.block_field label {
		float:none;
		display:block;
		width:auto;
		text-align:left;
		margin-bottom:0.25em;
	}
ol.fieldlist li.action_buttons{
	margin-left: 20%;
}
ol.fieldlist li.action_buttons input{
	margin-right:5px;
}

ol.fieldlist li.radiochecklist{}
	ol.fieldlist li.radiochecklist label{float:left; width:auto;}
	ol.fieldlist li.radiochecklist input{float:left;}

ol.fieldlist li div.split_left{float: left; width:50%;}
ol.fieldlist li div.split_right{float:right; width:50%;}	
	
	
/*fieldset styles for targeting fieldlists*/
fieldset.inline_fields{}/* this is default ol.fieldlist defined above*/
/* block_fields */
fieldset.block_fields{}
fieldset.block_fields ol.fieldlist li.inline_field{}
	fieldset.block_fields ol.fieldlist li {}
	fieldset.block_fields ol.fieldlist li label {
			float:none;
			display:block;
			width: auto; 
			text-align:left; 
			margin-bottom:0.25em;
	}
	fieldset.block_fields ol.fieldlist li.inline_field input{}
	
	fieldset.block_fields ol.fieldlist li.action_buttons{
		margin-left: 0;
	}

/***** /form elements *****/


/***** unique styles *****/

/*** homepage ***/

body#homepage {
	background: #ffffff url('../img/bg_altbody.gif') repeat-x scroll left 172px;
}

	body#homepage div#footer {
		padding: 0 0 20px 0;
		background: none;
	}

	body#homepage div#banner {
		width: 960px;
		height: 345px;
		margin: 0 -39px 24px -41px;
		padding: 1px 39px 0 41px;
		background: url('../img/bg_carouselbanner.jpg') no-repeat scroll left top;
	}

	body#homepage div#maincol {
		float: none;
		display: block;
		width: 960px;
	}

	body#homepage div.column {
		width: 456px;
		min-height: 270px;
		padding-right: 24px;
		background: transparent url('../img/home_col_vrt.gif') no-repeat scroll left 2.4em;
	}
		body#homepage div.column h5 {
			color: #45433e;
			letter-spacing: 0.2em;
			margin: 0 0 2.0em 0;
		}
			body#homepage div.column h5 span {
				padding-right: 10px;
				background: transparent url('../img/h5_bg.gif') no-repeat scroll right center;
			}
		body#homepage div.column div.colA {
			float: left;
			display: inline;
			width: 160px;
			margin: 0 0 1.0em 0;
		}
			body#homepage div.column div.colA img.thumb {
				display: block;
				margin: 0 0 20px 0;
			}
			body#homepage div.column div.colA div.cta {
				overflow: visible;
			}
				body#homepage div.column div.colA a.hot-btn {
					float: left;
					display: inline;
					line-height: 1.3em;
					/* padding: 2px 8px 2px 22px; // default values for reference */
				}
		body#homepage div.column div.colB {
			float: right;
			display: inline;
			width: 276px;
			margin: 0 0 1.0em 0;
		}
			body#homepage div.column div.colB h2 {
				font-size: 18px; /* 22px */
			}
				body#homepage div.column div.colB h2 a {
					color: #616161;
				}
			body#homepage div.column div.colB p {
				margin: 0 0 1.0em 0;
			}
	body#homepage div.col-news {
		float: left;
		display: inline;
	}
	body#homepage div.col-blogs {
		float: right;
		display: inline;
	}

/* carousel */

	div#banner div#carousel {
		float: left;
		display: inline;
		width: 768px;
		height: 345px;
		margin-left: 1px;
	}
		div#banner div#carousel div#silverlightControlHost,
		div#banner div#carousel div#silverlightControlHost object 
		{
			/*
			display: block;
			width: 768px;
			height: 345px;*/
		}
		div#banner div#carousel img.carousel-img {
			display: block;
			width: 768px;
			height: 318px;
		}

	div#banner div#productinfo {
		float: right;
		display: inline;
		width: 139px;
		height: 308px;
		margin-right: 1px;
		padding: 10px 25px;
		text-align: right;
	}
		div#banner div#productinfo h4 {
			color: #ffffff;
			font-size: 0.917em; /* 11px */
			letter-spacing: 0.1em;
			margin: 0 0 0.5em 0;
		}
		div#banner div#productinfo p {
			color: #ffffff;
			font-size: 0.917em; /* 11px */
			line-height: 1.2em;
			margin: 0 0 1.0em 0;
		}
		div#banner div#productinfo p.boxshot {
			margin: 0 0 0.5em 0;
		}
		div#banner div#productinfo p.footnote {
			font-size: 0.833em; /* 10px */
			margin: 0;
		}
		div#banner div#productinfo img.inset-right {
				margin: 0 0 0 8px;
		}

/* /carousel */

/* features content block*/
div#home-features {
	margin-bottom: 2em;
}
	div#home-features h5 {
		color:#45433E;
		letter-spacing:0.2em;
		margin:0 0 15px;	
	}
		div#home-features h5 span {
			padding-right: 10px;
			background: transparent url('../img/h5_bg.gif') no-repeat scroll right center;
		}
	div#home-features div.features {
		background-color: #f9f9f9;
		border: 1px solid #eee;
		padding: 25px 0;
		zoom:1;
	}
	div#home-features div.features div.feature {
		float:left;
		padding-left: 35px;
		padding-right: 15px;
		border-left: 1px solid #d8d8d8;
		min-height: 175px;
		width: 185px;
		
	}
		div#home-features div.features div.feature div.image-wrap {
			margin-top: -10px;
			height: 110px;
		}
			div#home-features div.features div.feature div.image-wrap img{
				display:block;
			}
		div#home-features div.features div.feature h2 {
			font-size: 18px;
			margin: 0.25em 0;
		}
		div#home-features div.features div.feature p {
			color: #616161;
		}		

	div#home-features div.features div#feature-a.feature{
		border-left: none;
	}
	div#home-features div.features div#feature-b.feature{}
	div#home-features div.features div#feature-c.feature{}
	div#home-features div.features div#feature-d.feature{}

/*** /homepage ***/

/*** region selector ***/

body#regionselector {
	background: #ffffff url('../img/bg_altbody.gif') repeat-x scroll left 143px;
}

	body#regionselector div#footer {
		background: none;
	}

	body#regionselector div#header {
		height: 144px;
	}

	body#regionselector div#mainnav {
		height: 4px;
		min-height: 4px;
		overflow: hidden;
		background: #cecece url('../img/mainnav_bottom.gif') repeat-x scroll left top;
	}

	body#regionselector div#banner {
		width: 960px;
		height: 318px;
		margin: 0 -39px 24px -41px;
		padding: 1px 39px 0 41px;
		background: transparent url('../img/bg_lrgbanner.jpg') no-repeat scroll left top;
	}

	body#regionselector div#banner div.col1 {
		float: left;
		display: inline;
		width: 674px;
		height: 318px;
		margin-left: 1px;
		background: transparent url('../img/language_selector/bigwheel.jpg') no-repeat scroll left top;
	}

	body#regionselector div#banner div.col2 {
		float: right;
		display: inline;
		width: 258px;
		height: 290px;
		margin-right: 1px;
		padding: 28px 26px 0 0;
		background: #000000;
	}

	ul#langselect {
		list-style:none;
		border-left:1px solid #464646;
		padding:24px 0 50px 0;
		margin:0;
	}
		ul#langselect li {
			border-bottom:1px solid #464646;
			margin:0;
			padding:5px 8px;
		}
		ul#langselect li:first-child {
			border-top:1px solid #464646;
		}
			ul#langselect li a {
				color:#ffffff;
				text-decoration:none;
			}
			ul#langselect li a:hover {
				color:#ef4224;
				text-decoration:none;
			}

/*** /region selector ***/

/*** new game ***/

body#newgame {
	background: #ffffff url('../img/bg_altbody.gif') repeat-x scroll left 172px;
}

	body#newgame div#banner {
		width: 960px;
		height: 345px;
		margin: 0 -39px 24px -41px;
		padding: 1px 39px 0 41px;
		background: url('../img/bg_carouselbanner.jpg') no-repeat scroll left top;
	}

/*** /new game ***/

/*** forza 2 ***/

body#forza2 {
	background: #ffffff url('../img/bg_altbody.gif') repeat-x scroll left 172px;
}

	body#forza2 div#content {
		padding-bottom: 100px;
	}

	body#forza2 div#banner {
		width: 960px;
		height: 345px;
		margin: 0 -39px 16px -41px;
		padding: 1px 39px 0 41px;
		background: url('../img/bg_carouselbanner.jpg') no-repeat scroll left top;
	}

	body#forza2 div#maincol {
		float: none;
		display: block;
		width: 960px;
	}

div#forza2content {
	width: 960px;
}
	div#forza2content h1 {
		color: #616161;
		font-size: 3.0em; /* 36px */
		font-weight: normal;
		line-height: 1.2em;
		text-transform: none;
		margin: 0 0 0.4em 0;
	}
		div#forza2content h1 sup {
			color: #959595;
			font-size: 0.8em;
		}
	div#forza2content p {
		font-size: 1.0em;
		line-height: 1.5em;
		width: 760px;
		margin: 0 0 3.0em 0;
	}

	div#forza2content div.column {
		float: left;
		display: inline;
		width: 200px;
		height: 270px;
		padding-right: 4px;
		background: transparent url('../img/forza2_col_vrt.gif') no-repeat scroll left 2.5em;
	}
	div#forza2content div.colD {
		width: 320px;
	}
		div#forza2content div.column h3 {
			color: #616161;
			font-size: 1.833em; /* 22px */
			margin: 0 0 0.2em 0;
		}
		div#forza2content div.column img.thumb {
			display: block;
			margin: 0 0 20px 0;
		}

/*** /forza 2 ***/

/*** news section ***/

/* news listing */

ul#newslist {
	list-style: none;
	margin: 0;
}
	ul#newslist li {
		display: block;
		margin: 0 0 2.0em 0;
		padding: 0 0 1.2em 0;
		background: url('../img/div_hrz.gif') no-repeat scroll left bottom;
	}
	ul#newslist img.thumb {
		float: left;
		display: inline;
		margin: 1.5em 0 1.0em 0;
	}
	ul#newslist div.info {
		float: right;
		display: inline;
		width: 490px;
	}
		ul#newslist div.info h2 {}
			ul#newslist div.info h2 a {
				color: #616161;
			}
	ul#newslist div.cta {
		text-align: right;
	}

/* /news listing */

/* news article */

div.article-sharebutton {
	float: right;
	display: inline;
	width: 125px;
	height: 16px;
	margin: 2px 20px;
}

div#article-header {
	width: 650px;
	margin: 0 0 1.5em 0;
}
	div#article-header h2.title {
		color: #616161;
		font-size: 3.0em; /* 36px */
		font-weight: normal;
		margin: 0 0 0.2em 0;
	}
	div#article-header h3.teaser {
		color: #010101;
		font-size: 1.5em; /* 18px */
		font-weight: bold;
		margin: 0;
	}
	div#article-header p.byline {
		color: #666666;
		font-size: 0.917em; /* 11px */
		margin: 1.5em 0 0 0;
	}
	div#article-header img.logo {
		display: inline;
		margin: 0 0.1em 0 0;
		vertical-align: -0.2em;
	}

div#article-content {
	width: 650px;
	margin: 0;
}

/* /news article */

/*** /news section ***/

/*** media section ***/

/* media splash page */

div.featured-media {
	margin: 0 0 2.5em 0;
}

	div.featured-media ul {
		width: 670px;
		list-style: none;
		display: block;
		margin: 0 0 20px 0;
		overflow: auto;
	}
		div.featured-media ul li {
			float: left;
			display: inline;
			width: 200px;
			margin: 0 35px 0 0;
			padding: 0;
			position: relative;
		}
		div.featured-media ul li.end {
			margin: 0;
		}
			div.featured-media ul li img {
				width: 200px;
				height: 112px;
				display: block;
				position: relative;
				z-index: 1;
				margin: 0;
				padding: 0;
			}
		div.featured-media ul li a {
			width:190px;
			color:#fff !important;
			display:block;
			padding:117px 5px 5px 5px;
			position:relative;
			top:-112px;
			z-index:2;
			margin:0 0 -112px 0;
			background: url('../img/media/video_mask.gif') no-repeat scroll left top;
		}
		div.featured-media ul li a:hover {
			text-decoration: none;
			background-position: 0 -1005px;
		}

	div.featured-media div.cta {
		clear: both;
		text-align: right;
		zoom: 1;
	}

/* /media splash page */

/* videos & audio */
/* media detail page */

body#mediadetail {
	background: #ffffff url('../img/bg_altbody.gif') repeat-x scroll left 172px;
}
	body#mediadetail div#banner {
		width: 960px;
		height: 316px;
		margin: 0 -39px 24px -41px;
		padding: 2px 39px 1px 41px;
		background: url('../img/bg_mediabanner.jpg') no-repeat scroll left top;
	}
		body#mediadetail div#banner div#videoplayer {
			float: left;
			display: inline;
			width: 564px;
			height: 316px;
			margin-right: 63px;
			background:#000;
		}
			body#mediadetail div#banner div#videoplayer p.nojs {
				color:#fff;
				width:564px;
				text-align:center;
				margin:0;
				height: 316px;
				display:table-cell;
				vertical-align:middle;
			}
			body#mediadetail div#banner div#videoplayer div#silverlight-wrap {
				display: block;
				width: 564px;
				height: 316px;
			}
			body#mediadetail div#banner div#videoplayer img.video-img {
				display: block;
				width: 564px;
				height: 316px;
			}
			
		body#mediadetail div#banner div#videoinfo {
			float:left;
			display:block;
			width: 259px;
			height: 296px;
			padding:20px 44px 0 29px;
			margin:0;
			border-right: 1px solid #5f6365;
			overflow-x:hidden;
			overflow-y:auto;
		}
			div#videoinfo div#metadataWrapper {
				width:99999em;
			}
			div#videoinfo div.metadata {
				
			}
			body.js-enabled div#videoinfo div.metadata {
				float:left;
				width:259px;
				margin-right:100px;
			}
				div#videoinfo div.metadata div.wrapper {
					width:230px;
				}
				div#videoinfo div.metadata div.hr {
					border-bottom:1px solid #5d5e61;
					border-top:0;
					margin-bottom: 10px;
				}
				
				div#videoinfo div.metadata p {
					color:#b4b1b1;
					font-size:0.875em;
					margin-bottom: 10px;
				}
				div#videoinfo div.metadata a {
					color:#fff;
					font-size:0.916em;
				}
				div#videoinfo div.metadata a:hover {
					text-decoration:underline;
				}
				div#videoinfo a.btn-share {
					clear:both;
				}
				div#videoinfo div.metadata h3 {
					color:#fff;
					font-weight:bold;
				}
				div#videoinfo p.position {
					color:#999;
					margin-bottom: 5px;
					text-transform:uppercase;
					font-size:0.833em;
					letter-spacing:0.2em;
				}
				div#videoinfo h4 {
					color:#999;
					letter-spacing:0.2em;
					margin-bottom: 5px;
				}
				div#videoinfo div.metadata ul {
					list-style:none;
					margin:0 0 10px 0;
					padding:0;
				}
					div#videoinfo div.metadata ul li {
						margin:0;
						padding:0;
						color:#b4b1b1;
					}
					div#videoinfo div.metadata ul li.subcollection_lastchild {
						margin-bottom:10px;
					}
				div#videoinfo div.metadata div.resources {
					display:none;
				}

				ul#podcasts {
					margin-bottom: 10px;
					background:none !important;
					position:relative;
					left:25px;
				}
					ul#podcasts li {
						padding:0 0 0 10px !important;
						margin:0 0 5px 0 !important;
						line-height: 21px;
					}
					ul#podcasts li.zune {
						background:url(../img/media/icon-zune.gif) 0 0 no-repeat !important;
					}
					ul#podcasts li.itunes {
						background:url(../img/media/icon-itunes.gif) 0 0 no-repeat !important;
					}
						ul#podcasts li a {
							background:none !important;
							color:#333333 !important;
							text-transform:none;
							font-weight:100;
						}
						ul#podcasts li a:hover {
							color:#EF3D1D !important;
						}

div.media-listing {
	margin: 0 0 1.0em 0;
}
	div.media-listing h2 {
		color: #616161;
		font-size: 3.0em; /* 36px */
		font-weight: normal;
		margin: 0 0 0.6em 0;
	}
	div.media-listing ul {
		width: 670px;
		list-style: none;
		display: block;
		margin: 0;
		padding:0;
	}
	
		div.media-listing ul li {
			float: left;
			display: block;
			width: 200px;
			padding: 0;
			margin: 0 35px 30px 0;
			position:relative;
			height:190px;
		}
		div.media-listing ul li.end {
			margin-right: 0;
		}
		div.media-listing ul li.start {
			clear:left;
		}
		div.media-listing ul li img {
			display:block;
			z-index:1;
			margin:0;
			padding:0;
		}
		div.media-listing ul li a {
			width:190px;
			color:#fff !important;
			display:block;
			padding:117px 5px 5px 5px;
			position:relative;
			top:-112px;
			z-index:2;
			margin:0 0 -112px 0;
			background: url('../img/media/video_mask.gif') no-repeat scroll left top;
		}
		div.media-listing ul li a:hover, div.media-listing ul li.on a {
			text-decoration:none;
			background-position:0 -1005px;
		}

/* /media detail page */
/* /videos & audio */


/* ugc photo gallery */


/* photo gallery */

div#thumbslider {
	margin:0 0 50px 0;
	padding:0;
}
	div#thumbslider div.nav-left, div#thumbslider div.nav-right {
		float:left;
		width:25px;
		padding:15px 0 0 0;
	}
		div#thumbslider div.nav-left a, div#thumbslider div.nav-right a { 
			display:block;
			width:12px;
			height:18px;
			outline: 0;
		}
		
		div#thumbslider div.nav-left a {
			background: url(../img/media/sprite-screenshotnav.gif) 0 0 no-repeat;
		}
		
		div#thumbslider div.nav-right a {
			background: url(../img/media/sprite-screenshotnav.gif) -12px 0 no-repeat;
			float:right;
		}
		
		div#thumbslider div.nav-left a span, div#thumbslider div.nav-right a span {
			display: block;
			position: absolute;
			left: -999999em;
		}
	
	div#thumbslider div.interior {
		float:left;
		width:605px;
	}
		div#thumbslider div.interior div.metadata {
			width:605px;
		}
			div#thumbslider div.interior div.metadata p {
				font-size:0.916em;
				margin:0 0 1em 0;
			}
			div#thumbslider div.interior div.metadata p.name {
				float: left;
			}
			div#thumbslider div.interior div.metadata p.position {
				float: right;
			}	
	
	div#thumbslider div.wrapper {
		width:605px;
		overflow: hidden;
		position:relative;
	}
	
		div#thumbslider div.wrapper ul.thumbnails {
			list-style: none;
			width:9999em;
			margin:0;
			background:#fff;
			position:relative;
		}
			div#thumbslider div.wrapper ul.thumbnails li {
				float:left;
				width:100px;
				margin:0 1px 0 0;
				padding:0;
			}
				div#thumbslider div.wrapper ul.thumbnails li a {
					display: block;
					padding-bottom: 9px;
				}
				div#thumbslider div.wrapper ul.thumbnails li a:hover, div#thumbslider div.wrapper ul.thumbnails li a.in {
					background: #EF4224;
				}
				div#thumbslider div.wrapper ul.thumbnails li img {
					border-bottom:1px solid #fff;
				}

/* /photo gallery */

/* screenshots */

body#mediadetail div#screenshot_widget div#videoinfo {
	padding:20px 0 0 29px;
}

body#mediadetail div#screenshot_widget div#screenshot_player {
	margin-right:0;
	width:670px;
	float: left;
	display: inline;
	height: 316px;
	text-align: center;
	background:url(../img/media/ss_bg.png) 0 0 no-repeat;
	overflow:hidden;
}
	body#mediadetail div#screenshot_widget div#screenshot_player div.nav-left {
		float:left;
		width:54px;
		height:316px;
		padding-top:80px;
	}
		body#mediadetail div#screenshot_widget div#screenshot_player div.nav-left a {
			width:22px;
			height:188px;
			background:url(../img/media/btn-ss-left.png) 0 0 no-repeat;
			display: block;
			float: left;
		}
		body#mediadetail div#screenshot_widget div#screenshot_player div.nav-left a.off {
			margin-left:-22px;
		}

	body#mediadetail div#screenshot_widget div#screenshot_player div.screenshots {
		float:left;
		width:564px;
		height:316px;
		position:relative;
		overflow:hidden;
		background: url('../img/media/ajax-loader.gif') no-repeat scroll 266px 142px;
	}
		body#mediadetail div#screenshot_widget div#screenshot_player div.screenshots p.nojs {
			z-index:9999;
			width:564px;
			height:316px;
			line-height:316px;
			background:#000;
			color:#fff;
			margin:0 !important;
			padding:0 !important;
		}
		body#mediadetail div#screenshot_widget div#screenshot_player div.wrapper {
			width:999999em;
			height:316px;
			position:relative;
		}
			body#mediadetail div#screenshot_widget div#screenshot_player div.screenshot {
				float:left;
				width:564px;
				height:316px;
				position:relative;
			}
				body#mediadetail div#screenshot_widget div#screenshot_player div.progress {
					background: url('../img/media/ajax-loader.gif') no-repeat scroll top left;
					width: 32px;
					height: 32px;
					margin:142px 266px 0 266px;
					display:block;
					z-index:10;
				}
				body#mediadetail div#screenshot_widget div#screenshot_player div.screenshot img {
					position:absolute;
					top:0;
					left:0;
					z-index:20;
					visibility:hidden;
				}
	
	body#mediadetail div#screenshot_widget div#screenshot_player div.nav-right {
		float:left;
		width:52px;
		height:316px;
		padding-top:80px;
	}
		body#mediadetail div#screenshot_widget div#screenshot_player div.nav-right a {
			width:22px;
			height:188px;
			background:url(../img/media/btn-ss-right.png) 0 0 no-repeat;
			display: block;
			float: right;
			position: relative;
			left:1px;
		}
	body#mediadetail div#screenshot_widget div#screenshot_player img {
		width:564px;
		height:316px;
	}

/* /screenshots */

/*** /media section ***/

/*** contest ***/

body#contest {
	background: #ffffff url('../img/bg_body.gif') repeat-x scroll left 143px;
}
	body#contest div#header {
		height: 144px;
	}

	body#contest div#banner div.feature-info {
		width: 480px;
	}

	body#contest div#mainnav {
		height: 4px;
		min-height: 4px;
		overflow: hidden;
		background: #cecece url('../img/mainnav_bottom.gif') repeat-x scroll left top;
	}

	body#contest div#maincol {
		float: none;
		display: block;
		width: 960px;
	}

div#contestcontent {
	width: 930px;
	padding-left: 30px;
}
	div#contestcontent h1 {
		color: #616161;
		font-size: 2.167em; /* 26px */
		font-weight: normal;
		line-height: 1.2em;
		text-transform: none;
		margin: 0 0 0.4em 0;
	}
	div#contestcontent div.colA {
		float: left;
		display: inline;
		width: 516px;
	}
		div#contestcontent div.colA div.cta {
			height: 99px;
			margin: 0 0 1.5em 0;
		}
			div#contestcontent div.colA div.cta a.minithumblink {
				margin-right: 15px;
			}
				div#contestcontent div.colA div.cta a.minithumblink img.minithumb {
					vertical-align: top;
				}

	div#contestcontent div.colB {
		float: right;
		display: inline;
		width: 374px;
	}
	div#contestcontent div.contest-callout {
		margin: 0 0 2.5em 0;
		padding: 16px 20px;
		border: 1px solid #ef4224;
		background: #e7e7e7 url('../img/contest/calloutbg.gif') repeat-x scroll left top;
	}
	div#contestcontent div.contest-callout h3 {
		color: #ef4224;
		font-size: 1.50em; /* 18px */
		font-weight: bold;
		margin: 0 0 0.2em 0;
	}
	div#contestcontent div.contest-callout p {
		margin: 0 0 0.2em 0;
	}

fieldset#contestform {}
	fieldset#contestform div.formcolA {
		float: left;
		display: inline;
		width: 416px;
	}
	fieldset#contestform div.formcolB {
		float: right;
		display: inline;
		width: 404px;
	}
	fieldset#contestform fieldset.btn-zone {
		padding-left: 28px;
	}
	fieldset#contestform fieldset.cb-rb-fields {
		padding-left: 25px;
	}
		fieldset#contestform fieldset.cb-rb-fields input {
			margin: 0 0 0 -25px;
			position: absolute;
		}
		fieldset#contestform fieldset.cb-rb-fields label {
			display: block;
			margin: 0 0 1.0em 0;
		}
		fieldset#contestform fieldset.cb-rb-fields div.errormessage {
			margin: -0.5em 0 1.0em 0;
		}

/*** /contest ***/

/* UGC Community Gallery */
body#ugcgallery-landing{}

	
div#photo-detail {
	background: transparent url('../img/gallery/photo_gallery_bg.jpg') no-repeat left top;
	width: 670px;
	min-height:418px;
	color: #fff;
	margin-bottom: 25px;
}
	div#photo-detail div.nav-previous{float: left;}
	div#photo-detail div.nav-next {float:right;}
		div#photo-detail div.nav-previous.disabled,
		div#photo-detail div.nav-next.disabled {
			visibility:hidden;
		}
	div#photo-detail div.nav-previous a,
	div#photo-detail div.nav-next a {
			margin-top: 112px;
			width:22px;
			height:188px;
			display: block;	
			text-indent: -999999em;
	}
		div#photo-detail div.nav-previous a {
			background:url(../img/media/btn-ss-left.png) no-repeat left top ;
		}
		div#photo-detail div.nav-next a {
			background:url(../img/media/btn-ss-right.png) no-repeat right top;
		}
		div#photo-detail div.nav-previous a.off {
			margin-left:-22px;
		}


	div#photo-detail ul {
		list-style:none;
		width: 626px; /*566, 626 avail*/
		/*margin: 0 30px;*/
		margin:0;
		padding: 0;
		float:left;
	}
		div#photo-detail ul li {
			position:relative;
			padding: 0;
			margin:15px 0;
			display:none;
		}
			div#photo-detail ul li.selected {
				display:block;
			}
			div#photo-detail ul li.loaded {}
			div#photo-detail ul li a.lnk-photo {}
			body.js-enabled div#photo-detail ul li a.lnk-photo {
				display:none;		
			}
			
			body.js-enabled div#photo-detail ul li div.img-photo-wrap {
				background: transparent url(../img/media/ajax-loader.gif) no-repeat center center;
			}
			body.js-enabled div#photo-detail ul li.loaded div.img-photo-wrap {
				background-image:none;
			}
			
			div#photo-detail ul li h3.description {
				font-family: Arial, Verdana, sans-serif;
				font-size: 16px;
				margin: 20px 30px 10px 30px;
			}
			
			div#photo-detail ul li div.img-photo-wrap {
				background: transparent url(../img/media/ajax-loader.gif) no-repeat center center;
				margin:0 auto 15px auto;
				width: 564px;
				height: 318px;				
				border: 1px solid #6f7071;				
			}			
			
			div#photo-detail ul li img.img-photo {
				display:block;
				visibility: hidden;/*js will set this to visible*/
			}
			div#photo-detail ul li.selected img.img-photo {}
			div#photo-detail ul li div.photo-foot  {
				margin:0 30px;
			}
			div#photo-detail ul li div.photo-foot p{ margin:0;}
			div#photo-detail ul li div.photo-foot p.detail {
				float:right;
			}
				div#photo-detail ul li div.photo-foot p.detail a.hot-btn {
					display:block;
				}
			div#photo-detail ul li div.photo-foot p.gamer {
				float: left;
				font-weight: bold;
			}
			div#photo-detail ul li div.photo-foot p.gamer a {
				color:#fff; 
				text-decoration: underline;
			}
			
ul.photothumb-list {
	list-style: none;
	margin:0 0 25px 0;
	width:100%;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	background:#fff;
	float:left;
}
	ul.photothumb-list li {
		float:left; display:inline;
		width:101px;
		margin:0 1px 0 0;
		padding:0;
	}
	ul.photothumb-list li.first{
		margin-left:80px;
	}
	ul.photothumb-list li a {
			display: block;
			padding-bottom: 9px;
		}
		ul.photothumb-list li a:hover, ul.photothumb-list li.selected a {
			background: #EF4224;
		}
		ul.photothumb-list li img {
			border-bottom:1px solid #fff;
			width: 101px;
			height: 57px;
		}
	ul.photothumb-list li.left-arrow, 
	ul.photothumb-list li.right-arrow {
		width: 25px;
	}
	ul.photothumb-list li.left-arrow{
		margin-left:55px;
	} 
	ul.photothumb-list li.right-arrow {
		padding-left: 12px;
	}
		ul.photothumb-list li.left-arrow a, 
		ul.photothumb-list li.right-arrow a {
			display:block;
			width: 12px;
			height:50px;
		}
		ul.photothumb-list li.left-arrow a {
			background: transparent url(../img/media/sprite-screenshotnav.gif) no-repeat scroll left center;
		} 
		ul.photothumb-list li.right-arrow a {
			background: transparent url(../img/media/sprite-screenshotnav.gif) no-repeat scroll right center;
		}

		ul.photothumb-list li.left-arrow img, 
		ul.photothumb-list li.right-arrow img {
			display:none;
		}
		

ul.media-list { /* utility class that's overridden via ids */
	list-style:none;
	clear:both;
	float:left; display:inline;
	width:100%;
	margin: 0 0 1.5em 10px;
}
	ul.media-list li {
		float:left; display:inline;
		width: 200px;
		height: 224px;
		margin: 8px;
	}
			ul.media-list li.start{clear:both;}
		ul.media-list li img.thumb {
			width: 200px;
			height: 112px;
			/*background: #3e4245 url(../img/media/ajax-loader.gif) no-repeat center center;*/
			background: #333333;
			display: block;
		}
		ul.media-list li img.icon {
			display:inline;
			width:auto;
			height: auto;
			background: none;
		}
		ul.media-list li div.meta {
			background-color: #333;
			color:#fff;
			border: 1px solid #424242;
			border-left-color: #393939;
			border-right-color: #393939;
			padding: 5px;
			height: 99px;
		}
			ul.media-list li div.meta a {
				color:#fff;
				font-weight:bold;
			}
				ul.media-list li div.meta a:link,
				ul.media-list li div.meta a:visited {
					text-decoration: underline;
				}

					
			ul.media-list li div.meta p {}
				ul.media-list li div.meta p.title {
					font-size: 12px;
					line-height: 15px;
					height:32px;
					overflow:hidden;
					margin: 0 0 5px 0;
				}
				ul.media-list li div.meta p.byline,ul.media-list li div.meta p.views{
					margin-bottom:5px;
				}
				
			/* reset styling from previous li styling (ie6 compensation)*/
			ul.media-list li ol.star-list {}
				ul.media-list li ol.star-list li {
					margin:0;
					width: 15px;
					height: 15px;
				}
			ul.media-list li div.meta span.bubble {float:right;}
			
/* ugc Photo detail page */
body#ugcgallery-photodetail {} 
body#ugcgallery-photodetail div#paginav-top{margin: -2em 0 2em 0;}
body#ugcgallery-photodetail div#paginav-bottom{margin: 0 0 2em 0;}

div#photodetails-meta {
	margin-bottom: 10px;
}
	div#photodetails-meta img.gamerpic {
		float:left;		
	}
	div#photodetails-meta p.postinfo {
		float:left;
		width: 220px;
		padding: 0px 0 0 10px;
		margin-bottom:0;
		margin-top:13px;
	}
	div#photodetails-meta div.placements {
		float:left;
		width: 200px;
		text-align: right;
		margin-top:20px;
	}
		div#photodetails-meta div.placement img {
			padding-left: 3px;
		}
		
	div#photodetails-meta div.ratings {
		float:right;/*left*/
		position:relative;
		width:160px;
	}
		div#photodetails-meta div.ratings ol.star-list{
			 top:35px;
			 position:absolute;
			 margin-top:0;
		}
		div#photodetails-meta div.ratings ol.star-list.photo-average{}
		div#photodetails-meta div.ratings ol.star-list.photo-average li{}
		div#photodetails-meta div.ratings ol.star-list.photo-user {}
			div#photodetails-meta div.ratings ol.star-list.photo-user li{}
		
		div#photodetails-meta div.ratings div.rating-prompts {
			margin-top:10px;
			text-align: right;
			line-height:1em;
		}

/*detail area (re-uses photodetail from landing) */
body#ugcgallery-photodetail div#photo-detail {
	background: transparent url('../img/gallery/photo_gallery_bg.jpg') repeat-y left top;
	width: 670px;
	min-height: 375px;/* 418px;*/
	color: #fff;
	margin-bottom: 25px;
}

body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap {
	margin: 0 0 0 30px;
	padding-top: 15px;
	width: 564px; /*626*/
	float:left;
}

	body#ugcgallery-photodetail div#photo-detail div.nav-previous a, 
	body#ugcgallery-photodetail div#photo-detail  div.nav-next a {
		margin-top:95px;
	}
	body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap img.img-photo {
		display:block;
		width: 564px;
		height: 316px;
		margin-bottom: 10px;
		border: 1px solid #6f7071;
		background: transparent url(../img/media/ajax-loader.gif) no-repeat center center;
	}
	body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap p {
		margin-bottom: 5px;
	}
	body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap p.description{}
	body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap div.photo-foot{}
	body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap div.photo-foot a {
		color:#fff; 
	}
		body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap div.photo-foot p.keywords {
			float:left;
			width: 440px;
		}
		body#ugcgallery-photodetail div#photo-detail div#photo-detail-wrap div.photo-foot p.download {
			float:right;
			text-align:right;
			width: 115px;
		}



div#report-image{position:relative;}
	div#report-image p#msg-report-image {
		text-align:right;
	}
	div#report-image div.popup{}
	
	div#report-image div#confirm-report-image.popup{}
		div#report-image div.popup#confirm-report-image a.cancel{float:left;}
		div#report-image div.popup#confirm-report-image a.confirm{float:right;}
		
	
	div#report-image div#success-report-image.popup{}
		div#report-image div.popup#confirm-report-image div.popup-foot{ text-align:right;}

ul.comment-list{list-style: none; color:#666;}
	ul.comment-list li {
		margin-left:0;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom:20px;
		padding-bottom: 20px;
	}
	ul.comment-list li li {border-bottom:none; margin-bottom: 0;padding-bottom: 0px;}
		ul.comment-list li div.gamer-wrap {
			float:left;
			width: 169px;
			padding:8px 8px 4px 8px;
			background-color: #f0f0f0;
			text-align:right;
		}
			ul.comment-list li div.gamer-wrap div.meta {
				float:left;
				width: 125px;
			}
				ul.comment-list li div.gamer-wrap div.meta p.gamername {
					color:#666;
					font-weight:bold;
					margin-bottom:0px;
				}
				ul.comment-list li div.gamer-wrap div.meta ol.star-list.gamer {
					margin-left: 60px; 
					margin-bottom:5px; 
				}
					
				ul.comment-list li div.gamer-wrap div.meta img.icon{}
				ul.comment-list li div.gamer-wrap div.meta p.gamernumber {margin: 2px 0;}
			ul.comment-list li div.gamer-wrap img.gamerpic{
				float:right;
				width:32px;
				height:32px;
			}

		ul.comment-list li div.comment-wrap {
			float:right;
			width: 475px;
		}
			ul.comment-list li div.comment-wrap p {
				margin-bottom: 0.5em;
			}
			ul.comment-list li div.comment-wrap p.gamername {
				font-weight:bold;
			}
			ul.comment-list li div.comment-wrap p.comment {
				
			}
			ul.comment-list li div.comment-wrap input.delete {
				float:right;
			}
			ul.comment-list li div.comment-wrap p.date {
				
			}
			
		/*report confirm popups*/
		ul.comment-list li div.comment-wrap div.report-comment{
			float:right;
			position:relative;
		}
		
			ul.comment-list li div.comment-wrap div.report-comment p.msg-report-comment{
				text-align:right;
			}
				ul.comment-list li div.comment-wrap div.report-comment a.cancel{float:left;}
				ul.comment-list li div.comment-wrap div.report-comment a.confirm{float:right;}

		/*delete confirm popups*/
		ul.comment-list li div.comment-wrap div.delete-comment{
			float:right;
			position:relative;
		}
		
			ul.comment-list li div.comment-wrap div.delete-comment p.msg-delete-comment{
				text-align:right;
			}
				ul.comment-list li div.comment-wrap div.delete-comment a.cancel{float:left;}
				ul.comment-list li div.comment-wrap div.delete-comment a.confirm{float:right;}


fieldset#fst-addcomment{}
	fieldset#fst-addcomment label {display:block; margin-bottom:1em;}
	fieldset#fst-addcomment textarea {width:100%; height: 5em;}
	fieldset#fst-addcomment p#charcount {margin-bottom:0.5em; margin-top:0;}
		fieldset#fst-addcomment p#charcount span{}
	fieldset#fst-addcomment input.hot-btn {
		font-weight:normal;
		padding-right: 8px;
	}

/* UGC Tournament landing page */
body#ugctournament-landing{}

ul#tournament-list {list-style:none;}
	ul#tournament-list li {
		margin-left:0;
		margin-bottom: 2.5em;
	}
	ul#tournament-list li h2{margin-bottom: 0.25em;}
	ul#tournament-list li p{
		margin-bottom: 0.5em;
	}
	ul#tournament-list li p.time,
	ul#tournament-list li p.status {
		color: #333;
		font-size: 14px;
		margin-bottom: 0.75em;
	}
	ul#tournament-list li p.time{
		float:left;
	}
	ul#tournament-list li p.status{
		float:right;
	}
	ul#tournament-list li div.meta-wrap{
		clear:both;
		color: #fff;
		background-color: #333;
		padding:15px;
		margin-bottom: 0.5em;
		/*overflow: auto;*/
		zoom:1;
	}
		ul#tournament-list li div.meta-wrap img{
			float:left;
			max-width: 259px;
			max-height: 146px;
		}
		ul#tournament-list li div.meta-wrap div.meta {
			float:right;
			width: 180px;
		}
			ul#tournament-list li div.meta-wrap div.meta h3 {
				font-size: 14px;
				font-weight:bold;
			}	
			ul#tournament-list li div.meta-wrap div.meta p {
				font-size: 11px;
			}
	ul#tournament-list li p.description {
		margin-bottom: 1.5em;
		color: #333;
	}
	ul#tournament-list li p.cta {
		text-align:right;
	}

div.secondary-bucket{
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-bottom: 4em;
}
	div.secondary-bucket h3 {
		font-size: 16px;
		color: #616161;
		font-weight: normal;
	}
	div.secondary-bucket ul#hall-of-fame-list {
		list-style:none;
	}
		div.secondary-bucket ul#hall-of-fame-list li {
			margin-left:0;
			margin-bottom: 10px;
		}
		div.secondary-bucket ul#hall-of-fame-list li a{
			color:#000000;
			text-decoration:underline;
			font-weight:600;
		}
		div.secondary-bucket ul#hall-of-fame-list li img {
			margin-right:5px;
			width: 32px;
			height: 32px;		
		}
		
		div.secondary-bucket ul#recent-winners-list {margin-left:0;}
			div.secondary-bucket ul#recent-winners-list li {
				width: 150px;
				height: 152px;
				margin: 0 0 20px 0;
			}
				div.secondary-bucket ul#recent-winners-list li img.thumb {
					width: 150px;
					height: 85px;
				}
				div.secondary-bucket ul#recent-winners-list li div.meta{
					height:55px;
				}
					div.secondary-bucket ul#recent-winners-list li div.meta p {
						margin-bottom: 0.1em;
					}

/* UGC Tournament Detail page */
body#ugctournament-detail{}
	body#ugctournament-detail h2{}
	body#ugctournament-detail p.subheading {
		font-size: 14px;
		color: #616161;
	}
		body#ugctournament-detail p.subheading span.time-remaining,
		body#ugctournament-detail p.subheading span.entries-count,
		body#ugctournament-detail p.subheading span.results {
			font-weight:bold;
		}
		body#ugctournament-detail p.subheading span.status {}
		body#ugctournament-detail p.subheading span.entries-count {color: #333;}
		
		
	div#tournament-details {
		margin-bottom:10px;
	}
		div#tournament-details img.img-display {
			width: 453px;
			height: 254px;
			display:block;
			float:left;
			border:0;
			margin:0;
			background: #333;
		}
		div#tournament-details div.tournament-rules{
			position:relative;
			width:187px;
			height: 239px;
			float: right;
			padding: 15px 15px 0 15px;
			background: #333;
			color:#fff;
		}
			div#tournament-details div.tournament-rules h3 {
				font-size:14px;
				font-weight:bold;
			}
			div#tournament-details div.tournament-rules p {
				margin-bottom: 0.5em;	
			}
			
			div#tournament-details div.tournament-rules a.btn-enter,
			div#tournament-details div.tournament-rules a.btn-view {
				position:absolute;
				bottom:15px;
			}
		
		div#enter-tournament-popup.bb-content {
			width: 720px;
		}		
			div#enter-tournament-popup div.bb-head h3{}
			div#enter-tournament-popup div.bb-head p.subtitle {margin-bottom:0;}
				div#enter-tournament-popup div.bb-head p.subtitle span.time-remaining{font-weight:bold;}
				div#enter-tournament-popup div.bb-head p.subtitle span.status{}
				
			div#enter-tournament-popup div.bb-body div#tournament-description-wrap,
			div#enter-tournament-popup div.bb-body div#tournament-rules-wrap
			{ height:150px; width: 320px; color: #616161; }
				div#enter-tournament-popup div.bb-body div#tournament-description-wrap h3,
				div#enter-tournament-popup div.bb-body div#tournament-rules-wrap h3
				{ font-weight:bold;font-size:13px;}
				div#enter-tournament-popup div.bb-body div#tournament-description-wrap p,
				div#enter-tournament-popup div.bb-body div#tournament-rules-wrap p
				{ margin-bottom:0.25em;}
			
			div#enter-tournament-popup div.bb-body div#tournament-description-wrap {
				float:left;
			}
			div#enter-tournament-popup div.bb-body div#tournament-rules-wrap {
				float:right;
			}
			
			div#enter-tournament-popup div.bb-body div.step {
				height: 270px;
				padding-top: 10px;
				border-top: 1px solid #ccc;
			}
				div#enter-tournament-popup div.bb-body div.step div.step-list-wrap{
					border-bottom: 1px solid #ccc;
					padding-bottom: 10px;				
				}
				div#enter-tournament-popup div.bb-body div.step ol {
					list-style:none;
					float:left;
					margin: 0 0 0 150px;
				}
					div#enter-tournament-popup div.bb-body div.step ol li{
						margin: 0 0 0 8px;
						font-size:10px;
						color: #fff;
						text-transform: uppercase;
						padding: 3px 15px 3px 10px;
						float:left;
						background: transparent url(../img/step_bg.gif) no-repeat right center;
					}
					div#enter-tournament-popup div.bb-body div.step ol li.selected{
						background: transparent url(../img/step_bg_selected.gif) no-repeat right center;
					}
				div#enter-tournament-popup div.bb-body div.step h3.subtle {
					clear:both;
				}
				
				div#enter-tournament-popup div#photo-selector{height:160px;}
				div#enter-tournament-popup div#photo-selector.has-photos{}
					/*
					div#enter-tournament-popup div#photo-selector p#msg-no-photos {display:none;}
					div#enter-tournament-popup div#photo-selector.has-photos p#msg-no-photos{display:block;}
					*/
				/*tournament photo gallery will go here inside photo-selector */
				div#photochooser-wrap {
					zoom:1;
					border: 1px solid #e2e2e2;
					padding-top:10px;
					padding-bottom: 10px;
					width: 670px;
					position: relative;
				}
					div#photochooser-wrap div#scroller_controls {
						position: absolute;
						top: -17px;
						right:0;
					}
						div#photochooser-wrap div#scroller_controls ul {
							margin:0;
							list-style: none;
						}
							div#photochooser-wrap div#scroller_controls ul li {
								display: inline;
								margin: 0 0 0 6px;
							}
							div#photochooser-wrap div#scroller_controls ul li.previous,
							div#photochooser-wrap div#scroller_controls ul li.next
							{display:none;}
								div#photochooser-wrap div#scroller_controls ul li a {
									text-decoration: none;
								}
								div#photochooser-wrap div#scroller_controls ul li a span {
									display:inline-block;
									width:10px;
									height:10px;
									background-color: #bdbdbd;
									text-indent: -999999em;
								}
								div#photochooser-wrap div#scroller_controls ul li.selected a span {
									background-color:#ef4224;
								}
								
					div#photochooser-wrap div.nav-previous{float: left;}
					div#photochooser-wrap div.nav-next {float:right;}
						div#photochooser-wrap div.nav-previous.disabled,
						div#photochooser-wrap div.nav-next.disabled {
							visibility:hidden;
						}
						
					div#photochooser-wrap div.nav-previous a,
					div#photochooser-wrap div.nav-next a {
							width:14px;
							height:130px;
							display: block;	
							text-indent: -999999em;
					}
						div#photochooser-wrap div.nav-previous a {
							background: transparent url(../img/tournaments/photochooser-previous.gif) no-repeat left top ;
						}
						div#photochooser-wrap div.nav-next a {
							background: transparent url(../img/tournaments/photochooser-next.gif) no-repeat right top;
						}
					
				div#photochooser-frame {
					width: 642px;
					position:relative;
					float:left;
					overflow:hidden;
				}
					div#photochooser-frame ul.slidelist {
						list-style:none;
						margin:0; 
						padding:0;
						float:left;
						width: 100000px; /*keeps "slides" from wrapping*/
					}
						div#photochooser-frame ul.slidelist li {
							margin:0;
							padding: 5px;
							border:1px solid #fff;
							float:left;
							width: 200px;
							min-height:120px;
							color: #fff;
						}
						div#photochooser-frame ul.slidelist li.selected {
							border:1px solid #000;
						}						
							div#photochooser-frame ul.slidelist li img	{
								display:block;
								margin-bottom:5px;
							}
							div#photochooser-frame ul.slidelist li p {
								color: #333;
								font-size:12px;
								font-weight: bold;
								text-align: center;
								margin-bottom: 0;
							}
			
			
				div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-photo {
					float:left;
					width:225px;
					margin-left:70px;
				}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-photo h3.subtle {float: left;}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-photo a.back{float:right; margin-top:5px;}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-photo img {display:block;}
				
				div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title {
					float:right;
					width: 300px;
					margin-right: 50px;
				}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset.text-fields {
					}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset.text-fields label {
						float:none;
						display:block;
						width: auto;
					}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset.text-fields textarea,
					div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset.text-fields input {
						width: 100%;
					}
						div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset#fst-photo-desc label{float:left;}
						div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset#fst-photo-desc p#charcount {margin-bottom:0.5em; margin-top:0;float:right; color:#999;}
						div#enter-tournament-popup div.bb-body div#enter-tournament-step2-body div#step2-body-title fieldset#fst-photo-desc p#charcount span{}

					div#enter-tournament-popup div.bb-body div#enter-tournament-step3a-body{}
					div#enter-tournament-popup div.bb-body div#enter-tournament-step3b-body{}
						div#enter-tournament-popup div.bb-body div#enter-tournament-step3a-body p,
						div#enter-tournament-popup div.bb-body div#enter-tournament-step3b-body p {font-weight:bold; text-align: center; margin-top: 125px;}
					
						
				div#enter-tournament-popup div.bb-foot{} 
					div#enter-tournament-popup div.bb-foot div.step-foot{}
						div#enter-tournament-popup div.bb-foot div.step-foot a{float:right; margin-left: 15px;}
						div#enter-tournament-popup div.bb-foot div.step-foot a.next{}
						div#enter-tournament-popup div.bb-foot div.step-foot a.cancel{}
						div#enter-tournament-popup div.bb-foot div.step-foot a.back{float:left;margin-left: 0;}
						div#enter-tournament-popup div.bb-foot div.step-foot a.submit{}
					
					div#enter-tournament-popup div.bb-foot div#enter-tournament-step1-foot.step-foot{}
					div#enter-tournament-popup div.bb-foot div#enter-tournament-step2-foot.step-foot{}
			
		
p.entry-count {
	text-transform: uppercase;
	text-align: right;
	color: #999;
	border-top:1px solid #CCCCCC;
	padding-top: 5px;
	margin-bottom: 5px;
}

body#ugctournament-detail ul.media-list{}
			/* li li inheritance compensation*/
			body#ugctournament-detail ul.media-list li ol.star-list {}
				body#ugctournament-detail ul.media-list li ol.star-list li {
					margin:0;
					width: 15px;
					height: 15px;
				}		
			body#ugctournament-detail ul.media-list li div.meta p.scoring {
				clear:both;
				margin-bottom: 0;
			}
			body#ugctournament-detail ul.media-list li div.meta p.scoring span.people-count{font-weight:bold;}


div#tournament-honorable-mentions{}
	div#tournament-honorable-mentions h3.honorable{
		background: transparent url('../img/awards/honor_small.png') no-repeat left top;
		padding-left:40px;
		height: 43px;
		line-height: 50px;
	}
	
ul#tournament-entries.media-list{}
	ul#tournament-entries.media-list li div.meta p.scoring {display:none;}
	
ul#honorable-mentions-list.media-list{}
	ul#honorable-mentions-list.media-list li {
		height: 220px;
	}
		ul#honorable-mentions-list li div.meta {
			height: 95px;
		}	
		ul#honorable-mentions-list.media-list li div.meta p.scoring {}

ol#tournament-winner-list {
	list-style:none;
	width: 100%;
	float:left;
	background-color: #eef5c8;
	padding-bottom:17px;
}
	ol#tournament-winner-list li {
		margin: 0;
		float:left;
		width: 200px;
		margin-left:17px;
	}
	ol#tournament-winner-list li div.standing{
		
	}
		ol#tournament-winner-list li div.standing div.award{
			padding-top: 275px;
			float:left;
		}
			ol#tournament-winner-list li div.standing div.award img{
				display:inline-block;
			}
			ol#tournament-winner-list li div.standing div.award div.award-name {
				display:none;
			}		
		ol#tournament-winner-list li div.standing div.podium {
			float:left;
			background: transparent url('../img/awards/podium.png') no-repeat center bottom;
			padding-bottom: 35px;
			
		}
		ol#tournament-winner-list li div.standing img.avatar{

		}
	
	ol#tournament-winner-list li div.tournament-entry-card {}
	
		
	ol#tournament-winner-list li div.tournament-entry-card img.thumb{
		display:block;
		height:auto;
		width: auto;
	}

	ol#tournament-winner-list li div.tournament-entry-card div.meta {
		background-color:#333333;
		border-color:#424242 #393939;
		border-style:solid;
		border-width:1px;
		color:#FFFFFF;
		height:95px;
		padding:5px;
	}
		ol#tournament-winner-list li div.tournament-entry-card div.meta a {
			color:#fff;
			font-weight:bold;
		}
		ol#tournament-winner-list li div.tournament-entry-card div.meta a:link {
			text-decoration:underline;
		}
		ol#tournament-winner-list li div.tournament-entry-card div.meta p.description{

		}
		ol#tournament-winner-list li div.tournament-entry-card div.meta p.byline{
			margin-bottom: 5px;
		}	
		ol#tournament-winner-list li div.tournament-entry-card div.meta ol.star-list li {
			height:15px;
			margin:0;
			width:15px;
		}
		ol#tournament-winner-list li div.tournament-entry-card div.meta p.scoring{
			clear:both;
			margin-bottom:0;
		}
			ol#tournament-winner-list li div.tournament-entry-card div.meta p.scoring span.people-count {
				font-weight:bold;
			}

/* UGC Tournament Entry Detail page */
body#ugctournament-entry-detail{}
	body#ugctournament-entry-detail p.subheading {
		font-size: 14px;
		color: #333;
	}
		body#ugctournament-entry-detail p.subheading span.time-remaining,
		body#ugctournament-entry-detail p.subheading a {
			font-weight:bold;
		}
		
		div.scoring-prompt {
			line-height: 1em;
			text-align:right;
			padding-top:2px;
		}
			div.scoring-prompt span.prompt {
				font-size:11px;
				color: #ef4224;
			}
			div.scoring-prompt span.large-prompt {
				font-size: 18px;
				color: #616161;
			}			
			div.scoring-prompt a {
				font-size:11px;
				display:block;
				margin-top:4px;
			}
			div.scoring-prompt span.item-score {
			
			}
			
	body#ugctournament-entry-detail div#photo-detail {
		background: transparent url('../img/gallery/photo_gallery_bg.jpg') repeat-y left top;
		width: 670px;
		min-height: 375px;/* 418px;*/
		color: #fff;
		margin-bottom: 25px;
	}

	body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap {
		margin: 0 0 0 30px;
		padding-top: 15px;
		width: 564px; /*626*/
		float:left;
	}

		body#ugctournament-entry-detail div#photo-detail div.nav-previous a, 
		body#ugctournament-entry-detail div#photo-detail  div.nav-next a {
			margin-top:95px;
		}
		body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap img.img-photo {
			display:block;
			width: 564px;
			height: 316px;
			margin-bottom: 10px;
			border: 1px solid #6f7071;
			background: transparent url(../img/media/ajax-loader.gif) no-repeat center center;
		}
		body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap p {
			margin-bottom: 5px;
		}
		body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap p.description{}
		body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap div.photo-foot{}
		body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap div.photo-foot a {
			color:#fff; 
		}
			body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap div.photo-foot p.keywords {
				float:left;
				width: 440px;
			}
			body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap div.photo-foot p.download {
				float:right;
				text-align:right;
				width: 150px;
			}
				body#ugctournament-entry-detail div#photo-detail div#photo-detail-wrap div.photo-foot p.download a#entry-withdraw {
					
				}


/* Profile Dashboard */ 
body#ugc-profile-dashboard{}

.mfm_gamercard{
		background: #000;
		border: 2px solid #ef4224;
		float: left;
		width: 208px; /*for ie6*/
}
	.mfm_gamercard_contents {
		padding: 3px 5px 8px 5px;
	}
	.mfm_gamercard_contents h2.headerbar {
		font-size: 13px;
		font-weight:bold;
		white-space: nowrap;
		padding: 4px 8px;
	}
		.mfm_gamercard_contents h2.headerbar img {
			margin-left: 4px;
		}
	.mfm_gamercard_left {
		float: left; 
		padding: 0px 8px;
	}
	.mfm_gamercard_right {
		float: left;
		padding-right: 8px;
	}
		.mfm_gamercard_right table {
			margin: 0px;
			width: 110px;
		}
			.mfm_gamercard_right table th,
			.mfm_gamercard_right table td {
				vertical-align: middle;
				border-bottom: 1px solid #59595a;
				font-size:11px;
				padding: 3px;
			}
			.mfm_gamercard_right table td {
				color: #fff;
				padding: 0px;
				
			}
			.mfm_gamercard_right table th {
				color: #777;
				font-weight: normal;
				padding-right: 8px;
			}
		.mfm_gamercard_recentgames {
			padding: 8px;
			padding-bottom: 0px;
		}
			.mfm_gamercard_recentgames a img {border: 1px solid #9c9c9d;}

div.mfm_badges {
	float:left; display:inline;
	margin-left: 15px;
	width: 275px;
}
	div.mfm_badges h3{}
	div.mfm_badges h3 a.lnk-what{
		font-size:11px;
		font-weight:normal;
	}

	ul.badge-list {
		list-style: none;
		float:left;
	}
		ul.badge-list li {
			margin-left: 0;
			float:left;
			padding-right: 3px;
		}
			ul.badge-list li img {}

body#ugc-profile-dashboard img.avatar {
	float:right;
	margin-top: -60px;
}

body#ugc-profile-dashboard p.profile-msg{margin-top:1em;}

div.mfm_photos{}
	div.mfm_photos h2.headerbar{ margin-bottom:1px;}

	div.mfm_photos div#photolist-wrap {
		background-color: #373b3e;
		zoom:1;
		padding-top:20px;
		margin-bottom: 1.5em;
	}
		div.mfm_photos div#photolist-wrap div.nav-previous{float: left;}
		div.mfm_photos div#photolist-wrap div.nav-next {float:right;}
			div.mfm_photos div#photolist-wrap div.nav-previous.disabled,
			div.mfm_photos div#photolist-wrap div.nav-next.disabled {
				visibility:hidden;
			}
			
		div.mfm_photos div#photolist-wrap div.nav-previous a,
		div.mfm_photos div#photolist-wrap div.nav-next a {
				width:22px;
				height:188px;
				display: block;	
				text-indent: -999999em;
		}
			div.mfm_photos div#photolist-wrap div.nav-previous a {
				background: transparent url(../img/media/btn-ss-left.png) no-repeat left top ;
			}
			div.mfm_photos div#photolist-wrap div.nav-next a {
				background: transparent url(../img/media/btn-ss-right.png) no-repeat right top;
			}
		
	div.mfm_photos div#photolist-frame {
		width: 626px;
		position:relative;
		float:left;
		overflow:hidden;
	}
		div.mfm_photos div#photolist-frame ul.slidelist 
		{
			list-style:none;
			margin:0; 
			padding:0;
			float:left;
			width: 100000px; /*keeps "slides" from wrapping*/
		}
			div.mfm_photos div#photolist-frame ul.slidelist li.slide {
				margin:0;
				padding: 0 50px;
				float:left;
				width: 200px;
				min-height:200px;
				color: #fff;
			}
			div.mfm_photos div#photolist-frame ul.slidelist li.slide img	{
				display:block;
				margin-bottom:10px;
			}
			div.mfm_photos div#photolist-frame ul.slidelist li.slide div.meta {
				
			}
				div.mfm_photos div#photolist-frame ul.slidelist li.slide div.meta p {
					margin-bottom: 0.25em;
				}
				div.mfm_photos div#photolist-frame ul.slidelist li.slide div.meta a,
				div.mfm_photos div#photolist-frame ul.slidelist li.slide div.meta a:link,
				div.mfm_photos div#photolist-frame ul.slidelist li.slide div.meta a:visited {
					color:#fff;
					font-weight:bold;
					text-decoration:underline;
				}
					
			div.mfm_photos div#photolist-frame ul.slidelist li.slide ol.star-list {}
			div.mfm_photos div#photolist-frame ul.slidelist li.slide ol.star-list.average {}
			div.mfm_photos div#photolist-frame ul.slidelist li.slide span.bubble {float:right;}
			div.mfm_photos div#photolist-frame ul.slidelist li.slide p.modify {margin-top: 10px;}
				div.mfm_photos div#photolist-frame ul.slidelist li.slide p.modify a{color:#fff;}
				div.mfm_photos div#photolist-frame ul.slidelist li.slide p.modify a:link{}
				div.mfm_photos div#photolist-frame ul.slidelist li.slide p.modify span.separator{ color:#999;margin: 0 5px;}
			
/*Modify photo BoxBox content targets*/
div.bb-content {
	width: 400px;
	padding-top: 10px;
	background-color:#fff;
	zoom:1;
}
	div.bb-content a.close{
		margin-top: -25px;
		float:right;
		position:relative;
	}
	div.bb-content div.bb-head {
		background-color: #333; 
		color:#fff;
		margin: 0px 10px;
		padding: 10px;
	}
	
		div.bb-content div.bb-head h3 {
			margin:0;
		}

	div.bb-content div.bb-body {
		margin: 10px;
		padding: 0 10px
	}
		div.bb-content div.bb-body p{
			margin-bottom: 0.5em;
		}	
	div.bb-content div.bb-foot {
		background-color: #e2e2e2; 
		color:#fff;
		padding: 8px 20px;
	}	
	
	div#edit_photo_popup{}
		div#edit_photo_popup a#edit_photo_popup_delete{ float:left;}
		div#edit_photo_popup a#edit_photo_popup_continue{margin-left: 15px;float:right;}
		div#edit_photo_popup a#edit_photo_popup_cancel{float:right;}
		
	div#delete_photo_popup{}
	div#delete_photo_confirmation_popup{}

		
div.mfm_current_tournaments{}
	div.mfm_current_tournaments h2{}
	div.mfm_current_tournaments ul {
		float:left;
		list-style:none;
		width:100%;
		border-bottom: 1px solid #ccc;
	}
		div.mfm_current_tournaments ul li {
			float:left;
			width:200px;
			margin-left: 30px;
			margin-bottom: 20px;
		}
		div.mfm_current_tournaments ul li.first,
		div.mfm_current_tournaments ul li:first-child {
			margin-left:0;
		}
		div.mfm_current_tournaments ul li img {
			display:block;
			margin-bottom:5px;
		}
		div.mfm_current_tournaments ul li.noItemsText {
			width:100%;
		}
		div.mfm_current_tournaments ul li.noItemsText.hidden {
			display:none;
		}
		div.mfm_current_tournaments ul li a{
			
		}
		div.mfm_current_tournaments ul li p.state {margin-bottom: 0.75em;}
			div.mfm_current_tournaments ul li p.state a{ display:block;}
		div.mfm_current_tournaments ul li p.cta{}
			div.mfm_current_tournaments ul li p.cta a {}

div.mfm-my-tournament-placements{}
	div.mfm-my-tournament-placements h2{}
	div.mfm-my-tournament-placements div#myplacementlist-wrap {
		background-color: #373b3e;
		zoom:1;
		padding-top:20px;
		margin-bottom: 1.5em;
	}
		div#myplacementlist-wrap div.nav-previous{float: left;}
		div#myplacementlist-wrap div.nav-next {float:right;}
			div#myplacementlist-wrap div.nav-previous.disabled,
			div#myplacementlist-wrap div.nav-next.disabled {
				visibility:hidden;
			}
			
		div#myplacementlist-wrap div.nav-previous a,
		div#myplacementlist-wrap div.nav-next a {
				width:22px;
				height:188px;
				display: block;	
				text-indent: -999999em;
		}
			div#myplacementlist-wrap div.nav-previous a {
				background: transparent url(../img/media/btn-ss-left.png) no-repeat left top ;
			}
			div#myplacementlist-wrap div.nav-next a {
				background: transparent url(../img/media/btn-ss-right.png) no-repeat right top;
			}
		
	div#myplacementlist-frame {
		width: 626px;
		/*position:relative;*/
		float:left;
		overflow:hidden;
	}
		div#myplacementlist-frame ul.slidelist 
		{
			list-style:none;
			margin:0; 
			padding:0;
			float:left;
			width: 100000px;
		}
			div#myplacementlist-frame ul.slidelist li.slide {
				margin:0;
				padding: 0 50px;
				position:relative;
				float:left;
				width: 200px;
				min-height:200px;
				color: #fff;
			}	
				div#myplacementlist-frame ul li img {
					display:block;
					margin-bottom:5px;
				}
				div#myplacementlist-frame ul li a{
					
				}
				div#myplacementlist-frame ul li div.award{
					
					position:absolute;
					top: 80px;
					right: 40px;
					
				}
					div#myplacementlist-frame ul li div.award img {}
					div#myplacementlist-frame ul li div.award div.award-name {
						display:none;
					}
						
				div#myplacementlist-frame ul li p.cta{}
					div#myplacementlist-frame ul li p.cta a {
						color: #fff;
					}
						div#myplacementlist-frame ul li p.cta a:link {
							text-decoration:underline;
						}			


div.mfm_videos {}
	div.mfm_videos h2{}
	div.mfm_videos ul{
		list-style: none;
	}
		div.mfm_videos ul li{
			margin-left: 0;
			display:block;
			clear:both;
			margin-bottom: 2em;
			zoom:1;
		}
			div.mfm_videos ul li img{
				float:left;
				width: 200px;
				height: 112px;
				margin-right: 20px;
			}
			div.mfm_videos ul li div.meta{
				height: 95px;
			}
				div.mfm_videos ul li div.meta h3.title {
					font-size: 16px;
					padding-top:1px;
					font-weight:normal;
					margin-bottom: 0.1em;
				}
				div.mfm_videos ul li div.meta p.description{

				}

			div.mfm_videos ul li a.btn{
				
			}				

/* used on myforza dashboard, similar to news columns on homepage.*/
div.mfm_news{}

	div.mfm_news div.column{
		float:left;
		width:325px;
		margin-bottom:2em;
	}
		div.mfm_news div.column h2 {font-size:18px;}
		div.mfm_news div.column h2 a {color:#616161;}

		div.mfm_news div.col-news {
			margin-right:15px;
		}	
		div.mfm_news div.col-blogs{}
	
		div.mfm_news div.column div.colA{
			display:inline;
			float:left;
			margin:0 0 1em;
			width:160px;
		}
		div.mfm_news div.column div.colB{
			display:inline;
			float:right;
			margin:0 0 1em 0;
			width:150px;
		}

	div.mfm_news h5 {
		text-transform: uppercase;
		font-size: 10px;
		font-weight: normal;
		color: #45433E;
		letter-spacing:0.2em;
		margin:0 0 2em;
	}
		div.mfm_news h5 span {
			padding-right: 14px;
			background: transparent url('../img/h3_bg.gif') no-repeat scroll right center;
		}
		div.mfm_news img.thumb {
			height:90px;
			width:160px;
			float:left;
			display:block;
			margin:0 0 20px 0;			
		}
		div.mfm_news div.cta{}
			div.mfm_news div.cta a,
			div.mfm_news div.cta a:hover,
			div.mfm_news div.cta a:active,
			div.mfm_news div.cta a:visited,
			div.mfm_news div.cta a:link {
				float: left;
				line-height: 1.3em !important;			
			}
		div.mfm_news div.column p {
			margin-bottom:1em;
		}
		
/*not logged in state (managed by CMS)*/
div.noprofile-cta {
	/*for use by CMS content*/
	background-color: #373b3e;
	color:#fff;
	margin-bottom: 2em;
}
	div.noprofile-cta div.cta{
		float:right; display:inline;
		width: 170px;
		margin:20px 15px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	div.noprofile-cta div.cta h3 {
		font-size:16px;
		line-height: 24px;
		font-weight: normal;
		margin: 0.5em 0 1em 0;
	}
	
/* UGC Gamer Search Results */
ul.gamer-results-list {
	list-style:none;
	margin-bottom:1em;
}
	ul.gamer-results-list li {
		margin-left:0;
		padding: 8px 0 4px 0;
		border-bottom: 1px solid #ccc;
	}
		ul.gamer-results-list li:first-child,
		ul.gamer-results-list li.first {
			border-top: 1px solid #ccc;
		}
		ul.gamer-results-list li p {
			margin-bottom: 0.5em;
		}
		ul.gamer-results-list li p.avatar {
			float:left;
			margin-right: 20px;
			margin-bottom:0;
		}
			ul.gamer-results-list li p.avatar img {
				width: 32px;
				height: 32px;
			}		
		ul.gamer-results-list li p.gamername {
			float:left;
			width: 125px;
		}
		ul.gamer-results-list li p.meta	{
			float:left;
			text-align:right;
			width: 50px;
		}

/* scoreboards / leaderboard */
body#ugc-scoreboard{}
	body#ugc-scoreboard div.panel-results {min-height: 100px;}
	body#ugc-scoreboard p.total-players {
		float:left;
		color:#666;
		margin-bottom: 10px;
	}
	body#ugc-scoreboard div#paginav-top {
		float:right;
	}
	
	body#ugc-scoreboard div#paginav-bottom{}

	table.grid.scoreboard {}
		table.grid.scoreboard thead th {}
			table.grid.scoreboard thead th span.subhead {}
			
			table.grid.scoreboard thead th.position{width: 55px;}
			table.grid.scoreboard thead th.gamer{width: 120px;}
			table.grid.scoreboard thead th.class-index{width: 75px;}
			table.grid.scoreboard thead th.car{width: 100px;}
			table.grid.scoreboard thead th.assists{}
				/*todo style values */
			table.grid.scoreboard thead th.date{width: 60px;}
			table.grid.scoreboard thead th.time{ width: 60px;}
		
		table.grid.scoreboard th, table.grid.scoreboard td {
			border-left: 1px solid #ccc;
			padding-left: 5px;
		}
		table.grid.scoreboard th.position, table.grid.scoreboard td.position {
			padding-left:10px;
			border-left: none;
		}
		table.grid.scoreboard tbody td {font-size:11px;}
		
		body#ugc-scoreboard table.grid tbody td.gamer a.lnk-my-placement { display:block; visibility: hidden;}
			body#ugc-scoreboard table.grid tbody td.gamer:hover a.lnk-my-placement, 
			body#ugc-scoreboard table.grid tbody td.gamer:hover a.lnk-my-placement{
				visibility: visible;
			}
		table.grid.scoreboard tbody td.class-index span.car-class-prefix {
			padding: 0 2px 0 0;
			font-weight: bold;
		}
		table.grid.scoreboard tbody td.time a.more-detail{ display:block; text-align:right;}
		table.grid.scoreboard tbody td.assists {}
			table.grid.scoreboard tbody td.assists span {}
				table.grid.scoreboard tbody td.assists span.used{color: #333; font-weight:bold;}
				table.grid.scoreboard tbody td.assists span.not-used{color: #999;}
			
	table.grid.scoreboard-small{}
		table.grid.scoreboard-small thead th {}
			table.grid.scoreboard-small thead th.position{width: 55px;}
			table.grid.scoreboard-small thead th.gamer{ width: 120px;}
			table.grid.scoreboard-small thead th.time{width:60px;}
		table.grid.scoreboard-small th.position, table.grid.scoreboard-small td.position {
			padding-left:10px;
			border-left: none;
		}
		table.grid.scoreboard-small tbody td {font-size:11px;}
		table.grid.scoreboard-small tbody td.time a.more-detail{ display:block; text-align:right;}
	
	body#ugc-scoreboard td.more-detail{}
	body#ugc-scoreboard ul.more-detail-list{
		list-style:none;
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}
		body#ugc-scoreboard ul.more-detail-list li{
			margin-left: 5px;
		}	


        .full-suggested-line,
        .braking-suggested-line {
            display: inline-block;
            width: 13px;
            height: 13px;
            overflow: hidden;
            background-repeat: no-repeat;            
        }

        .full-suggested-line {
            background-image: url(../img/assist_greenred.png);
        }
        .braking-suggested-line {
            background-image: url(../img/assist_red.png);
        }
        
/* Auctions Landing */
body#auction-landing{}
	body#auction-landing div#subcol div#subnav ul {padding-bottom: 20px;}
	
	body#auction-landing a.auction-refresh{
		text-transform: uppercase;
		margin-top: 5px;
	}
	
	body#auction-landing div.auction-results-panel{}
	
		body#auction-landing div.auction-results-panel div.expired-message{}
		body#auction-landing div.auction-results-panel div#auction-container {
			background: #333 url('../img/gallery/photo_gallery_bg.jpg') repeat-y left top;
			width: 670px;
			position: relative;
			color: #fff;
			padding-bottom: 10px;		
		}
			div#auction-container div#auction-header {
				height: 50px;
			}
				#auction-header-left {
					position: absolute;
					left: 0px;
					top: 14px;
					vertical-align: middle;
				}
				#auction-header-timeremaining 
				{
					background: #fff url('../img/auctions/timeremaining_bg.gif') repeat-y left top;
					padding: 6px;
					color: #ef4224;
					float: left;
				}
				#auction-header-title {
					margin-left: 10px; /*HACKY*/
					padding: 5px 6px; /*/HACKY*/
					float: left;
					width: 460px;
					white-space: nowrap;
					overflow: hidden;
				}
				#auction-header-title span {
					padding: 0px 5px; /*HACKY*/
					position: relative;
					bottom: -2px; /*/HACKY*/
				}
				#auction-header-title span:first-child {
					padding-left: 0px;
				}
				#auction-header-title .make-model {
					font-size: 1.667em;
				}
				#auction-header-title .car-class {
				}
					#auction-header-title .car-class span.car-class-prefix {
						padding: 0 2px 0 0;
						bottom:0;
						font-weight: bold;
					}
					
				#auction-header-title .car-level {
				}
				#auction-header-right {
					position: absolute;
					right: 10px;
					top: 8px;
				}
				#auction-header-prices div.price-current {
					padding-bottom: 4px;
					border-bottom: #fff 1px solid;
					margin-bottom: 4px;
				}
					#auction-header-prices div.price-current span {
						color: #ccc;
					}
				#auction-header-prices div.price-buyout{}
					#auction-header-prices div.price-buyout span {
						color:#ccc;
					}
			
			
			div#auction-container div#auction-overview {
				height: 365px;
			}
				#auction-overview img#auction-car-image {
					position:absolute;
					left:50px;
					border:1px solid #6F7071;
					height:318px;
					width:564px;				
				}
				#auction-expired {
					position: absolute;
					left: 135px;
					width: 400px;
					height: 250px;
				}
				#auction-overview-bottom-left {
					position: absolute;
					left: 50px;
					bottom: 10px;
				}
					#auction-overview-bottom-left p {margin-bottom:0;}
					#auction-overview-bottom-left a {
						color: #fff;
						text-decoration: underline;
					}
				#auction-navigate-prev {
					position: absolute;
					left: 0px;
					bottom: 114px;
					width: 22px;
					height: 188px;
					text-indent: -999999em;				
					background: transparent url(../img/media/btn-ss-left.png) no-repeat left top;
				}
				#auction-navigate-next {
					position: absolute;
					right: 0px;
					bottom: 114px;
					width: 22px;
					height: 188px;
					text-indent: -999999em;
					background: transparent url(../img/media/btn-ss-right.png) no-repeat right top;
				}
				#auction-overview .bottom-right, 
				#auction-details .bottom-right	{
					position: absolute;
					right: 54px;
					bottom: 20px;
				}
				#auction-overview .bottom-right p, 
				#auction-details .bottom-right p {
					margin-bottom:0;	
				}
				#auction-expired {
					padding: 40px;
				}
				
			div#auction-container div#auction-details{
				position:absolute;
				top: 50px;
				height: 355px;
				width: 669px;
				background: #fff url('../img/auctions/timeremaining_bg.gif') repeat-y left top;
				color: #333;
				padding-top: 10px;
				font-weight: normal;
				border-right: 1px solid #ccc;

			}
				div#auction-container div#auction-details h2 {
					font-size:22px; line-height: 22px;
					color: #ef4224;
					font-weight:normal;
					margin-bottom: 5px;
					margin-left: 40px;
				}
				#auction-details .col {
					float: left; display:inline;
					width: 180px;
				}
				#auction-details .colA {
					margin-left: 40px;
				}
				#auction-details .colA img.gamerpic {
					display:block;
					margin-bottom: 5px;
				}
				
				#auction-details .colSeparator {
					float: left;
					padding: 0px 15px;
					height: 120px;
					border-left: 1px solid #aaa;
				}
				#auction-details div.row {
				}
				#auction-details div.row.first {
					border-bottom: 1px solid #aaa;
					padding-bottom: 5px;
					margin-bottom: 10px;
				}
				#auction-details div.row.first .col {
					/*padding-top: 15px;*/
				}
				#auction-details .bottom-right {
					bottom: 10px;
				}
				#auction-details h3	{
					font-size: 1.2em;
					font-weight: bold;
				}
				
				#auction-details ul.bidder-list	{
					list-style: none;
				}
					#auction-details ul.bidder-list li {
						margin-left: 0px;
					}
					#auction-details ul.bidder-list li.first {font-weight:bold;}
				
			p.auction-count {margin: 1em 0; font-size: 12px; color: #666}
			
	div#report-car{position:relative;}
		div#report-car p#msg-report-car {
			text-align:right;
		}
		div#report-car div.popup{position:relative;top:0;}
			div#report-car div.popup div.popup-body {color:#111;}
		div#report-car div#confirm-report-car.popup{}
			div#report-car div.popup#confirm-report-car a.cancel{float:left;}
			div#report-car div.popup#confirm-report-car a.confirm{float:right;}
			
		
		div#report-car div#success-report-car.popup{}
			div#report-car div.popup#confirm-report-car div.popup-foot{ text-align:right;}


			
		div#auction-list-container{
			position: relative;
			height: 290px;
			overflow: auto;
			overflow-x: hidden;		
		}
			body#auction-landing table.grid.auction-list{ margin-bottom: 0;}
				table.grid.auction-list thead th {vertical-align: middle;}
				table.grid.auction-list tbody tr:hover td, 
				table.grid.auction-list tbody tr.hover td{
					background-color: #e0e0e0;
				}			
				table.grid.auction-list .auction-selling-or-bidding {
					color: #f00;
					font-weight: bold;
				}
				table.grid.auction-list span.car-class-prefix {
						padding: 0 2px 0 0;
						font-weight: bold;
					}
					table.grid.auction-list.auction-list thead tr .colA {
						width: 110px;
					}
					table.grid.auction-list.auction-list tbody tr .colA {
						width: 120px;
					}
					table.grid.auction-list.auction-list tr .colB {
						width: 160px;
					}
					table.grid.auction-list.auction-list tr .colC {
						width: 120px;
					}
					table.grid.auction-list.auction-list tr .colD {
						width: 120px;
					}
					table.grid.auction-list.auction-list tr .colE {
					}
					table.grid.auction-list.auction-list .emphasis {
						color: #ff3333;
						font-weight: bold;
					}
					
				div#auction-list-container tr.selected td {
					background: #f4f4f2;
					border: 2px solid #aaa;
				}
				div#auction-list-container tr.selected td.colA {
					border-right: none;
				}
				div#auction-list-container tr.selected td.colB {
					border-right: none;
					border-left: none;
				}
				div#auction-list-container tr.selected td.colC {
					border-right: none;
					border-left: none;
				}
				div#auction-list-container tr.selected td.colD {
					border-right: none;
					border-left: none;
				}
				div#auction-list-container tr.selected td.colE {
					border-left: none;
				}
					
			div#auction-list-container h2 a#auction-list-show-more {
				display: block;
				text-align: right;
				color: #fff;
				font-size:12px;
				text-transform: uppercase;
				padding-right:15px;
				background: transparent url(../img/arrow_down.png) no-repeat right center;
			}

		
		
	body#auction-landing div#sb-auction-filters.side-bar {margin-left: 20px;}
		body#auction-landing div.side-bar h2.headerbar {
			margin-bottom: 0px;
		}	
	body#auction-landing div#accordion {}
		body#auction-landing div#accordion div.filter-section {}
			body#auction-landing div#accordion div.filter-section.open {}
			body#auction-landing div#accordion div.filter-section.closed {}
		
		body#auction-landing div#accordion div.filter-section h3.accordion-trigger{padding-left: 20px;}

		body#auction-landing #accordion div.open h3.accordion-trigger {
			background: #666 url(../img/arrow_down.png) no-repeat 5px center;
		}
		body#auction-landing #accordion div.closed h3.accordion-trigger {
			background: #666 url(../img/arrow_up.png) no-repeat 5px center;
		}
		body#auction-landing #accordion  h3.accordion-trigger a {display:none;}
		
		body#auction-landing h2.accordion-trigger a span.plus-minus { /* for ie6*/}
			
			body#auction-landing fieldset.filter select {
				width: 229px;
				margin-bottom: 0.5em;
			}
			body#auction-landing div.filter-set {
				padding-bottom: 1em;
			}

		body#auction-landing #auction-filters-apply-container {
			margin: 1em 0;
		}
			body#auction-landing div.side-bar .hot-btn,
			body#auction-landing div.side-bar .btn{
				font-weight:normal;
				margin-left: 1em;
				letter-spacing: 1px;
			}


/***** /unique styles *****/


/***** popups *****/

body#popup {
	background: #ffffff;
}
	body#popup div#wrapper {
		width: auto; /* reset default */
	}
	body#popup div#content {
		width: auto; /* reset default */
		padding: 10px;
	}
	
/* popup div classes */
div.popup {
	width: 300px;
	position:absolute;
	right:0;
	top: -50px;
	background-color: #fff;
	border:1px solid #333;
}
	/*div.popup a.close{
		margin-top: -25px;
		float:right;
	}
	*/
	div.popup div.popup-head {
		background-color: #333; 
		color:#fff;
		margin: 0px 0px;
		padding: 10px;
	}
	
		div.popup div.popup-head h3 {
			margin:0;
		}

	div.popup div.popup-body {
		margin: 10px;
	}
		div.popup div.popup-body p{
			margin-bottom: 0.5em;
		}	
	div.popup div.popup-foot {
		background-color: #e2e2e2; 
		color:#fff;
		padding: 8px 10px;
	}
	
/***** /popups *****/

/* BoxBox */
div.bb-wrapper{
	z-index:4;
	font-size: 1.2em; /* 62.5% x 1.2em = 12px base font size */
	
}
	div.bb-content-target{
		background-color: #fff;
	}
div.bb-overlay{
	position:fixed;
	z-index:3;
}
/* /BoxBox */



/***** font-size key *****/

/*** 11pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.1em;}
		.pt09 {font-size: 0.818em;}
		.pt10 {font-size: 0.909em;}
		.pt11 {font-size: 1.0em;}
		.pt12 {font-size: 1.091em;}
		.pt13 {font-size: 1.182em;}
		.pt14 {font-size: 1.273em;}
		.pt15 {font-size: 1.364em;}
		.pt16 {font-size: 1.455em;}
		.pt17 {font-size: 1.545em;}
		.pt18 {font-size: 1.636em;}
		.pt19 {font-size: 1.727em;}
		.pt20 {font-size: 1.818em;}
		.pt21 {font-size: 1.909em;}
		.pt22 {font-size: 2.0em;}
		.pt23 {font-size: 2.091em;}
		.pt24 {font-size: 2.182em;}
		.pt25 {font-size: 2.273em;}
		.pt26 {font-size: 2.364em;}
		.pt27 {font-size: 2.455em;}
		.pt28 {font-size: 2.546em;}
		.pt29 {font-size: 2.636em;}
		.pt30 {font-size: 2.727em;}
*/
/*** end 11pt ***/

/*** 12pt default base ***/
/*
body {font-size: 62.5%;}
	div#wrapper {font-size: 1.2em;}
		.pt09 {font-size: 0.75em;}
		.pt10 {font-size: 0.833em;}
		.pt11 {font-size: 0.917em;}
		.pt12 {font-size: 1.0em;}
		.pt13 {font-size: 1.083em;}
		.pt14 {font-size: 1.167em;}
		.pt15 {font-size: 1.250em;}
		.pt16 {font-size: 1.333em;}
		.pt17 {font-size: 1.417em;}
		.pt18 {font-size: 1.50em;}
		.pt19 {font-size: 1.583em;}
		.pt20 {font-size: 1.667em;}
		.pt21 {font-size: 1.750em;}
		.pt22 {font-size: 1.833em;}
		.pt23 {font-size: 1.917em;}
		.pt24 {font-size: 2.0em;}
		.pt25 {font-size: 2.083em;}
		.pt26 {font-size: 2.167em;}
		.pt27 {font-size: 2.250em;}
		.pt28 {font-size: 2.333em;}
		.pt29 {font-size: 2.417em;}
		.pt30 {font-size: 2.50em;}
*/
/*** end 12pt ***/

/***** /font-size key *****/

