/* ----------------------------------------------------------
Site: Strictly Come Dancing
Filename: core.css
Author: 
Created: 
Modified: 2010-10-25 Peter Barclay
Description: 
	Main structural and cosmetic stylesheet for 'Strictly Come Dancing 2010'.
		
*/		

.fright { 
	float:right; 
	display:inline; 
}

.fleft { 
	float:left; 
	display:inline; 
}

.clear_both { 
	clear:both; 
}

/* main page styles*/
html, 
body { 
	height:100%; 	
	margin: 0px; 
	padding: 0px; 
	font-family: Arial, Helvetica, sans-serif; 	
	color:#FFF; 
}

/* global link styles */
a:link, 
a:active, 
a:visited { 
	outline:none; 
	color:#F3F6A6; 
	text-decoration:none; 
}

a:hover { 
	text-decoration:underline;
}

.homepage { 
	background:url(/staticarchive/bcc9038e03b2c87b4dfa444dee85ef758c176730.jpg) top center no-repeat #000000; 
}
	
/* Strictly masthead/logo - all pages except homepage */	
#logo { 
	float:left; 
	width:624px; 
	height:152px; 
	background:url('/staticarchive/5a2245776b035e36d6fa06ad6d179d5d3e27e51b.png');
}

#logo a, 
#logo a:hover { 
	display:block;
	width:100%;
	height:100%;
	outline:none; 
}

/* Strictly masthead/logo - homepage */
.homepage #logo { 
	display:inline;
	width:976px;
	height:365px; 
	background:none; 
}

.homepage #logo #promo { 
	position:relative; 	
	float:right; 
	width:640px; 	
	height:365px; 
	margin:-1px; 
	z-index:0; 
}

.homepage #logo #promo .mask { 
	position:absolute; 
	width:640px; 
	height:365px;	
	z-index:10; 
	padding:0px; 
	margin:0px; 
}

.homepage #logo #promo .specialpromo-wrapper .text { 
	position:absolute; 
	top:250px; 
	right:0px; 	
	width: 215px; 
	z-index:11;
	padding:10px 100px 10px 10px; 
	font-weight:bold; 
	color:#FFF; 
	background-image:url('/staticarchive/6590602fbd64159817dd4aa008cdb043f9412a82.png');
	background-position: top left;
	background-repeat:repeat-y; 
}

.homepage #logo #promo .text h2 { 
	padding:0 0 4px 0; 
	margin:0px; 
	font-size:1.8em; 	
	font-family:Arial, Helvetica, sans-serif; 	
	color:#fff;	
}

.homepage #logo #promo .text p { 
	margin-bottom: 10px;
}

.homepage #logo #promo .text p.watch-again { 
	font-weight:bold;
}

.homepage #logo #promo #default-promo	{
	height: 367px;
}

.homepage #logo #promo #default-promo img.promo-image, .homepage #logo #promo #emp-promo img.promo-image {
	padding-top:30px;
	padding-bottom:30px;
}

.homepage #logo #promo #default-promo .text, .homepage #logo #promo #emp-promo .text { 
	position:absolute; 
	top:250px; 
	right:0px; 	
	width: 215px; 
	z-index:11;
	padding:10px 100px 10px 10px; 
	font-weight:bold; 
	color:#FFF; 
	background-image:url('/staticarchive/6590602fbd64159817dd4aa008cdb043f9412a82.png');
	background-position: top left;
	background-repeat:repeat-y; 
}

.homepage #logo #promo #emp-promo .text	{

	top:200px; 
		padding:10px 336px 10px 10px;


}

.homepage #logo #promo #default-promo .text h2, .homepage #logo #promo #emp-promo .text	{
	color: #fff;
	width: 295px;
}

.content_page { 
	background:url('/staticarchive/d8a0e5aa2b2b768c0e1eb9a7a0b2947c532df9c2.jpg') top center no-repeat #000000; 
}

.stages { 
	width:1297px; 	
	height:229px; 
	z-index:-1;	
	margin:-229px auto 0 auto; 
	background:url(/staticarchive/8667069a734072b1a73cb96d9cc5e98fa2e4227d.jpg) top left no-repeat; 
}
	
/* main nav */
#blq-local-nav { 
	float:left; 
	display:inline; 	
	width:950px;	
	height:23px; /* check this height */	
	padding:6px 13px; 		
	font-size:1.35em; 
	line-height:1.2em; 
	background:url(/staticarchive/d791198b1dab155ed53204e0356f66f63a9b4576.png) top left repeat-x; 
} 

#blq-local-nav a:link, 
#blq-local-nav a:visited, 
#blq-local-nav a:active { 
	outline:none; 
	text-decoration:none; 
	font-weight:bold; 
	color:#F3F6A6; 	
}

#blq-local-nav a.selected { 
	text-decoration:none; 	
	color:#d0bdff; 
}
#blq-local-nav a:hover { 
	text-decoration:none; 	
	color:#d0bdff; 
}

#blq-local-nav ul {}
#blq-local-nav li { 
	float:left; 
	display:inline; 
	margin:0 21px 0 0; 
}

/* main content area */
/* does the footer need a 1px line above it? border-bottom:1px solid #CCC; */
#blq-content { 
	float:left; 
	display:inline; 
	width:976px; 
	margin:16px 0 320px 0; 
	color:#FFF; 
}

/* with a left hand side and a right hand side */
#blq-content #lhs { 
	float:left; 
	display:inline; 
	width:624px; 
	margin:0 0 16px 0; 
}

#blq-content #lhs .content { 
	float:left; 
	display:inline; 
	width:598px; 	
	margin:0 0 18px 0;
	padding:17px 13px; 
	background-color:#000; 	
}

#blq-content #rhs { 
	float:left; 
	display:inline; 
	overflow:hidden; 	
	width:336px; 
	margin:0 0 0 16px; 
}

/* one main content area, no right hand side */
#blq-content #main { 
	float:left; 
	display:inline; 
	width:976px; 
	margin:0 0 16px 0; 
}

#blq-content #main .content { 
	float:left; 
	display:inline; 
	width:950px; 
	margin:0 0 18px 0;
	background-color:#000; 	 
}

*html #blq-content #main .content { }

/* h tags */
.home_h1 { 
	float:left; 
	display:inline; 
	width:100px; 
	text-indent:-1000px; 	
}
h1 { 
	padding:0 0 8px 0; 
	margin:0 0 10px 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:2.3em; 
	line-height:1.1em; 	
}
h2 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.9em; 
	line-height:1em; 
	padding:0 0 4px 0; 
	margin:0 0 10px 0; 
}
.content h3 { 
	padding:0 0 2px 0; 
	margin:0 0 10px 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.3em; 
	line-height:1.4em; 	
}
.content .white { 
	width:611px; 	
	color:#FFFFFF; 
}
h3 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.5em; 
	line-height:1.6em; 
	padding:0 0 2px 0; 
	margin:0 0 10px 0; 
}
.content h5 { 
	padding:0 0 1px 0; 
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.1em; 
	line-height:1.2em; 	 
}

.content { 
	padding:17px 13px; 
}

p { 
	margin: 0 0 10px; 
	font-size:0.9em; 
	line-height:1.4em; 
}

.content p.bottom { 
	margin:0 0 25px 0; 
	font-size:0.9em; 
	line-height:1.4em; 
}

.content ul { 
	margin:0 0 20px 15px; 
	list-style:disc inside none; 
}

.content ul li { 
	font-size:0.9em; 
	line-height:1.4em; 
	color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; 	
}

.content a.jump_link:link, 
.content a.jump_link:active, 
.content a.jump_link:visited { 
	float:left; 	
	display:block;
	width:292px;
	margin:0; 
	padding:0 6px 2px 0; 	
	font-size:1.35em; 
	line-height:1.25em; 	
	font-weight:bold;
	text-decoration:none; 	 	
	color:#F3F6A6; 
}

.content a.jump_link:hover { 
	text-decoration:underline; 
}

.bottom_block { 
	margin-top: 15px !important;
	border-top: 1px solid #353869; 
	padding-top: 15px !important; 	 
}

.bottom_block a { 
	padding-bottom: 0.3em; 
}

hr { 
	height: 1px; 
	margin: 15px 0; 
	border: 0 none; 	
	padding: 0; 	
	font-size: 0;
	line-height: 0; 	 
	color: #353869; 
	background-color: #353869; 
}

label { 
	display: block; 	
	padding: 5px; 
}

label strong { 
	float: left; 	
	width: 150px; 
	display: block;
	line-height: 1.2em; 
}

.content .item { 
	float:left; 
	display:inline;	
	clear:both; 	
	width:950px; 
}

.content .number { 
	float:left; 	
	display:inline; 	
	clear:both;  
	width:48px; 	
	font-size:3.0em; 
	line-height:1.0em; 	
	font-weight:bold; 
}

.content .question_answers { 
	float:left; 
	display:inline; 
	width:902px; 
}

.content .question_answers .question { 
	width:550px; 	
	padding:0 352px 0 0; 	
	font-size:1.3em; 
	color:#FFF; 
}

.content .question_answers .image_answers { 
	float:left; 
	clear:both;	
	width:902px; 
}

.content .question_answers .image_answers img { 
	float:left; 
	display:inline; 
	clear:both;	
}

.content .question_answers .image_answers .answers {  
	float:right; 
	display:inline; 
	width:325px; 
	font-size:1.2em; 	
}

.content .submit_button { 
	/*float:left;*/
	cursor:pointer; 
	display:inline;
	clear:both; 	
	margin:10px 0 0 4px; 	 
	border:0px; 		
	padding:2px 10px 4px; 	
	color:#FFF; 
	font-size:1.1em; 
	font-weight:bold; 
	background-color:#4d3d86;
}

.content .links { 
	float:right; 
	display:inline; 
	width:360px;	
	height:50px; 
	font-weight:bold; 
}

.content .links span { 
	float:right; 
	display:inline; 
}
.content a.purple_block:active, 
.content a.purple_block:link, 
.content a.purple_block:visited { 
	float:right; 
	display:inline; 
	margin:0 0 0 10px; 
	padding:3px 5px; 
	text-align:center;	
	font-size:1.2em; 
	font-weight:bold; 
	background-color:#6454a0;  
	color:#FFF; 	
}

.content a.team_card:link, 
.content a.team_card:active, 
.content a.team_card:visited {
	float:left; 
	display:inline; 
	width:108px; 
	height:48px; 
	margin-right: 8px;	
	padding:170px 10px 0 10px; 
	text-align:center;
	outline:none; 
	font-size:1.4em; 
	line-height:1.1em; 
	font-weight:bold; 
	text-decoration:none; 	
	color:#F3F6A6; 
}
	
.content a.end_card.team_card { 
	margin-right: 0; 
}

.content a.team_card:hover { 
	color: #F3F6A6; 
	text-decoration: underline; 
}

.content a.show_card:link, 
.content a.show_card:active, 
.content a.show_card:visited {
	float:left; 
	display:inline; 
	width:130px; 
	height:48px; 
	margin-right: 8px;	
	padding:170px 10px 0 10px; 
	text-align:center;
	outline:none; 
	font-size:1.4em; 
	line-height:1.1em; 
	font-weight:bold; 
	text-decoration:none; 	
	color:#F3F6A6; 
}
	
.content a.end_card.show_card { 
	margin-right: 0; 
}

.content a.show_card:hover { 
	color: #F3F6A6; 
	text-decoration: underline; 
}

.content a.selected:link, 
.content a.selected:active, 
.content a.selected:visited { 
	color:#F3F6A6; 
}

.content .spacer { 
	float:left; 
	display:inline; 
	width:8px; 	
	height:218px; 
}

.content .text_left { 
	float:left; 
	display:inline; 
	width:611px; 
	margin:0 15px 0 0; 
}

.content .text_right { 
	float:right; 
	display:inline; 
	width:611px; 
	margin:0 15px 0 0; 
}

.content .quote { 
	float:left; 
	display:inline; 
	width:272px; 	
	margin:0 32px 15px 0; 
	padding:55px 10px 20px 10px; 	
	background:url(/staticarchive/136acdb992f4114a3174b619a391d325c597003f.gif) top left no-repeat #47397c; 
}

.content .quote .text { 
	float:right; 
	display:inline; 
	width:272px; 
	padding-bottom: 5px;
	font-size:2.0em; 
	line-height:1.2em; 	
	font-weight:bold; 
	color:#FFF; 	
}

.content .quote .author { 
	float:right; 
	display:block; 	
	font-size:0.9em; 
	font-weight:bold; 
	color:#FFF; 
}

.content .video { 
	float:left; 	
	display:inline; 	
	width:512px; 
	height:323px; 	
	margin:0 86px 5px 0; 		
	border:1px solid red; 
}

.content .intro { 
	font-size: 110%; 
	font-weight: bold; 
	line-height:1.3em; 
}

#lhs .image { 
	position:relative; 	
	float:left; 
	display:inline; 
	clear:both; 
	width:598px; 
}

#lhs .image img { 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:0; 
}

#lhs .image h2 { 
	position:absolute; 
	top:15px; 	
	left:0; 	
	margin:0px; 
	padding:8px 14px; 	
	font-size:2em; 
	line-height:1.1em; 
	font-weight:bold; 
	z-index:1; 
	background-color:#000; 
	color:#FFF; 	
}

.content .gallery_thumbnail { 
	float:left; 
	display:inline; 
	width:144px; 	
	margin:0 14px 20px 0; 
}

.content .gallery_thumbnail img { 
	float:left; 
	display:inline;
	margin:0 0 10px 0; 	 
}

.content .gallery_thumbnail a:link, 
.content .gallery_thumbnail a:visited, 
.content .gallery_thumbnail a:active { 
	font-weight:bold; 
	color:#F3F6A6; 
}

.content .gallery_item { 
	float:left; 
	display:inline; 	
	width:304px; 
	height:236px; 
	margin:0 12px 20px 0; 
}

.content .gallery_item h4 { 
	width:300px; 	
	font-size:1.6em; 
}

.content .gallery_item .gallery_thumbnail { 
	position:relative; 	
	float:left; 
	display:inline; 
	width:304px; 
}

.content .gallery_item .gallery_thumbnail img { 
	position:absolute; 
	left:0px; 	
	top:0px; 
	z-index:0; 
}

.content .gallery_item .gallery_thumbnail .block { 
	position:absolute; 	
	left:0; 	
	top:158px; 	
	width:304px;	
	height:36px; 	
	opacity:0.4; 	
	filter:alpha(opacity=40);	
	background-color:#000; 
}

.content .gallery_item .gallery_thumbnail a { 
	position:absolute; 
	left:8px; 	
	top:165px; 
	z-index:1; 
	font-size:1.4em; 
	font-weight:bold; 
}

/* dancers page */
.content .carousel { 
	float:left; 
	display:inline; 	
	width:598px; 
	height:116px; 
}

.content a.watch_link:active, 
.content a.watch_link:link, 
.content a.watch_link:visited { 
	float:left; 
	display:inline; 
	width:299px; 
	margin:0 0 10px 0; 	
	font-size:1.2em; 
	font-weight:bold; 
}

.content a.dancer_name:link, 
.content a.dancer_name:active, 
.content a.dancer_name:visited { 
	font-size:1.4em; 
	font-weight:bold; 
}

/* newsletter */
.content .newsletter_signup p { 
	margin:0 0 5px 0; 
}

.content .newsletter_signup .submit_button { 
	margin:10px 0 0 0; 
}


/* quiz page */
.content .score {
	display:inline; 
	float:left; 
	width:182px;
	margin:0 0 20px; 		
	font-size:1.3em; 
	font-weight:bold; 
}

.content .score img { 
	float:right;
}

/* styles for the homepage */
#blq-content #main_black { 
	float:left; 
	display:inline; 
	width:944px; 
	margin:0 0 16px 0; 
	padding:16px; 	
	background-color:#000; 
}

#blq-content #main_black .lhs { 
	float:left; 
	display:inline; 
	width:640px; 
}

#blq-content #main_black .rhs { 
	float:left; 
	display:inline; 
	width:304px; 
}

#blq-content #main_black .story_left, 
#blq-content #main_black .story_right { 
	float:left; 
	display:inline; 
	width:304px; 
}

#blq-content #main_black .story_left { 
	margin:0 16px 0 0; 
}

#blq-content #main_black .story_right { 
	 padding-right:15px;
}

#blq-content #main_black h3 { 
	margin:0px; 	
	color:#f3f6a6; 
}

#blq-content #main_black .twitpics_text { 
	float:right; 
	display:inline; 
	font-size:0.85em; 	
	font-weight:bold; 
	color:#f3f6a6; 	
}

#blq-content #main_black .twitpics_text span { 
	color:#FFF; 
}

#blq-content #main_black .quote { 
	float:left; 	
	display:inline; 	
	width:284px; 	
	height:68px; 	
	margin: 0 0 10px; 
	padding:10px; 	
	font-size:0.9em; 
	line-height:1.3em; 	
	background:url("/staticarchive/2f2fc5431a903142559c3f4cb260b81f98a6209a.gif") no-repeat left top; 
}		

a.latest_link:visited, 
a.latest_link:link, 
a.latest_link:active { 
	float:left; 
	display:inline;	
	width:304px; 	
	font-size:1.1em; 
	font-weight:bold; 
	text-decoration:none; 
	color:#f3f6a6; 
}

a.latest_link:hover { 
	text-decoration:underline; 
}

#blq-content #promo_1 { 
	float:left; 
	display:inline; 
	width:304px; 
	height:232px; 
	margin:0 16px 0 0; 
	padding:16px 0px 16px 16px; 
}

#blq-content #promo_1 .question { 
	float:left; 
	display:inline; 
	width:174px; 	
}

#blq-content #promo_1 .promo_1_link { 
	float:left; 
	display:inline; 
	width:130px;
	height:232px; 		
	outline:none; 
}

#blq-content #promo_1 a.promo_1_link:hover { 
	text-decoration:none; 
}

#blq-content #promo_2 { 
	float:left; 
	display:inline; 
	width:288px; 
	height:232px; 
	margin:0 16px 0 0; 
	padding:16px 0 16px 16px; 
}

#blq-content #promo_2 .text { 
	float:left; 
	display:inline; 
	width:168px; 	
}

#blq-content #promo_2 .promo_2_link { 
	height:232px; 
	width:120px; 
	float:left; 
	display:inline; 
	outline:none; 
}

#blq-content #promo_2 a.promo_2_link:hover { 
	text-decoration:none; 
}

#blq-content #promo_3 { 
	float:left; 
	display:inline; 
	width:318px; 
	height:264px; 
	margin:0px; 
	padding:0px; 
}

#blq-content #promo_3 .lhs, 
#blq-content #promo_3 .rhs { 
	float:left; 
	display:inline; 
	width:159px; 
}

#blq-content #promo_1 h2, 
#blq-content #promo_2 h2, 
#blq-content #promo_3 h2 { 
	padding:0 0 8px 0; 
	margin:0 0 10px 0; 
	font-size:1.9em; 
	font-family:Arial, Helvetica, sans-serif;	
	line-height:35px; 	
}

#promo_1 .submit_button { 
	margin:10px 0 0 0; 
	padding:5px 8px;	
	border:0px; 
	font-size:1.0em; 
	font-weight:bold; 
	background-color:#4c3c86;	
	color:#FFF; 
}

#promo_2 p { 
	width:120px; 
	margin:0 0 10px 0; 
	line-height:1.4em; 
}

#promo_2 a:link, 
#promo_2 a:active, 
#promo_2 a:visited { 
	float:left; 
	display:inline; 	
	width:120px; 
	margin:0 0 10px 0; 
	outline:none; 		
	line-height:1.4em; 
	text-decoration:none; 
}

#promo_2 a:hover { 
	text-decoration:underline; 
}

#promo_3 h2 { 
	width:150px; 
}

#promo_3 .text { 
	font-size:0.85em; 
	line-height:1.4em; 
	font-weight:bold; 
}

#promo_3 .text span {
	color:#FFF; 
}

#blq-content #lhs .main_image { 
	float:left; 
	display:inline; 
	margin:0 0 18px 0; 
	position:relative; 
}

#blq-content #lhs .main_image h1 { 
	position:absolute; 
	top:16px; 
	left:0px; 
	padding:5px 8px; 
	z-index:1; 
	background-color:#000; 	
	color:#FFF; 	
}

/* the right hand side to work with the #lhs */
#blq-content #rhs .item { 
	float:left; 
	display:inline; 
	width:302px; 	
	margin:0 0 1px 0; 
	padding:11px 17px; 
	font-weight:bold; 
	font-size:1.35em; 
	background-color:#000; 	
}

#rhs .item a { 
	float:left; 
	display:inline; 
	outline:none; 	
	text-decoration:none; 
}

#rhs .item a:hover { 
	text-decoration:underline; 
}

#rhs .item .faq { 
	background:url(/staticarchive/1b6a774452fe9168cf8daebcb0a16ae1710eb1ab.gif) center right no-repeat; 
}

#rhs .item .mobile { 
	background:url(/staticarchive/9e6f9831319fcd5221550a64bf6f6cc0e1cfb6a0.gif) center right no-repeat; 
}

#rhs .item .voting-scoring { 
	background:url(/staticarchive/24771054d88dca7c07395a9cc48774435d7b752c.gif) center right no-repeat; 
}

#rhs .item .newsletter { 
	background:url(/staticarchive/f578d11bc31dba544cdd681ada644b4371ef5bc4.gif) center right no-repeat; 
}

#rhs .item .facebook-twitter { 
	background:url(/staticarchive/6e69b0a096603bc0039f542a075e84130b9c5ed6.gif) center right no-repeat; 
}

#rhs .item .selected { 
	width:270px; 
	height:47px;
	border:0px; 	 	
	padding:0 32px 0 0; 	
	line-height:47px; 
	color:#d0bdff; 

}

#rhs .item .link { 
	width:270px; 
	height:47px; 
	padding:0 32px 0 0; 
	line-height:47px; 
	color:#f3f6a6; 	
}

#rhs .rhs_content { 
	float:left; 
	display:inline;
	width:336px;	 
}

#rhs div.rhs_bg { 
	padding:15px 0 35px 15px; 	
	background-color:#000; 
}

/* adding selected onto the link adds a white border ie. class="celeb_1 selected" */
#rhs .selected { 
	float:left; 
	display:inline; 	
	width:71px; 
	height:71px; 
	margin:0 4px 4px 0; 
	border:1px solid #d0bdff; 
	outline:none; 
}

/* each default link has to have unselected added to it ie. class="celeb_1 unselected" */
#rhs .unselected { 
	float:left; 
	display:inline; 	
	width:73px; 
	height:73px; 
	margin:0 4px 4px 0; 
	border:0px; 
	outline:none; 
}

#rhs h2 { 
	margin:0 0 10px 0; 	
	padding:0 0 2px 0; 	
	font-size:1.5em; 
	line-height:1.5em; 
	font-family:Arial, Helvetica, sans-serif; 	
	color:#FFF; 
}

#rhs a.color_link:active, 
#rhs a.color_link:link, 
#rhs a.color_link:visited { 
	float:left; 
	display:inline; 
	width:142px; 	
	margin:4px 4px 0 0; 	
	padding:4px; 	
	text-align:center; 	
	text-decoration:none; 
	font-weight:bold; 
	background-color:#6555a0; 
	color:#FFF; 
}

#rhs a.color_link:hover { 
	text-decoration:underline; 
} 

#rhs #rightpanel-items .item { 
	margin-bottom: 8px; 
}

#rhs #rightpanel-items h2 { 
	font-size: 1em; 
}

#rhs #rightpanel-items p { 
	font-size: .7em; 
	font-weight: normal; 
}

#rhs #rightpanel-items img { 
	padding-bottom: 3px; 
}

/* this adds in the bottom stages for the site, the 2nd blq-gvl-3 is for the extdev server */
#blq-container,
#blq-container.blq-gvl-3 { 
	background:url("/staticarchive/e5509784255a67b8f666fa2d9c0d6a42a9f10f37.jpg") no-repeat center bottom; 
}

#blq-container-inner, 
#blq-main { 
	background:none; 
}

#blq-pre-mast, 
#blq-acc, 
#blq-mast, 
#blq-main, 
#blq-foot, 
#blq-nav { 
	font-family:Arial, Helvetica, sans-serif; 
}

.blq-gvl-3 #blq-foot { 
	border-top:1px solid #FFF; 
	line-height:1.0em; 
}

.white { 
	color:#FFF; 
}

.yellow { 
	color:#F3F6A6; 
}

.purple { 
	color:#d0bdff; 
}

.team_padding { 
	padding:17px 13px 0px 13px; 
	background-repeat: no-repeat; 
}

.team_padding h2 { 
	float:left; 
	width:610px; 
}

/* specific to the Quiz */
body.quiz .content,
body.quiz .content p, 
body.quiz .content div,
body.quiz .content ul {
	color: #ffffff;
}

body.quiz .content h2,
body.quiz .content h3 {
	color:#d2befd;
}

/* The page intro text */
body.quiz .content .page-intro {
	margin-bottom:12px;
}

/* The main question-answer block */
body.quiz .mod-qa {
	clear:both;
	overflow:hidden;
	zoom:1;	
	margin:0 0 10px 0;
	border-top:1px solid #393769;	
	padding:8px 0 10px 0;
}

body.quiz .mod-qa h4 {
	float:left;
	width:60px;
	overflow:hidden;
	zoom:1;
	font-size:3.2em;
	line-height:1em; /* Override default line height */	
	color:#d2befd;
}

body.quiz .mod-qa .prompt,
body.quiz .mod-qa .yousaid {
	float:left;
	width:560px;
}

body.quiz .mod-qa .prompt .prompt-text,
body.quiz .mod-qa .yousaid .yousaid-text {
	font-size:1.2em;
	font-weight:bold;
	color:#d2befd;		
}

body.quiz .mod-qa .prompt .mod-image,
body.quiz .mod-qa .yousaid .mod-image {
	margin-bottom:15px;	
}

/* The user inputs - radio buttons etc */
body.quiz .mod-qa .response-input {
	float:left;
	width:330px;
	padding-top:30px;
}

body.quiz .mod-qa .response-input ul {
	list-style-type: none;
}

body.quiz .mod-qa .response-input li {
	margin-bottom:10px;
	color:#d2befd;	
}

body.quiz .mod-qa .response-input li label {
	padding-left:5px;
}

/* Answer - feedback */
body.quiz .mod-qa .show {
	float:left;
	width:330px;
	padding-top:30px;
	color:#ffffff;
}
body.quiz .mod-qa .show .correct {
	font-weight:bold;
	color:#d2befd;
}

.quiz_submit {
	float: right;
	width: 300px;	
}

/* Main form submit button*/
body.quiz form .submit_button {
	cursor: hand;
	margin: 0;
}

body.quiz .mod-score-final {
	margin-bottom:10px;
	zoom:1;	
}

body.quiz .mod-score-final h4 {
	float:left;
	overflow:hidden;
	zoom:1;	
	width:170px;
	margin-right:10px;
	font-size:1.8em;
	line-height:1em; /* Override default line height */	
	color:#ffffff;
}

body.quiz .mod-score-final .score-final {
	float:left;
	overflow:hidden;
	zoom:1;	
	width:100px;
	margin-right:10px;
	margin-bottom: 10px;
	color:#ffffff;
}

body.quiz .feedback-overall {
	float: left;
	width: 250px;	
	font-weight:bold;	
}

body.quiz .no_answers {
	font-weight:bold;
}

a.anchor,
a.anchor:hover,
a.anchor:link,
a.anchor:visited {
	text-decoration: none;
}

/* for Dancers subindex */

#dancers_sub #main .content {
	margin:0;
	padding:10px 16px;
}

#dancers_sub #main .content h1 {
	margin-bottom:13px;
	line-height:1em;
}


#dancers_sub .nav-tn {	
	margin-bottom:10px;
	padding-bottom:5px;
}

#dancers_sub .nav-tn ul {
	float:none;
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-left:0;
	margin-bottom:12px;
	padding-left:0;
}

#dancers_sub .nav-tn ul.nav-items li {
	position:relative;
	float:left;
	overflow:hidden;
	zoom:1;
	margin:0 7px 10px 0;
	list-style-type:none;
}

#dancers_sub #blq-content .nav-tn ul.professionals li {
	width:128px;
	margin:0 7px 10px 0;
}

#dancers_sub #blq-content .nav-tn ul.troupe li {
	width:158px;
	margin:0 0 10px 0;
}

#dancers_sub .nav-tn ul.nav-items li .overlay {
	position:absolute;
	left:0;	
	bottom:0;
	clear:both;	
	width:100%;	
	height:50px;
	padding-top:4px;
}

#dancers_sub .nav-tn ul.nav-items li h3 {
	padding: 0 5px 0 5px;
	font-size:1.4em;
	text-align:center;
}

#dancers_sub .nav-tn ul.nav-items li h3 a {
	color:#f3f6a6;
}

#dancers_sub .nav-tn ul.nav-items li h3 a:hover {
	color: #F3F6A6;
}

#dancers_sub p a {
	font-weight:bold;
}


/******************** dancer progress styles *********************/
/* styles for hard rules, including colour  */
#blq-content #rhs .rhs_content #dancer-progress hr.progress,
#blq-content #rhs .rhs_content #dancer-progress hr.progress2 {
	clear:both;	
	width: 100%;
	background-color: #65559C;
}
/* two different heights for hard rules */
#blq-content #rhs .rhs_content #dancer-progress hr.progress {
	height:1px;
}
#blq-content #rhs .rhs_content #dancer-progress hr.progress2 {
	height:2px;
}

/* Align text right and scores left */
#blq-content #rhs .rhs_content #dancer-progress .dance,
#blq-content #rhs .rhs_content #dancer-progress .combined {
	float:left;
	clear:left
}
#blq-content #rhs .rhs_content #dancer-progress .score {
	float:right;
	clear:right;
}

/* h2 & h3 */
#blq-content #rhs .rhs_content #dancer-progress .dancer h2,
#blq-content #rhs .rhs_content #dancer-progress .dance-score,
#blq-content #rhs .rhs_content #dancer-progress .dance-score-info {
	display:block;
	clear:both;
	font-weight:bold;
}

#blq-content #rhs .rhs_content #dancer-progress .dancer h2,
#blq-content #rhs .rhs_content #dancer-progress .dance-score-info {
	margin-bottom:25px;
}

#blq-content #rhs .rhs_content #dancer-progress h2,
#blq-content #rhs .rhs_content #dancer-progress .score h2,
#blq-content #rhs .rhs_content #dancer-progress .score h3 {
	padding:0;
	line-height:1.1em;	
	font-size:2em;
}

#blq-content #rhs .rhs_content #dancer-progress .score h3 {
	position:relative;
	top:-7px;
}

#blq-content #rhs .rhs_content #dancer-progress .week h3 {
	display:block;
	clear:both;
	margin:15px 0 8px 0;
	line-height:.5em;	
	color:#CCBDF4;	
}

/* h4 styling */
#blq-content #rhs .rhs_content #dancer-progress .dance h4,
#blq-content #rhs .rhs_content #dancer-progress .combined h4 {
	font-size:2em;
	line-height:1.1em;
}
#blq-content #rhs .rhs_content #dancer-progress .dance h4 {
	color:#FFFFCC;
}

/* creates super-script style for right hand side 'out of' part of score */
#blq-content #rhs .rhs_content #dancer-progress .score span.super{
	position:relative;
	top:5px;
	vertical-align:super;	
	font-size:0.6em;		
}

/* additional progress info styling */
#blq-content #rhs .rhs_content #dancer-progress .dance-score-info {
	font-size:1em;
	line-height:1.3em;
}

/* styling for high and low point comment boxes */
#blq-content #rhs .rhs_content #dancer-progress .highp,
#blq-content #rhs .rhs_content #dancer-progress .lowp {
	display:block;
	clear:both;
	overflow:hidden;
	height:120px;	
	margin-bottom:17px;
	background-color:#352b67;
}

#blq-content #rhs .rhs_content #dancer-progress .highp h2,
#blq-content #rhs .rhs_content #dancer-progress .lowp h2 {
	margin:0px 10px -15px 10px;	
	font-weight:bold;
	font-size:1.7em; /* overides h2 values */
	line-height:1.8em;
}

#blq-content #rhs .rhs_content #dancer-progress .highp p.prog-comment,
#blq-content #rhs .rhs_content #dancer-progress .lowp p.prog-comment {
	position:relative;
	font-size: .9em;
	font-weight:bold;
}

#blq-content #rhs .rhs_content #dancer-progress .highp p.prog-comment {
	left:0px;	
	margin-bottom:15px;	
	padding:10px 0px 10px 10px;
}

#blq-content #rhs .rhs_content #dancer-progress .lowp p.prog-comment {
	right:0px;	
	padding:10px 10px 10px 156px;
}
	
#blq-content #rhs .rhs_content #dancer-progress .highp img {
	float:right;
}

#blq-content #rhs .rhs_content #dancer-progress .lowp img {
	float:left;
}

/****** generic right panel styles  ******/
#rightpanel-items	{
	margin-top: 5px;
}

#rightpanel-items .item ul	{ 
	display: block;
}

#rightpanel-items .item li	{ 
	font-size: .7em; 
	line-height: 110%;
}

#rightpanel-items .item li a	{ 
	display: block;
	clear: both;
	margin-bottom: .9em;
}

/****** 'About' section ****/
#blq-content #lhs .content-about h2 {
	margin-top: 1em;	
	color: #D0BDFF;
	clear: both;
}

/** dance lesson search page **/

body.dance-search	h4 {
	margin-bottom: .5em;
}

body.dance-search	h3 {
	margin-top: 1.5em;
}