﻿div#player{
	background-color:#000;
}

div.playerContainer { /* container to hold media player */
	color:white;
	width: 100%;
	height:226px;
	min-height:226px;
	background-color: #1a4178;
	text-align: center;	
}

div.playerContainer img.PlayButton {
	
}

img.PlayButton_vid {
	width: 62px;
	height: 49px;
	margin:88px 129px;
	padding-top:none;
}
div.playerContainer div#playerSettings{ /* container to player settings */
	text-align: left;
	color:white;
	background-color:black;
	padding:0px;
	height:180px;
	min-height:180px;
}

div.playerContainer div#playerSettings p{
	padding-top:10px;
}

div.playerContainer div#playerSettings a{ 
	color:#eee;
}

div.playerControls { /* bar that holds media player control images */
	width: 100%;
	background-color: #1a4178;
}

h3.imageHeader{
	background-color: #cad9e0;
	clear: both;
	width: 100%;
}
h3.playerHeader {
	font-size: 130%;
	color: #074F75;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-left: 7px;
	margin-bottom: 12px;		
	background-color: #cad9e0;
	clear: both;
	width: 100%;
	background-image: url(/images/panel_header_bg.jpg);
}

.playListHolder
{
	background-color: #002f4f;
	width: 312px;
	border:4px black solid;
	margin-bottom:0px;
}

.fixedHeight
{
	height:180px;
	min-height:180px;
	overflow:auto;
}


table.playerMenu {
	background-color: #1a4178;
	color: #cfcfd1;
	font-size: 85%;
	width: 312px;;
	height: 10px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	clear: both;
}

table.playerMenu td {
	border-top: #5e5e5e solid 1px;
	margin: 0px;
	padding: 8px 4px;
}

table.playerMenu td strong{
	text-decoration: underline;
}


table.playerMenu td#top {
	border-top: 0px;
}

table.playerMenu td.left {
	border-right: #5e5e5e solid 1px;
	text-align: center;
	padding: 4px 1px;
	width:20px;
	vertical-align:top;	
}

table.playerMenu td a, table.playerMenu td a:hover {
	color: #cccecb;
	text-decoration:none;
}


div.rightPanelHeader { /* sits on top of image */
	background-color: #cad9e0;
	display: table;
	height: 25px;
	min-height: 25px;
	clear: both;
	width: 100%;
	background-image: url(/images/panel_header_bg.jpg);
}

.hover
{
	background-color: #6a79a0;
}
