/* Copyright 2016 Google Inc. All Rights Reserved. */
/* color settings */
.playerBox_ytvb div.alldone_ytvb {
  color: #00c;
}
.playerBox_ytvb a.title_ytvb {
  color: #00c;
}
.playerBox_ytvb div.alldone_ytvb:hover {
  color: #00c;
}
.playerBox_ytvb a.title_ytvb:hover {
  color: #00c;
}
.resultsBox_ytvb div.resultDiv_ytvb {
  border-color: #676767;
}
.floatingPlayerBox_ytvb, .floatingPlayerBox_ytvb * {
  background-color: #fff;
}
.floatingPlayerBox_ytvb {
  border: 1px solid #f0f0f0;
}
.floatingPlayer_ytvb {
  background-color: #fff;
}
/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_ytvb {
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_ytvb {
  -moz-opacity: .9;
  filter: alpha(opacity=90);
  opacity: .9;
  position: absolute;
  z-index: 9998;
}
.floatingPlayer_ytvb {
  position: absolute;
  z-index: 9999;
}
.idle_ytvb {
  display: none;
}
.playing_ytvb {
  display: block;
}
.playerInnerBox_ytvb {
  margin-top: 2px;
}
/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_ytvb .player_ytvb {
  height: 195px;
  width: 260px;
}
.playerInnerBox_ytvb div.player_ytvb {
  margin: auto;
}
.floatingPlayer_ytvb .playerInnerBox_ytvb div.player_ytvb {
  margin: 0;
}
.playerBox_ytvb div.alldone_ytvb {
  cursor: pointer;
  display: inline;
  font-size: 11px;
}
.playerBox_ytvb div.alldone_ytvb:hover {
  text-decoration: underline;
}
.playerBox_ytvb div.title_ytvb {
  font-size: 11px;
  margin-top: 2px;
  text-align: center;
}
.playerBox_ytvb a.title_ytvb {
  text-decoration: none;
}
.playerBox_ytvb a.title_ytvb:hover {
  text-decoration: underline;
}
/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_ytvb {
  display: block;
}
.empty_ytvb {
  display: none;
}
table.resultTable_ytvb {
  border-collapse: collapse;
}
table.resultTable_ytvb td {
  border: none;
}
div.resultDiv_ytvb {
  background-color: #000;
  border-width: 1px;
  border-style: solid;
  height: 79px;
  text-align: center;
  width: 104px;
}
div.smallResultDiv_ytvb {
  height: 41px;
  width: 54px;
  text-align: center;
}
div.resultDiv_ytvb img {
  cursor: pointer;
  display: inline;
}