/*
------------------------------------------------------ 
PBS Promo Page - Media Player (SSI) CSS
------------------------------------------------------
*/


/*
======================================================
Media Player Global Styles
======================================================
Controls the media player's width, global font styles and alignment, and global link styles.
*/

.pbsmediaplayer
{
	width: 320px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
}


/*
======================================================
Media Player Navigation Styles
======================================================
Controls the styles for the media player's navigation (controls at the bottom of the video or audo content).
Includes width, font styles and alignment, link styles, header styles, and border and background styles.

Change the style attributes of both the nav and the nav header to match the styles of your site.
*/

.pbsmediaplayernavheader
{
	background-color: #c8b9e6;
}

.pbsmediaplayernavheader h2
{
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	color: #000;
}

.pbsmediaplayernav
{
	width: auto;
	margin: 0 auto 7px auto;
	padding: 0;
	border-top: 1px solid #c8b9e6;
	border-left: 1px solid #c8b9e6;
	border-right: 1px solid #c8b9e6;
	background-color: #e2e3e4;
}

.pbsmediaplayernav h3
{
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
}

/* Controls the style of the text that is highlighted to show the currently selected video or audio content */
.pbsmediaplayernav .selected
{
	font-weight: normal;
}

.pbsmediaplayernav table
{
	width: 100%;
	font-size: 85%;
}

.pbsmediaplayernav td
{
	padding: 3px;
	text-align: center;
	border-bottom: 1px solid #c8b9e6;
}

.pbsmediaplayernav td.type
{
	text-align: left;
}

.pbsmediaplayernav td.size
{
	padding: 0 5px 0 0;
	text-align: right;
}


/*
======================================================
Media Player Help Styles
======================================================
Controls the media player's help styles.
Includes width, font styles and alignment, link styles, and header styles.
*/

.pbsmediaplayerhelp
{
	width: 288px;
	padding: 15px 15px 3px 15px;
	border: 1px solid #c8b9e6;
}

.pbsmediaplayerhelp h1
{
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	font-weight: 900;
	text-align: center;
}

.pbsmediaplayerhelp p
{
	width: 100%;
	margin: 0 0 15px 0;
}

.pbsmediaplayerhelp br
{
	display: none;
}

.pbsmediaplayerhelp strong
{
	font-weight: normal;
}

.pbsmediaplayerhelp .downloadplayers
{
	margin: 0 auto 15px auto;
}

.pbsmediaplayerhelp .downloadplayers td
{
	padding: 0 10px 0 10px;
	font-size: 85%;
	vertical-align: top;
}

.pbsmediaplayerhelp .downloadplayers a
{
	display: block;
}

.pbsmediaplayerhelp .pbsmediaplayernav
{
	width: auto;
	margin: 15px auto 15px auto;
}