/* reset */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography */
html {font-size:100.00%; height: 100%;}
body {font-size:62.5%;color:#111;font-family:Verdana, Arial, Helvetica, sans-serif; height: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#000000;}
h1 {font-size:xx-large;float:left;line-height:1.15em;font-weight:800;}
h1 span {color:#ff8500;}
h1 a:hover {color:#000;text-decoration: none;}
h1 span a:hover {color:#ff8500;}
	.bdsLogo {clear: both;background: url(/gui/bds_logo-med-trans.png) no-repeat;margin: 10px 0 0 0; padding: 0 35px; height: 40px; }
	.breakdownHome {font-size: 24px; clear: left; margin-top: 10px;}
h2 {margin:0 0 1em 0;color:#000;font-size:2em;font-weight:800;line-height:1.4em;clear:both;}
h2 a { color: #ff8500;}
h3 {margin:0 0 1em 0;font-size:small;font-weight:800;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#ff8500;text-decoration:none;}
a {color:#333333;text-decoration:none;line-height:inherit;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;vertical-align:super; font-size:.3em;text-transform:uppercase;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms */
.error, .alert, .notice, .success, .info {padding:1em 1em 1em 5em;margin:2em;border:1px solid #ddd;-moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.error {background:#fbe3e4;color:#000;border-color:#CC0000; }
.alert {background:#FFF4C2;color:#000;border-color:#CC0000; }
.notice {background:#fff6bf;color:#000;border-color:#CC0000;}
.success {background:#e6efc2;color:#000;border-color:#CC0000;}
.info {background:#d5edf8;color:#000;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11; }
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid */
.container {width:760px;min-height:100%; height:auto !important; height:100%;margin:auto;font-size:1em;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
.header {}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* page structure 
--------------------------------------------- */	

html, body {
	height:100%;
	margin:0;
	}


body {	
	color:#121212;	
	font-family: Verdana, Arial, sans-serif;
	font-size:62.5%;
	}


#container {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 0 -70px 0; /* the bottom margin is the negative value of the footer's height */
	font-size:1em;
	}

	
#header, #content, #footer {
	width:99.999%;
	text-align:center;
	}
	
		
div.wrapper {
	clear:both;
	width:76em;
	margin:0 auto;
	text-align:left;
	}




/* HEADER AD SECTION
--------------------------------------------*/

div.adWrap {
	margin:0 auto;
	padding:0.3em 0 1em 0;
	text-align:center;
	}
	

/* HEADER
--------------------------------------------*/

#header {}

#header h1.title {
	float:left;
	height:4em;
	background:transparent;
	color:#000;
	}
	#header h1.title a {
		color:#000;
		font-size:xx-large;
		font-weight:800;
		}
		#header h1.title a:hover {
			text-decoration:none;
			}
		#header h1.title a sup {
			margin-top:1em;
			font-size:25%;
			}
		#header h1.title a span {
			color:#FF8500;
			}
	
ul.nav {
	float:right;
	list-style:none;
	}
	ul.nav li {
		float:left;
		margin: 0 0 0 1.5em;
		}

ul#greeting.nav {
	height:1.15em;
	padding:2em 0 0 0;
	vertical-align:baseline;
	}
	ul#greeting li {
		/**/*padding-bottom:0.5em;
		color:#333;
		font-size:1em;
		}
	ul#greeting li span {
		font-style:italic;
		}
	ul#greeting a {
		color:#666;
		font-weight:400;
		}
		ul#greeting a:hover {
			color:#ff8500;
			}
			
			
div#navbar {
	clear:both;
	height:2.4em;
	border-top:0.1em solid #ccc;
	border-bottom:0.1em solid #ccc;
	background:#efefef;
	color:#111;
	}
	
	ul#localNav {
		margin-right:1em;
		}
		ul#localNav li {
			padding:.7em 0 0 0;
			font-size:x-small;
			font-weight:800;
			}
			ul#localNav a {
				color:#111;
				font-weight:800;
				}
				ul#localNav a:hover {
					color:#000;
					}
				
	#breadcrumb {padding:0 1em;}
	#breadcrumb.logo { padding:0.3em; }
		#breadcrumb span {font-weight:800;}
		#breadcrumb a {color:#000;font-weight:400;text-decoration:underline;padding: 0 .5em 0 0;}
			#breadcrumb a:hover {color:#ff8500;}

/* drop-down nav
--------------------------------------------*/
a.anylinkcsstop{
	color:#121212;
	text-decoration:none;
	}

a.anylinkcsstop:hover{
	color:#000;
}

/* sub link divs */
.anylinkcss{
	clear:both;
	display:none;
	position:absolute;
	width:15em;
	margin:0;
	border:0.1em solid #ccc;
	background:#fff;
	line-height:1.5em;
	z-index:100;
	}
.sub{
	width:15em;
	z-index:101; /*always needs to be higher than .anylinkcss*/
	}

/* sub links */
.anylinkcss a {
	display:block;
	padding:0.5em;
	color:#121212;
	font-weight:bold;
	text-decoration:none;
	text-indent:5px;
	}

.anylinkcss a.has_sub{
	background:url(/gui/bullet_arrow_menu.gif)no-repeat 13.5em 0.2em ;
}

.anylinkcss a:hover{
	background:#efefef;
	text-decoration:underline;
	}
			


/* alerts & error msgs
--------------------------------------------- */	

	div.alert {
		margin:2em;
		border:0.1em solid #ccc;
		border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
		padding:1em 1em 1em 5em;
		background:#fff4c2;
		color: #000;
		}
		div.alert p, div.alert li {
			font-size:small;
			}
		.alert h1 {
			font-size:medium;
			font-weight:800;
			float: none;
			margin: 0 0 5px -20px;
			}	
			
			.alert li {
				font-size: small;
				color: #000;
				list-style: disc;
			}

		.error h1 {
			font-size:medium;
			font-weight:800;
			float: none;
			margin: 0 0 5px -20px;
			}	

			.error li {
				font-size: small;
				color: #000;
				list-style: disc;
			}


	div#error.alert {
		border-color:#c00;
		background:#fff4c2 url(../gui/icon_errorAlert.png) no-repeat 1em 1em;
		}
		
	div#message.alert {
		border-color:#ffe26d;
		background:#fff4c2 url(../gui/icon_messageAlert.png) no-repeat 1em 1em;
		}	
	
	div#information.alert {
		border-color:#00c;
		background:#efefef url(../gui/icon_infoAlert.png) no-repeat 1em 1em;
		}		




/* Content
--------------------------------------------*/

#content .wrapper {
	margin-top:2.5em;
	}
	.section {
		float:left;
		width:36em;
		background:#fff;
		}
		.section h1 a { color:#ff8500;}
			.section h1 a:hover, .section h1 span { color:#ff8500; }
					
		.subsection {
			clear:both;
			margin:0 0 3em 0;
			border-top:0.1em solid #ccc;
			}
			
			.section h1 {
				clear:both;
				margin:0 0 1em 0;
				padding:0.35em 0.5em;
				background:#efefef;
				color:#000;
				font-size:medium;
				font-weight:800;
 				float:none;
 				text-align: left;
				}
				.section h1.special {
					margin:2em 0 0 0;
					}	
			.subsection h2 {
				margin:0 0 1em 0;
				color:#000;
				font-size:small;
				font-weight:800;
				line-height:1.4em;
				}
				.subsection h2 img {
					vertical-align:middle;
					margin:0 1em 0 0;
					border:0.1em solid #000;
					}
			.subsection h3 {
				margin:0 0 1em 0;
				color:#ff8500;
				font-size:small;
				font-weight:800;
				}
			.subsection p {
				margin:0 0 1em 0;
				font-size:small;
				line-height:1.35em;
				}


/* Install Pages
--------------------------------------------*/
	#playerInstall .section {
		clear:both;
		width:76em;
		margin:0 0 2em 0;
		}
	#playerInstall #upload.section {
		border:0.1em solid #ccc;
		border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;
		padding:0 0 1em 0;
		}
	#playerInstall #extraInfoFlash.section {
		border-top:0.1em solid #ccc;
		}		
		#playerInstall .section p.note {
			margin:1em 1.2em;
			}
		#playerInstall .section .subsection {
			margin:1em 1.5em;
			border:0;
			}
		#playerInstall .section p,
		#playerInstall .section li {
			padding:0 0 1em 0;
			font-size:small;
			line-height:1.4em;
			}
		#playerInstall .section li span {
			font-weight:800;
			}
			#upload.section h1.sectionTitle {
					padding-left:1em;
					background:#FF8500 url(/gui/bg_postBD.png) repeat-x 0 0;
					}
	
		#installHowTo.subsection {
			clear:none;
			float:left;
			width:40em;
			}
		#playerInstall .section #upload_container.subsection {
			clear:none;
			float:right;
			width:26em;
			margin-top:0;
			}	
	



/* Footer
--------------------------------------------*/

#footer, .push {
	height:70px;
	font-size:1em;
	}

ul#footer_nav {
	float:left;
	height:2.35em;
	width:76em;
	margin:0 0 1em 0;
	border-top:0.1em solid #ccc;
	border-bottom:0.1em solid #ccc;
	background:#efefef;
	color:#111;
	}
	ul#footer_nav li {
		float:left;
		width:25%;
		/*IE*/*width:25%;
		margin:0;
		padding:0.7em 0 0;
		font-size:x-small;
		text-align:center;
		text-transform:uppercase;
		}

	#copyright,
	#credits {
		color:#666;
		padding:1em 0;
		}
	
	#copyright {
		clear:left;
		width:100%;
		text-align:center;
		}
	#copyright.internal {
		float:none;
		width:76em;
		text-align:center;
		}	
	#credits {
		float:right;
		width:36em;
		text-align:right;
		}
	
			



/* Drop-in Notification Box
--------------------------------------------*/
			
#dropinboxv2cover{
	font-family: Verdana, Tahoma, Helvetica, Arial;
	width: 320px; /*change width to desired */
	position:absolute; /*Don't change below 4 rules*/
	z-index: 100;
	overflow:hidden;
	visibility: hidden;
	}
	#dropinboxv2{
		width: 280px; /*change width to above width-20. */
		border-left: 1px solid #000;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		background-color: #f2f2f2;
		font: verdana,arial,helvetica;
		font-size:small;
		font-color: #000;
		padding: 10px;
		/*Don't change the last 3 rules */
		position:absolute; 
		left: 0;
		top: 0;
		}
		



/* general text
--------------------------------------------- */	

a {	
	color:#121212; 
	line-height:inherit;
	text-decoration:none;
	}
	a:hover {
		color:#FF8500;
		text-decoration:underline;
		}
span {
	line-height:inherit;
	}	
strong, b {
	font-weight:800;
	line-height:inherit;
	}
em, i {
	font-style:italic;
	line-height:inherit;
	}
	
sup {
	/*IE*/*position:relative;
	/*IE*/*bottom:1em;
	/*IE*/*font-size:.40em;
	font-size:.4em;
	}

/* Banner Ads
--------------------------------------------*/

#header {
	width: 99%;
	max-width: 1200px;
}
#ad_space {
	margin: 3px auto 20px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}
.adLeaderboard {
	padding: 0;
	margin: 0 auto;
	width: 728px;
	height: 90px;
}
.adAnchor {
}

@media screen and (max-width: 750px) {
	#ad_space {
		margin: 0;
	}
	.adLeaderboard {
		width: 320px;
		margin: 0 auto 7px;
		overflow: hidden;
	}
	.adLeaderboard iframe {
		height: 50px;
		width: 320px;
	}
	.adAnchor {
	}
}



	/*** SUCKERFISH MENU STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	width: auto;
	text-align: left;
	z-index: 999;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			right;
}
.sf-menu a {
	text-decoration:none;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-top: 0.75em;
	padding-right: .5em;
	padding-bottom: 0.75em;
	padding-left: .5em;
	float: left;
	border-right-style: none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#111;
}
.sf-menu li {
	float: left;
}
.sf-menu li li {
	background-color: #efefef;
}
.sf-menu li li li {
	background-color: #efefef;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background-color: #ccc;
	text-align: left;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/assets/images/navigation/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/assets/images/navigation/shadow.png') no-repeat bottom right;
	width: 125px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.navigation {
	text-decoration:none;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-left-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-top: 0.75em;
	padding-right: 1em;
	padding-bottom: 0.75em;
	padding-left: 3em;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-nav {
	clear: both;
	background-color:#EFEFEF;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	width:100%;
	height: 25px;
	z-index: 999;
}

.adLeaderboard { margin:3px auto 20px auto; text-align:center; width: 728px; }