/* CSS Document */

/* 	#######################################################################################
	#		MAIN/GLOBAL SECTION
	#######################################################################################  */
	
html body {
	position:					relative;
	width:						750px;
	margin:						0 auto;
	padding:					0;
	background:					#FFFFFF;
	font-family:				"Trebuchet MS", "Trebuchet", 'Helvetica', 'sans-serif';
	font-size:					0.7em;
	height:						100%;
}

div#pageTitle {
	font-weight:				bold;
	font-size:					1.4em;
	color:						#0055A5;
	border-bottom:				1px dotted #0078AE;
	margin:						5px 0 10px 0;
	padding:					5px;
	text-transform:				uppercase;
}

strong.bold {
	font-size:					12px;
	font-weight:				bold;
}

.fontSize
{
	font-family:				"Trebuchet MS", "Trebuchet", 'Helvetica', 'sans-serif';
	font-size:					0.7em;
}

a {
	color:						#0055A5;
	text-decoration:			none;
}

div
{
	display:					inline-block;
}

a:hover {
	text-decoration:			underline;
}

.clear {
	clear:						both;
}

.clearLeft {
	clear:						left;
}

.clearRight {
	clear:						right;
}

.hide {
	display:					none;
}

.show {
	display:					block;
}

.lightblueContainer {
	padding:					5px;
	border:						1px solid #0078AE;
}

/* 	#######################################################################################
	#		COLUMNS SECTION
	#######################################################################################  */

.overflow
{
	overflow:					hidden;
	_height:					1%;
}

.halfCol_full {
	position:					relative;
	float:						left;
	width:						370px;
}

.halfCol_layer_full {
	position:					relative;
	float:						right;
	width:						370px;
	margin-right:				-370px;
}

.presenterContent {
	margin-left:				130px;
}

.borderRight_dotted {
	border-right:				1px dotted #069;
}

.borderLeft_dotted {
	border-left:				1px dotted #069;
}

.borderBottom_dotted {
	border-bottom:				1px dotted #069;
}
.noMargin {
	margin:						0	!important;
}

.noPadding {
	padding:					0	!important;
}

.margin {
	margin:						10px	!important;
}

.marginLeft {
	margin-left:				10px	!important;
}

.marginRight {
	margin-right:				10px	!important;
}

.marginTop {
	margin-top:					10px	!important;
}

.marginBottom {
	margin-bottom:				10px	!important;
}

.padding {
	padding:					10px	!important;
}

.paddingLeft {
	padding-left:				10px	!important;
}

.paddingRight {
	padding-right:				10px	!important;
}

.paddingTop {
	padding-top:				10px	!important;
}

.paddingBottom {
	padding-bottom:				10px	!important;
}

.margin_small {
	margin:						5px	!important;
}

.marginLeft_small {
	margin-left:				5px	!important;
}

.marginRight_small {
	margin-right:				5px	!important;
}

.marginTop_small {
	margin-top:					5px	!important;
}

.marginBottom_small {
	margin-bottom:				5px	!important;
}

.padding_small {
	padding:					5px	!important;
}

.paddingLeft_small {
	padding-left:				5px	!important;
}

.paddingRight_small {
	padding-right:				5px	!important;
}

.paddingTop_small {
	padding-top:				5px	!important;
}

.paddingBottom_small {
	padding-bottom:				5px	!important;
}

/* 	#######################################################################################
	#		FORMS SECTION
	#######################################################################################  */

div#error {
	text-align:					center;
	font-weight:				bold;
	font-size:					12px;
	margin:						10px 0;
	color:						#FF0000;
}

form#registerForm {
	margin:						5px;
	padding:					5px 0;
}

form div.formHead {
	color:						#FF0000;
	margin:						5px 0;
	margin-left:				130px;
	font-weight:				bold;
	text-transform:				uppercase;
}

form .nobr {
	display:					none;
}

form label.common {
	float:						left;
	position:					relative;
	width:						125px;
	padding:					0 5px 0 0;
	text-align:					right;
	font-weight:				bold;
}

form input.captchaTextfield,
form input.captchaTextfield_ERROR,
form input.commonTextfield,
form input.commonTextfield_ERROR {
	border:						1px solid #006699;
	font-size:					10px;
	width:						300px;
	margin:						1px 0;
	vertical-align:				top;
}

form input.captchaTextfield,
form input.captchaTextfield_ERROR {
	width:						117px;
}

form textarea.commonTextarea,
form textarea.commonTextarea_ERROR {
	border:						1px solid #006699;
	font-size:					11px;
	font-family:				Arial, Helvetica, sans-serif;
	width:						300px;
	margin:						1px 0;
	vertical-align:				top;
	height:						100px;
}

form select.small,
form select.small_ERROR {
	border:						1px solid #006699;
	font-size:					10px;
	width:						100px;
	margin:						1px 0;
}

form input.commonTextfield_ERROR,
form textarea.commonTextarea_ERROR,
form select.small_ERROR,
form input.captchaTextfield_ERROR {
	border:						1px solid #FF0000;
}

form input.submit {
	width:						75px;
	height:						15px;
	font-size:					10px;
	font-weight:				bold;
	background:					#006699;
	color:						#FFFFFF;
	border:						none;
	margin:						1px 0;
}

form input.submitRed {
	width:						100px;
	height:						20px;
	font-size:					10px;
	font-weight:				bold;
	background:					#FF0000;
	color:						#FFFFFF;
	border:						none;
	margin:						1px 0;
}

form input.submitBlue {
	width:						100px;
	height:						20px;
	font-size:					10px;
	font-weight:				bold;
	background:					#006699;
	color:						#FFFFFF;
	border:						none;
	margin:						1px 0;
	display:					block;
}

form span.required {
	color:						#FF0000;
	font-weight:				bold;
	font-size:					12px;
}

form div.formNote {
	margin-left:				130px;
	color:						#666;
	margin-top:					5px;
}

/* 	#######################################################################################
	#		HEADER SECTION
	#######################################################################################  */
	
div#header {
	position:					absolute;
	top:						0;
	left:						0;
	width:						100%;
	border-left:				1px solid #0055A5;
	border-right:				1px solid #0055A5;
}

/* 	#######################################################################################
	#		TOP NAVIGATION SECTION
	#######################################################################################  */

div#topNav {
	position:					absolute;
	top:						68px;
	left:						0;
	width:						100%;
	border-left:				1px solid #0055A5;
	border-right:				1px solid #0055A5;
	background:					url('/assets/images/navigation/holiday07_topnav_bg.jpg') repeat-x top left;
	height:						40px;
	padding-top:				5px;
}

div#topNav ul {
	float:						left;
	display:					inline;
	height:						20px;
	padding:					0;
	margin:						1px 0 0 10px;
	list-style-type:			none;
	color:						#FFF;
	font-weight:				bold;
}

div#topNav li {
	display:					inline;
}

div#topNav a {
	text-decoration:			none;
	color:						#FFFFFF;
	padding:					0 10px;
	font-weight:				bold;
	font-size:					1.2em;
	text-transform:				uppercase;
}

div#topNav a:hover {
	text-decoration:			underline;
}

div#registerLink {
	float:						right;
	margin:						0 10px 0 0;
	color:						#FFFFFF;
	font-weight:				bold;
}

/* 	#######################################################################################
	#		BODY SECTION
	#######################################################################################  */

div#body {
	position:					absolute;
	top:						103px;
	width:						740px;
	padding:					5px;
	border-left:				1px solid #0055A5;
	border-right:				1px solid #0055A5;
	height:						auto;
}

div#mainStage {
	margin-bottom:				10px;
	background:					url('/assets/images/staging_bg.jpg') no-repeat;
}

div#contingencyStage {
	position:					relative;
	margin-bottom:				20px;
}

div#dottedSpacer {
	margin-top:					10px;
	border-top:					1px dotted #0055A5;
	padding:					5px;
}

div#yellowBar,
div#blueBar,
div#sideHeader {
	position:					relative;
	height:						37px;
	padding:					2px 0 0 8px;
	color:						#FFFFFF;
	font-weight:				bold;
}

div#blueBar {
	background:					url('/assets/images/bars/bluebar.jpg') repeat-x top left;
}

div#yellowBar {
	background:					url('/assets/images/bars/yellowbar.jpg') repeat-x top left;
}

img.bar_left,
img.bar_right {
	 position:					absolute;
	 top:						0;
}

img.bar_left {
	left:						0;
}

img.bar_right {
	right:						0;
}

div#blueBar a,
div#yellowBar a,
div#sideHeader a {
	color:						#FFFFFF;
	font-weight:				bold;
	font-size:					1.4em;
}

div#nextonList {
	position:					relative;
	border:						1px solid #0078AE;
	background:					#B2CCE4;
	padding:					5px;
	margin:						0 auto 10px auto;
	color:						#000;
}

div.archiveList {
	position:					relative;
	border:						1px solid #0078AE;
	background:					#FFFFFF;
	padding:					5px;
	margin:						0 auto 5px auto;
}

div.comingSoonList {
	position:					relative;
	border:						2px solid #fcb036;
	background:					#ffedcf;
	padding:					5px;
	margin:						0 auto 5px auto;
	color:						#000000;
}

img.thumb,
img.thumb_left,
div.comingSoonList img.thumb {
	position:					relative;
	float:						left;
	display:					inline;
	border:						1px solid #0078AE;
	margin-right:				8px;
}

div.comingSoonList img.thumb {
	border:						1px solid #fcb036;
}

img.thumb_right {
	position:					relative;
	float:						right;
	display:					inline;
	border:						1px solid #0078AE;
	margin-left:				8px;
}

div.comment {
	position:					relative;
	border:						1px solid #0078AE;
	background:					#B2CCE4;
	padding:					5px;
	margin:						5px auto;
	color:						#000000;
}

div#signinRequired {
	margin:						10px 0;
	background:					#006699;
	color:						#FFFFFF;
	padding:					5px;
	font-size:					1.1em;
}

div#signinRequired .title {
	border-bottom:				1px dotted #FFFFFF;
	font-weight:				bold;
	padding-bottom:				5px;
	margin-bottom:				5px;
}

div.about {
	clear:						left;
	border-bottom:				1px dotted #0078AE;
	margin-bottom:				10px;
	padding-bottom:				10px;
}

div.about img.aboutThumb {
	margin:						0 15px 5px 0;
	float:						left;
}

div.about div#yellowBar {
	font-size:					1.2em;
	padding-top:				5px;
	height:						35px;

}

div#aboutPresenter  div#aboutPresenterTitle {
	font-weight:				bold;
	font-size:					16px;
	border-bottom:				1px solid #000000;
	color:						#006699;
	padding-bottom:				5px;
	margin-bottom:				5px;
}

div#aboutPresenter img.profile {
	margin:						0 10px 10px 0;
	float:						left;
}

/* 	#######################################################################################
	#		SHOW LISTING SECTION
	#######################################################################################  */
div.showList_A,
div.showList_B {
	position:					relative;
	border:						1px solid #0078AE;
	background:					#FFF;
	padding:					5px;
	margin:						0 auto 5px auto;
	color:						#000;
}

div.showList_A {
	border:						1px solid #0078AE;
	background:					#B2CCE4;
}

img.new {
	position:					relative;
	float:						left;
	margin:						4px 5px 0 0;
}

img.showListImg {
	position:					relative;
	float:						left;
	margin-right:				5px;
	border:						1px solid #0078AE;
}

.chatContent {
	position:					relative;
	overflow:					hidden;
}

.chatContent .next {
	color:						#ec008c;
	font-weight:				bolder;
	font-size:					21px;
	font-family:				impact;
}

.startDate {
	position:					relative;
	font-weight:				bold;
	font-size:					12px;
	display:					block;
	text-transform:				uppercase;
}

.subheader {
	position:					relative;
	font-weight:				bold;
	font-size:					1.2em;
	display:					block;
	text-transform:				capitalize;
	margin-top:					15px;
	color:						#0659A7;
}

.chatTitle,
.bioTitle,
#sideTitle {
	position:					relative;
	display:					block;
	font-weight:				bolder;
	font-size:					1.5em;
	color:						#0659A7;
	margin-bottom:				5px;
}

.bioTitle {
	margin-bottom:				0;
}

.bioPosition {
	position:					relative;
	font-weight:				bold;
	font-size:					12px;
	display:					block;
	margin-bottom:				10px;
}

.chatTitle a {
	color:						#0659A7;
	text-decoration:			underline;
}

.chatTitle a:hover {
	color:						#014280;
}

.chatBreifDesc {
	position:					relative;
	margin-left:				140px;
}

.spacer {
	margin-top:					10px;
	padding:					5px;
	border-top:					1px dotted #0055A5;
}


/* 	#######################################################################################
	#		SIDE NEXT ON SECTION
	#######################################################################################  */
	
div#sideNextOn {
	float:						right;
	width:						200px;
	background:					#ffedcf;
	color:						#FFFFFF;
	display:					inline;
	color:						#000;
	height:						1%;
}

div#sideContent {
	position:					relative;
	height:						575px;
	border:						2px solid #fcb036;
	border-top:					none;
	padding:					5px;
}

div#sideContent img {
	border:						1px solid #fcb036;
}

div#sideNextOn div#sideHeader {
	background:					url('/assets/images/bars/yellowbar_yellowbg.jpg') repeat-x top left;
	font-size:					1.2em;
	padding-top:				5px;
	height:						35px;
}

div#sideNextOn div#sideTitle {
	font-weight:				bold;
	font-size:					1.4em;
	margin:						5px 0;
	padding:					0;
}

div#sideNextOn div#sideDescription {
	border-bottom:				1px dotted #fcb036;
	padding-bottom:				5px;
}


/* 	#######################################################################################
	#		TAB NAVIGATION
	#######################################################################################  */
ul.tabs {
	padding:					0;
	margin:						0;
	list-style-type:			none;
	overflow:					hidden;
	border-left:				1px solid #006699;
}

li.tabs {
	display:					inline;
}

li.tabs a {
	background:					url('/assets/images/navigation/tab_up.png') no-repeat top left;
	position:					relative;
	float:						left;
	left:						0;
	width:						106px;
	height:						16px;
	margin-left:				-1px;
	text-decoration:			none;
	color:						#000;
	padding:					3px 5px 0 5px;
	font-size:					11px;
}

li.tabs a#questionsTab {
	color:						#FF0000;
	font-weight:				bold;
}
	
li.tabs a.selected {
	background:					url('/assets/images/navigation/tab_down.png') no-repeat top left;
	color:						#FFFFFF;
}
	
	
/* 	#######################################################################################
	#		DETAILS SECTION
	#######################################################################################  */
div#details {
	position:					relative;
	background:					#EBF8F6;
	border:						1px solid #006699; 
	border-top:					5px solid #006699;
	_margin-top:				19px;
	overflow:					hidden;
	height:						600px;
}

div#detailsContainer {
	position:					relative;
	border:						1px solid #FFFFFF;
	height:						1%;
}

div#details div#summary {
	position:					relative;
}

div#details img.summaryThumb {
	position:					relative;
	float:						left;
	margin:						0 5px 5px 0;
	border:						1px solid #000000;
}	

div#details .summaryDate {
	color:						#006699;
	font-size:					12px;
	font-weight:				bold;
	display:					block;
	margin-bottom:				5px;
}

div#details .summaryTitle {
	font-size:					14px;
	font-weight:				bold;
	display:					block;
	margin-bottom:				5px;
	color:						#666666;
}

div#details .summaryDescription {
	display:					block;
}

div#details div#biography {
	position:					relative;
	padding:					5px;
}

div#details div.biography {
	border-bottom:				1px dotted #CCCCCC;
	margin-bottom:				10px;
}

div#details div#transcript {
	position:					relative;
}

div#details div#transcript img {
	position:					relative;
	margin:						5px;
	border:						1px solid #000000;
}

div#submitQuestion {
	position:					relative;
}

div#submitQuestion .title {
	font-weight:				bold;
	font-size:					1.2em;
}

div#submitQuestion form {
	margin-left:				110px;
	text-align:					left;
}

div.reviewQuestion_a {
	padding:					5px;
	font-size:					1.1em;
	border-bottom:				1px dotted #999999;
	background:					#FFFFFF;
}

div.reviewQuestion_b {
	padding:					5px;
	font-size:					1.1em;
	border-bottom:				1px dotted #999999;
}

div#signin {
	position:					absolute;
	top:						5px;
	right:						5px;
}

div#signin form {
	font-weight:				bold;
	font-size:					10px;
	margin:						0;
	padding:					0;
}

div#signin form label,
div#summary form label,
div#submitQuestion form label {
	position:					relative;
	float:						left;
	display:					inline;
	width:						100px;
	padding:					5px 2px 0 0;
	text-align:					right;
}

div#signin form input.textfield,
div#signin form input.textfield_ERROR,
div#summary form input.textfield,
div#summary form input.textfield_ERROR,
div#submitQuestion form input.textfield,
div#submitQuestion form input.textfield_ERROR {
	border:						1px solid #006699;
	font-size:					10px;
	width:						145px;
	margin:						1px 0;
}

div#signin form input.textfield_ERROR,
div#summary form input.textfield_ERROR,
div#submitQuestion form input.textfield_ERROR {
	border:						1px solid #FF0000;
}

div#signin form input.submit,
div#summary form input.submit,
div#submitQuestion form input.submit {
	width:						50px;
	height:						15px;
	font-size:					10px;
	font-weight:				bold;
	background:					#006699;
	color:						#FFFFFF;
	border:						none;
	margin:						1px 0;
}

div#signin form input.checkbox,
div#summary form input.checkbox,
div#submitQuestion form input.checkbox {
	vertical-align:				middle;
}

/* 	#######################################################################################
	#		PLAYER SECTION
	#######################################################################################  */
div#playerTitle {
	font-weight:				bold;
	font-size:					1.8em;
	color:						#666666;
	margin-bottom:				5px;
}

div#sideAdverts {
	position:					relative;
	float:						right;
	width:						200px;
	height:						297px;
	text-align:					center;
	border:						1px solid #006699;
	padding:					5px 0;
	margin-right:				2px;
}

div#sideAdverts img {
	margin:						5px;
}

/* 	#######################################################################################
	#		FOOTER SECTION
	#######################################################################################  */

div#footer {
	clear:						both;
	position:					relative;
	text-align:					right;
	height:						20px;
	color:						#666666;
	background:					#FFFFFF;
	margin:						5px -6px -5px -6px;
	border-top:					1px solid #0055A5;
	padding:					5px 10px;
}

div#footer a {
	color:						#666666;
	text-decoration:			none;
	padding:					5px 0;
}

div#footer a:hover {
	color:						#666666;
	text-decoration:			underline;
}

div#footer ul {
	padding:					0;
	margin:						0;
}

div#footer li {
	display:					inline;
}

.regulations
{
	margin-top:					30px;
	font-size:					0.9em;
}