/* TABS
-------------------------------------------------------------------------------- */
ul.tabs         { margin: 0; padding: 0; font-size: 13px; }
ul.tabs li      { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a    { float: left; display: block; }
ul.tabs:after   { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.tabs         { zoom: 1;  } /* IE */
.ui-tabs-nav, .tabs {border-bottom: none;}



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

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

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

/* Upload button */
p.upload { margin: 5px 0 18px 0; padding: 0 0 0 20px !important; list-style: none; width: 180px; background: url(http://media.ljworld.com/images/icons/upload-button.gif) no-repeat top left; font-family: arial, sans-serif; font-size: 11px !important; line-height: 18px !important; }
p.upload a { display: block; padding: 0px 0 4px 0; margin-right:-5px; background: url(http://media.ljworld.com/images/icons/upload-button.gif) no-repeat top right; color: #fff; }


/* MENU
-------------------------------------------------------------------------------- */
.menu { position: relative; float: left; width: 20px; height: 20px; z-index: 999; }
.menu a.menu-button, .menu a.menu-button-on { display: block; padding-top: 20px; width: 19px; height: 0; background: url(http://media.ljworld.com/images/arrows/menu.gif) no-repeat; overflow: hidden; }
.menu a.menu-button:hover { background-color: #125a95; -webkit-border-radius: 4px; }
.menu a.menu-button-on { background: #697a85; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
.menu .off { display: none; }
.menu .on, .menu .on-reverse { position: absolute; top: 20px; left: 0; width: 160px; background: #697a85; -webkit-border-radius: 4px; }
.menu .on { -webkit-border-top-left-radius: 0; }
.menu .on-reverse { left: -141px; -webkit-border-top-right-radius: 0; }
.menu .on a, .menu .on-reverse a { display: block; padding: 0 8px; font-weight: bold; color: #fff; }
.menu .on a:hover, .menu .on-reverse a:hover { background: #445057; text-decoration: none; cursor: pointer; }
.menu ul { list-style: none; padding: 9px 0; margin: 0; font-size: 12px; }
.menu:after { content:  "."; display: block; height: 0; clear: both; visibility: hidden; }
.menu { zoom: 1; } /* IE */

/* Custom */
#toolbar .menu a.menu-button { margin-top: 2px; padding-top: 20px; width: 19px; height: 0; background: url(http://media.ljworld.com/images/arrows/menu.gif) no-repeat; }
#toolbar .menu a.menu-button:hover { background-color: #125a95; -webkit-border-radius: 4px; }
#toolbar .menu a.menu-button-on { padding-top: 20px; width: 19px; height: 0; background: #697a85 url(http://media.ljworld.com/images/arrows/menu.gif) 0 -20px no-repeat; }

#header .menu { position: absolute; top: 40px; right: 0; }
#header .menu a.menu-button, 
#header .menu a.menu-button-on { padding-top: 21px; width: 21px; height: 0; background: url(http://media.ljworld.com/images/arrows/arrow-down.gif) no-repeat; }


/* 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(http://media.ljworld.com/images/icons/feed.gif) no-repeat 0 3px; border-bottom: 1px solid #dae2e8; 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: 5px; margin-bottom: 5px; }
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;
}