/*
------------------------------------------------------ 

PBS 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: 95%;
	margin: 10px auto;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

.pbsmediaplayer p
{
	margin: 0;
	font-size: 10px;
}

.pbsmediaplayer a:link, .pbsmediaplayer a:visited, .pbsmediaplayer a:hover, .pbsmediaplayer a:active
{
	color: #333;
	text-decoration: underline;
}


/*
======================================================
Media Player Content (Video or Audio) Styles
======================================================
Controls the media player's content container styles (size and alignment.)
*/

.pbsmediaplayercontent
{
	margin: 0 auto;
	padding: 0;
}

.pbsmediaplayercontent table
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}


/*
======================================================
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: #666;
}

.pbsmediaplayernavheader h2
{
	margin: 0;
	font-size: 10px;
	color: #fff;
}

.pbsmediaplayernav
{
	width: 215px;
	margin: 10px auto 7px auto;
	padding: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #ccc;
}

.pbsmediaplayernav h3
{
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	text-transform: uppercase;
}

.pbsmediaplayernav a:link, .pbsmediaplayernav a:visited
{
	font-size: 10px;
	line-height: 10px;
	color: #333;
	text-decoration: none;
}

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

.pbsmediaplayernav a:active
{
	text-decoration: underline;
}

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

.pbsmediaplayernav table
{
	width: 100%;
	font-size: 10px;
	line-height: 10px;
	color: #333;
}

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

.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: 95%;
	margin: 10px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

.pbsmediaplayerhelp p
{
	margin: 2px 0 2px 0;
	font-size: 10px;
	line-height: 14px;
}

.pbsmediaplayerhelp h1
{
	margin: 0 0 10px 0;
	font-size: 16px;
}

.pbsmediaplayerhelp a
{
	color: #333;
	text-decoration: underline;
}

.pbsmediaplayerhelp .downloadplayers
{
	margin: 3px auto 12px auto;
}

.pbsmediaplayerhelp .downloadplayers td
{
	padding: 3px 8px 0 8px;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
}


/*
======================================================
Media Player Popup Styles
======================================================
Styles for the pop-up player
*/

body.pbsmediaplayerpopup {
  margin: 0px;
  background-color: black;
}

body.pbsmediaplayerpopup *.pbsmediaplayercontent *, body.pbsmediaplayerpopup *.pbsmediaplayerhelp * {
  color: white;
}


body.pbsmediaplayerpopup .pbsmediaplayer a:link, body.pbsmediaplayerpopup .pbsmediaplayer a:visited, body.pbsmediaplayerpopup .pbsmediaplayer a:hover, body.pbsmediaplayerpopup .pbsmediaplayer a:active
{
  color: #333;
}

body.pbsmediaplayerpopup  .pbsmediaplayer p a:link, body.pbsmediaplayerpopup  .pbsmediaplayer p a:visited, body.pbsmediaplayerpopup  .pbsmediaplayer p a:hover, body.pbsmediaplayerpopup  .pbsmediaplayer p a:active
{
  color: white;
}

body.pbsmediaplayerpopup *.pbsmediaplayerhelp .pbsmediaplayernav *
{
  color: #333;
}