@charset "utf-8";

/* CSS Document */

/* overrides of general.css */
#container.webcast {
	background: none;
} 

#container.webcast .highlighted_header {
	padding-left: 18px;
	padding-right: 18px;
}

#container.webcast .clear_header {
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 10px;
}

#container.webcast  div.standard_content_panel {
	padding-left: 18px;
	margin-bottom: 10px;
}

#container.webcast .highlighted_header h3 {
	background-image: url(../images/general/header_highlight_bg.gif);
	background-repeat: repeat-x;
}

#container.webcast .clear_header h3 {
	font-size: 20px;
	color: #000000;
}

#container.webcast .big_thumb_right_col {
	width: 370px;
	float: left;
}

.text_large_red_name {
	font-weight: bold;
	color: #dd383a;
	font-size: 14px;
}

.text_red_name {
	font-weight: bold;
	color: #dd383a;
}

.text_black_name {
	font-weight: bold;
	color: #000000;
}

h3 { 
	font-size: 40px;
	font-weight: bold;
	color: #000000;
}

#webcast_box_watching {
	margin-left: 24px;
	width: 320px;
	background-image: url(../images/general/red_bg.gif);
	background-repeat: repeat-y;
	padding-top: 1px;
	padding-bottom: 1px;
}

#webcast_box_watching div {
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 18px;
	margin-right: 18px;
}

#webcast_box_watching div h3 {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

#webcast_box_watching div p {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
}

#webcast_box_nextevent {
	background-color: #ffff33;
	margin-left: 24px;
	width: 320px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#webcast_box_nextevent div {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 18px;
	margin-right: 18px;
}


#webcast_box_nextevent div p {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

#webcast_box_eventmenu {
	background-color: #000000;
	margin-left: 24px;
	width: 320px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#webcast_box_eventmenu div {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 18px;
	margin-right: 18px;
}


#webcast_box_eventmenu div p {
	font-size: 20px;
	color: #666666;
	font-weight: bold;
}

#webcast_box_eventmenu div p a:link { text-decoration: none; color: #666666; }
#webcast_box_eventmenu div p a:visited { text-decoration: none; color: #666666; }
#webcast_box_eventmenu div p a:hover { text-decoration: none; color: #ffffff; }
#webcast_box_eventmenu div p a:active { text-decoration: none; color: #666666; }

#webcast_box_eventmenu div p .event_active_red { color: #dd383a; }
#webcast_box_eventmenu div p a .event_active_white { color: #ffffff; }

#webcast_box_program {
	margin-left: 24px;
	width: 320px;
	background-color: #cccccc;
	padding-top: 1px;
	padding-bottom: 1px;
}

#webcast_box_program div {
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 18px;
	margin-right: 18px;
}

#webcast_box_program div h3 {
	font-size: 24px;
	font-weight: bold;
	color: #cc3333;
	margin-bottom: 16px;
}

#webcast_box_program div table {
	table-layout: fixed;
	margin-bottom: 1em;
	}

#webcast_box_program div table td {
	font-size: 12px;
	font-weight: bold;
	color: #000000;

}

#webcast_box_program div p {
	font-size: 11px;
	color: #000000;
	font-weight: regular;
}

#webcast_box_info {
	margin-left: 24px;
	width: 320px;
	padding-top: 1px;
	padding-bottom: 1px;

}

#webcast_box_info div {
	margin-top: 0px;		/* top margin provided by white-background div which creates required gap in the grey column divider  */
	margin-bottom: 24px;
	margin-left: 18px;
	margin-right: 18px;
}

#webcast_box_info div h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 11px;
}
#webcast_box_info div h4 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 11px;
}


#webcast_box_info div p {
	font-size: 11px;
	color: #000000;
	font-weight: regular;
}



#webcast_content_table {
	margin-top: 32px;
}


#webcast_left_col {
	vertical-align: top;
	width: 344px; /* 24 pad, 320 content */
	background-image: url(../images/general/leftcol_vertical_divider.gif);
	background-repeat: repeat-y;
}

#webcast_center_col {

	width: 519px; /* 18 pad, 483 content, 18 pad */
	vertical-align: top;
	font-size: 11px;
	color: #333333;

}


#webcast_center_col h3 {

	color: #000000;
	font-weight: bold;

	}


#webcast_right_col {
	width: 157px;   /* 12 pad, 125 content, 20 pad */
	vertical-align: top;
}


.webcast_content_fullwidth_panel {
	margin-bottom: 10px;
}

.webcast_content_panel {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}