/* 
------------------------------------------------------
Broadband Player CSS 02/2007
------------------------------------------------------
*/

/*
STYLES INDEX
I. Global Styles
II. Containers
III. Numbered Links
IV. Main Area
V. Promotion

*/

/*
======================================================
I. Global Styles
======================================================
*/


/*
======================================================
II. Containers
======================================================
*/

#pbs_pvp_container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	width: 540px;
	background-image: url(background2.jpg);
	background-repeat: repeat-x;
	background-color: black;
		
}

#pbs_pvp_container #video_number_navigation {
	text-align: center;
	padding-top: 10px;
}
#pbs_pvp_container #main_area {
	width: 520px;
	background-color: black;
	margin-top: 6px;
}
#pbs_pvp_container .bsgutter10 {
	padding: 10px;
}
#pbs_pvp_container .bsgutter7 {
	padding: 7px;
}
#pbs_pvp_container .bsgutter5 {
	padding: 5px;
}

/*
======================================================
III. Numbered Links
======================================================
*/
#pbs_pvp_container #video_number_navigation ul {
	font-size: 75%;
	padding: 0px;
	margin: 0;
}
#pbs_pvp_container #video_number_navigation li {
	display: inline;
	background-color: #323282;
	margin-right: -2px;
	margin-left: -2px;
	border-left: 1px solid black;
	vertical-align: top;
	padding: 6px;
}
#pbs_pvp_container .previous_navigation {
	background: Black url(leftcorner.gif) no-repeat left;
}
#pbs_pvp_container .next_navigation {
	background: Black url(rightcorner.gif) no-repeat right;
}
#pbs_pvp_container #video_number_navigation a:link,
#pbs_pvp_container #video_number_navigation a:visited,
#pbs_pvp_container #video_number_navigation a:active {
	text-decoration: none;
	color: #dcddde;
}
#pbs_pvp_container #video_number_navigation a:hover {
	text-decoration: none;
	color: white;
}
#pbs_pvp_container #video_number_navigation a:link.current,
#pbs_pvp_container #video_number_navigation a:visited.current,
#pbs_pvp_container #video_number_navigation a:active.current,
#pbs_pvp_container #video_number_navigation a:hover.current {
        color: black;
}


/*
======================================================
IV. Main Area
======================================================
*/

#pbs_pvp_container #video_player_container {
	width: 510px;
	height: 280px;
}
#pbs_pvp_container .video_player {
	background-color: Black;
	float: right;
	padding-top: 2px;
	width: 320px;
}
#pbs_pvp_container #video_info {
	color: white;
	float: left;
	width: 170px;
	padding-right: 20px;
}
#pbs_pvp_container #video_info h1 {
	font-size: 130%;
	line-height: 130%;
	font-weight: 900;
	padding-top: 5px;
	padding-left: 10px;
}
#pbs_pvp_container .short_video_info {
	font-size: 90%;
	padding-left: 10px;
}
#pbs_pvp_container .duration {
	color: #dcddde;
	margin-top: 3px;
	padding-left: 10px;
	font-size: 75%;
}
#pbs_pvp_container #episode_text {
	float: left;
	width: 389px;
}
#pbs_pvp_container #episode_info {
	clear: both;
	width: 510px;
	background: #323282 url(episode_corners.gif) no-repeat bottom;
	font-size: 75%;
	color: #dcddde;
	margin-top: -17px;
	border-top: 3px solid black;
	padding-bottom: 5px;
}
#pbs_pvp_container #episode_info a {
	color: white;
}
#pbs_pvp_container .episode_info_header {
	font-weight: 900;
}
#pbs_pvp_container .program_logo {
	float: left;
	width: 98px;
	margin-right: 7px;
}
#pbs_pvp_container .program_logo img {
	border: 1px solid black;
}
#pbs_pvp_container #airdate_details {
	padding-top: 1px;
}

#pbs_pvp_container #pbs_logo {
	float: right;
	padding: 0 0 10px 15px;
}

#pbs_pvp_container #pbs_logo img {
	border: 0;
}

#pbs_pvp_container #pbs_logo img#pbslogo_basic {
	display: none;
}


/*
======================================================
V. Promotion
======================================================
*/
#pbs_pvp_container .morevideos_headline {
	font-size: 90%;
	font-weight: 900;
	padding: 10px 0px 5px 4px;
	color: #dcddde;
}
#pbs_pvp_container .promo150x80 {
	margin: 0;
	width: 160px;
	height: 80px;
	clear: left;
	float: left;
	padding-left: 4px;
}
#pbs_pvp_container .promo150x80 img {
	border-right: 0px;
	border-left: 3px solid black;
	border-top: 0px;
	border-bottom: 0px;
}

#pbs_pvp_container .promo150x80 a:link {
	background-color: #323282;
	display: block;
	height: 80px;
	padding-left: 7px;
}

#pbs_pvp_container .promo150x80 a:visited {
	background-color: #323282;
	display: block;
	height: 80px;
	padding-left: 7px;
}
#pbs_pvp_container .promo150x80 a:hover {
	background-color: #0a0afa;
	display: block;
	height: 80px;
	padding-left: 7px;
}
#pbs_pvp_container .promo150x80 a:active {
	background-color: #323282;
	display: block;
	height: 80px;
	padding-left: 7px;
}
#pbs_pvp_container .promoset {
	margin-left: 167px;
	margin-right: 6px;
	margin-top: 0;
	margin-bottom: 3px;
    height: 80px;
    background:  #ccccff url(background_promosets.gif) repeat top;
}
#pbs_pvp_container #video_links dl {
	margin: 0;
	padding: 0px;
}
#pbs_pvp_container #video_links dd dt {
	font-weight: 900;
	font-size: 75%;
}
#pbs_pvp_container #video_links dd dd {
	font-size: 75%;
	margin: 0;
}
#pbs_pvp_container .promoset a:link {
	color: #323282 
}
#pbs_pvp_container .promoset a:hover {
	color: #0a0afa 
}
#pbs_pvp_container .promoset a:visited {
	color: #323282 
}
#pbs_pvp_container .promoset a:active {
	color: #0a0afa 
}
#pbs_pvp_container #software_link img {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	border: 0px;
}
#pbs_pvp_container #software_link p {
	margin: 0 0 10px 0;
	font-size: 75%;
}
#pbs_pvp_container #software_link a:link {
	color: #dcddde;
}
#pbs_pvp_container #software_link a:visited {
	color: #dcddde;
}
#pbs_pvp_container #software_link a:hover {
	color: white;
}
#pbs_pvp_container #software_link a:active {
	color: #dcddde;
}

#pbs_pvp_container #feedback_link p {
	margin: 0 0 5px 5px;
	font-size: 75%;
}
#pbs_pvp_container #feedback_link a:link {
	color: #dcddde;
}
#pbs_pvp_container #feedback_link a:visited {
	color: #dcddde;
}
#pbs_pvp_container #feedback_link a:hover {
	color: white;
}
#pbs_pvp_container #feedback_link a:active {
	color: #dcddde;
}


/*
======================================================
VI. Hidden Content
======================================================
*/



/* clearing floated block elements -
fixes problem in Firefox where floated element does not define height of the container box */
#pbs_pvp_container #floathack:after  {
	content: "."; 
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

