/* 
  Sample CSS for "Accessible Controls for the YouTube Embedded Video Player"
  http://wac.osu.edu/examples/youtube-player-controls/
*/
div.ytplayerbox 
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
/*  border:1px solid #CCCCCC;    */
  border:none;   	
  background: #ffffff;  
  padding: 0;
}
/* or use your own offleft hiding style declaration for this */
div.ytplayerbox h3.semantic
{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
div.ytplayerbox h3.playlisth
{
  font-size: medium;
  color: #333;
  line-height:0.8;
  margin: 0 0 3px 0;
}
div.ytplayerbox h4 
{
  font-size: small;
  color: #555;
  margin: 3px 0 0 0;
}
ul.ytplaylistl
{
  background: #999;
  padding: 1px;
  margin: 0;
}
ul.ytplaylistl li 
{
  list-style-type: none;
  font-size: small;
/*  background: transparent url("../images/control_play.png") no-repeat 3px .3em; */
  padding: 5px 10px 3px 10px;
  margin: 0;
}
ul.ytplaylistl li.ytlisteven
{
  background-color:#CCCCCC;
}
ul.ytplaylistl li.ytlistodd
{
  background-color:#eeeeee;
}
ul.ytplaylistl li a
{
  font-weight: bold;
  text-decoration: none;
  border: none;
  display: block;
}
ul.ytplaylistl li a:link
{
  color: #006633;
}
ul.ytplaylistl li a:visited
{
  color: #006633;
}
ul.ytplaylistl li a:hover, 
ul.ytplaylistl li a:active, 
ul.ytplaylistl li a:focus
{
  color: #fff;
/*  color:#FFCC00;   Yellow */
  background-color: #006633;
}
/* MV start 
ul.ytplaylistl li:hover
{
  background-color: #006633;
  color: #fff;	
} MV end */
