/*
-----------------------------------------------------
Templated Companion Site Demo
-----------------------------------------------------
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
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #000;
}

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

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

/*
Controls the styles for the media player's title and description. 
To hide the title or description, add "display: none;" (without the quotes) to either CSS class.
*/

.pbsmediaplayertitle
{
	margin: 0 10px 5px 0;
	font-weight: 900;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
}

.pbsmediaplayerdescription
{
	margin: 0 10px 10px 0;
	width: 150px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}

.pbsmediaplayer .helplink
{
	margin: 0;
	font-size: 11px;
	margin: 10px 0 0 325px;
}



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

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

.pbsmediaplayercontent table
{
	margin: 0 auto;
}

.pbsmediaplayercontent table td
{
	vertical-align: top;
}



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

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

.pbsmediaplayernav
{
	font-family: verdana, arial, sans-serif;
	width: 215px;
	margin: 10px;
	padding: 0;
	border-top: 1px solid #9AA62A;
	border-left: 1px solid #9AA62A;
	border-right: 1px solid #9AA62A;
	background-color: #CCDB73;
}

.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: #999999;
	text-decoration: none;
}

.pbsmediaplayernav a:hover,
.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: #000;
}

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

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

.pbsmediaplayernav td.size
{
	padding: 3px 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
{
	margin: 10px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000;
}

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

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

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

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

.pbsmediaplayerhelp .downloadplayers a:link,
.pbsmediaplayerhelp .downloadplayers a:visited,
.pbsmediaplayerhelp .downloadplayers a:hover,
.pbsmediaplayerhelp .downloadplayers a:active
{
	text-decoration: none;
	color: #333;
}

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

.pbsmediaplayerhelp .pbsmediaplayernav
{
	margin: 15px auto 15px auto;
	font-family: verdana, arial, sans-serif;
}

.pbsmediaplayerhelp .pbsmediaplayernav a:link, 
.pbsmediaplayerhelp .pbsmediaplayernav a:visited
{
	color: #000000;
	text-decoration: none;
}

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