#mediaplayer {
  width: 233px;
  background-color: #000000;
  position: relative;
  padding: 4px;
}
#mediaplayer #display {
  width: 225px;
  height: 170px;
  background-color: #303030;
  margin-bottom: 8px;
}

#mediaplayer #playbutton {
  width: 27px;
  height: 27px;
  background: url(/img/playpause.gif) 54 0;
  cursor: pointer;
  margin-left: 4px;
  font-size: 0px;
  float: left;
}
#mediaplayer #soundbutton {
  width: 27px;
  height: 27px;
  background: url(/img/soundmute.gif) 0 0;
  cursor: pointer;
  margin-left: 4px;
  font-size: 0px;
  float: left;
}
#mediaplayer #playerwindow {
  width: 141px;
  height: 27px;
  background: url(/img/playerwindow.gif) 0 0;
  cursor: pointer;
  margin-left: 8px;
  font-size: 0px;
}

#mediaplayer .tabs {
  margin: 0px;
  margin-top: 8px;
  padding: 0px;
  list-style: none;
}
#mediaplayer .tabs li.tabon {
  width: 100px;
  height: 16px;
  float: left;
  margin: 0px;
  margin-right: 1px;
  color: #ffffff;
  font: bold 9px Arial, Helvetica, Sans-serif;
  padding: 2px;
  text-align: center;
  cursor: pointer;
  background: url(/img/mediatab.gif) top left no-repeat;
}
#mediaplayer .tabs li.taboff {
  width: 100px;
  height: 16px;
  float: left;
  margin: 0px;
  margin-right: 1px;
  color: #a0a0a0;
  font: bold 9px Arial, Helvetica, Sans-serif;
  padding: 2px;
  text-align: center;
  cursor: pointer;
  background: url(/img/mediatab.gif) top right no-repeat;
}
#mediaplayer .playlist {
  width: 100%;
  border: 3px solid #404040;
  border-collapse: collapse;
  background-color: #404040;
}
#mediaplayer .playlist tr {
  cursor: pointer;
}
#mediaplayer .playlist td {
  font: 10px Arial, Helvetica, Sans-serif;
  color: #ffffff;
  line-height: 140%;
  padding-right: 4px;
}
#mediaplayer .playlist td img {
  width: 100px;
  height: 75px;
  border: none;
}
#mediaplayer .playlist .spacer {
  font-size: 0px;
  height: 3px;
  cursor: default;
}
.mediabottom {
  height: 45px;
  background: url(/img/mediabottom.gif) top left no-repeat;
  font: bold 9px Arial, Helvetica, Sans-serif;
  color: #a0a0a0;
  padding: 4px;
}
.mediasearch {
  margin-top: 4px;
  height: 55px;
  background: url(/img/mediasearchbg.gif) top left no-repeat;
  font: 10px Arial, Helvetica, Sans-serif;
  color: #ffffff;
  padding: 10 8 4 8;
}
.mediasearch input {
  width: 145px;
  height: 16px;
  border: none;
  font: bold 10px Verdana, Arial, Sans-serif;
  color: #000000;
  padding: 2px;
}
.mediasearch button {
  width: 60px;
  height: 16px;
  font: bold 10px Verdana, Arial, Sans-serif;
  color: #000000;
  border: none;
  cursor: pointer;
  margin-left: 4px;
  padding-bottom: 3px !important; padding-bottom: 1px;
}
#layout #videopage {
  width: 1500px;
  border-right: 1px solid #a0a0a0;
  padding-right: 1px;
  font: 11px Verdana, Arial, Sans-serif;
  color: #000000;
}
.videobody {
  padding: 15 25 15 20;
  line-height: 150%;
}
.videobody h3 {
  font: bold 20px Arial, Helvetica, Sans-serif;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
.videobody div.video {
  width: 400px;
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  padding: 10px;
  cursor: pointer;
}
.videobody img {
  width: 160px;
  height: 120px;
  border: none;
  float: left;
  margin-right: 15px;
}
.videobody input {
  width: 400px;
  border: 1px solid #e0e0e0;
  padding: 2px;
  padding-left: 4px;
  height: 21px;
  font: italic 11px Verdana, Arial, Sans-serif;
  color: #0000f0;
  text-decoration: underline;
}
.videobody textarea {
  width: 400px;
  height: 150px;
  overflow-y: scroll;
  border: 1px solid #e0e0e0;
  padding: 2px;
  font: 11px Courier New, Courier, Monospace;
}
.videobody td img {
  width: 100px;
  height: 75px;
}
.videobody td {
  font: 11px Verdana, Arial, Sans-serif;
  color: #000000;
  text-align: left;
  vertical-align: top;
}
.videobody td span {
  font-size: 10px;
  font-weight: bold;
  color: #808080;
}
.playvideonow {
  width: 110px;
  height: 16px;
  background: url(/img/playvideo.gif) top left no-repeat;
  font-size: 0px;
  cursor: pointer;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.viewvideoinfo {
  width: 110px;
  height: 16px;
  background: url(/img/viewinfo.gif) top left no-repeat;
  font-size: 0px;
  cursor: pointer;
  margin-top: 3px;
}