/* TABS
-------------------------------------------------------------------------------- */
ul.tabs         { margin: 0; padding: 0; border: none; font-size: 13px; }
ul.tabs li      { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a    { float: left; display: block; margin: 0; padding: 0; background: transparent; border: none; font-weight: normal; color: #224973; }
ul.tabs li a:hover { background: transparent; border: none; text-decoration: underline; }
ul.tabs:after   { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.tabs         { zoom: 1;  } /* IE */



/* TAB WIDGET
-------------------------------------------------------------------------------- */
.tab-widget .tabs                     { margin: 0 0 10px 0; background: url(../images/rules/horizontal-rule.gif) bottom left repeat-x; border: none; }
.tab-widget .tabs li                  { margin: 0 2px 0 0; background: url(../images/nav/tab-left.gif) no-repeat; }
.tab-widget .tabs li a                { padding: 3px 11px; background: url(../images/nav/tab-right.gif) no-repeat top right; border-bottom: 1px solid #b3c9e1; font-weight: bold; color: #92a2ad; }
.tab-widget .tabs li a:hover          { color: #697a85; text-decoration: none; }

.tab-widget .tabs li:hover            { background: url(../images/nav/tab-left-hover.gif) no-repeat; }
.tab-widget .tabs li:hover a          { background: url(../images/nav/tab-right-hover.gif) no-repeat top right; }

.tab-widget .tabs li.active           { background: url(../images/nav/tab-left-on.gif) no-repeat; }
.tab-widget .tabs li.active a         { background: url(../images/nav/tab-right-on.gif) no-repeat top right; color: #697a85; border-color: #fff; }
.tab-widget .tabs li.disabled a       { color: #92a2ad; }



/* MENU
-------------------------------------------------------------------------------- */
.menu { position: relative; float: left; width: 15px; height: 15px; z-index: 999; }
.menu a.menu-button, .menu a.menu-button-on { display: block; padding-top: 15px; width: 15px; height: 0; overflow: hidden; }
.menu a.menu-button-on { background: #92a2ad; }
.menu .off { display: none; }
.menu .on, .menu .on-reverse { position: absolute; top: 17px; left: 0; width: 140px; background: #e5e7ed; }
.menu .on-reverse { left: -125px; }
.menu ul { list-style: none; padding: 9px 0; margin: 0; }
.menu .on li, .menu .on-reverse li { padding: 1px 10px; }
.menu:after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }
.menu { zoom: 1; } /* IE */

/* Custom */
#user .menu { position: absolute; bottom: 0px; right: 0; }
/*#user .menu a.menu-button, */
/*#user .menu a.menu-button-on { padding-top: 21px; width: 21px; height: 0; background: url(../images/icons/toolbar-menu.gif) no-repeat; }*/

#header-search .menu { position: absolute; bottom: 0px; right: 0; width:16px; }
#header-search .menu a.menu-button, 
#header-search .menu a.menu-button-on { margin-top:3px; padding-top: 21px; width: 16px; height: 0px;  }


/* AUDIO PLAYER
-------------------------------------------------------------------------------- */
.audioplayer          { margin-bottom: 10px; }
.audioplayer p        { margin-bottom: 0; font-size: 11px; line-height: 15px; }
.audioplayer-feed     { margin-top: -5px; margin-right: 0 !important; padding-left: 18px; padding-bottom: 3px; background: url(../images/icons/feed.gif) no-repeat 0 3px; border-bottom: 1px solid #b3c9e1; font-size: 11px !important; }
.audioplayer-feed a   { color: #445057; }

ul.playlist              { list-style: none; padding-left: 3px; font-size: 12px; line-height: 15px; }
ul.playlist li           { margin: 5px 0; padding: 0; background: none; }
ul.playlist li a         { color: #4e9bda; }
ul.playlist li a.active  { color: #125a95; font-weight: bold; }


/* PREVIOUS NEXT
   Navigation element used for stepping through a photo gallery.
-------------------------------------------------------------------------------- */
div.previous-next                           { margin-top: 10px; margin-bottom: 20px; }
div.previous-next div.previous, 
div.previous-next div.next                  { float: left; }
div.previous-next p                         { font-size: 11px; line-height: 15px; color: #697a85; clear: both; }
div.previous-next div.previous p            { text-align: left; }
div.previous-next div.next p                { text-align: right; }
div.previous-next div.previous a, 
div.previous-next div.next a                { display: block; float: left; }
div.previous-next div.previous a img, 
div.previous-next div.next a img            { float: left; display: block; padding: 5px; background: #fff; border: 1px solid #bac6cf; }
div.previous-next div.previous a:hover img, 
div.previous-next div.next a:hover img      { background: #dae2e8; }
div.previous-next div p.empty               { margin: 0; padding: 30px 10px 0 10px; width: 85px; height: 75px; background: #dae2e8; border: 1px solid #bac6cf; text-align: center; }
div.previous-next div.previous              { margin-right: 10px; }
div.previous-next:after                     { content:  "."; display: block; height: 0; clear: both; visibility: hidden; } /* Clear fix */
div.previous-next                           { zoom: 1; } /* IE fix */



/* VIDEO LIST
-------------------------------------------------------------------------------- */
.list .video {
  width: 202px;
}


.footer-ad {
  margin-right: 20px; 
  padding: 5px; 
  background: #ebeff2; 
  text-align: center;
  clear:both; 
}
.footer-ad p {
  margin: 0;
  line-height: 11px;
  color: #697a85;
  text-align: center;
  letter-spacing: 1px;
}
.footer-ad p small {
  font-size: 10px;
  text-transform: uppercase;
}

.rail-ad {
  margin-top: 10px; 
  padding: 5px; 
  width: 160px; 
  background: #ebeff2;
}
.rail-ad p {
  margin: 0;
  padding-bottom: 5px;
  line-height: 11px;
  color: #697a85;
  text-align: center;
  letter-spacing: 1px;
}
.rail-ad p small {
  font-size: 10px;
  text-transform: uppercase;
}