/* 
  Sample CSS for "Accessible Controls for the YouTube Embedded Video Player"
  http://wac.osu.edu/examples/youtube-player-controls/
*/
div.ytplayerbox 
{
  background: #FAFAFA;
  border:1px solid #E0E0E0;
  margin: 0;
  padding: 25px;
}
ul.ytplayerbuttons 
{
  margin: 0px; 
}
ul.ytplayerbuttons li 
{
  list-style-type: none;
  display:inline;
  margin: 0 4px 0 0;
}
ul.ytplayerbuttons a 
{ 
  padding: 3px;
  font-size: 14px;
  text-decoration: none;
  border: none;
  display:inline-block; /* helps with IE7 and earlier rendering */
}
ul.ytplayerbuttons a:link, ul.ytplayerbuttons a:visited
{
	background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	padding: 10px 27px;
	margin: 10px 0px;
}
ul.ytplayerbuttons a:hover, ul.ytplayerbuttons a:active, ul.ytplayerbuttons a:focus
{
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
}
/* 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: 16px;
  margin: 12px 0 3px 0;
}
div.ytplayerbox h4 
{
  font-size: 18px;
  margin: 3px 0 0 0;
}
ul.ytplaylistl
{
  background: #E0E0E0;
  padding: 1px;
  margin: 0;
}
ul.ytplaylistl li 
{
	list-style-type: none;
	font-size: 16px;
	background: transparent url(../images/control-play.png) no-repeat 6px 0.3em;
	padding: 5px 0 5px 30px;
	margin: 0;
}
ul.ytplaylistl li.ytlisteven
{
  background-color: #FAFAFA;
}
ul.ytplaylistl li.ytlistodd
{
  background-color: #ffffff;
}
ul.ytplaylistl li a
{
  text-decoration: none;
  border: none;
  display: block;
  margin: 0 3px 0 1px;
}
ul.ytplaylistl li a:link
{
  color: #151515;
}
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: #151515;
}