/* 
  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 #999;
  background: #eee;
  padding: 5px;
}
ul.ytplayerbuttons 
{
  margin: 0; padding: 0 0 5px 0;
}
ul.ytplayerbuttons li 
{
  list-style-type: none;
  display:inline;
  border: 1px solid #ccc;
  margin: 0 1px 0 0;
}
ul.ytplayerbuttons a 
{ 
  padding: 3px;
  text-decoration: none;
  border: none;
  display:inline-block; /* helps with IE7 and earlier rendering */
}
ul.ytplayerbuttons a:link, ul.ytplayerbuttons a:visited
{
  color: #fff;
  background: #8080ff;
}
ul.ytplayerbuttons a:hover, ul.ytplayerbuttons a:active, ul.ytplayerbuttons a:focus
{
  background: #444;
}
/* 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: 12px 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("../img/control_play.png") no-repeat 3px .3em;
  padding: 5px 0 3px 21px;
  margin: 0;
}
ul.ytplaylistl li.ytlisteven
{
  background-color: #ccf;
}
ul.ytplaylistl li.ytlistodd
{
  background-color: #99f;
}
ul.ytplaylistl li a
{
  font-weight: bold;
  text-decoration: none;
  border: none;
  display: block;
}
ul.ytplaylistl li a:link
{
  color: #000;
}
ul.ytplaylistl li a:visited
{
  color: #333;
}
ul.ytplaylistl li a:hover, ul.ytplaylistl li a:active, ul.ytplaylistl li a:focus
{
  color: #fff;
  background-color: #333;
}