/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; outline: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs {
  position: relative;
  margin: 0 20px;
}
#tabs ul {
  position: absolute; top: 0; left: 0;
  width: 500px; height: 32px; overflow: hidden;
  margin: 0;
}
#tabs li {
  background:url(tab-hover-left.gif) no-repeat left top;
  padding: 0 0 0 5px; margin:0 5px 0 0;
  list-style: none !important;
}
#tabs li a {
  float:left;
  display:block;
  background:url(tab-hover-right.gif) no-repeat right top;
  padding: 8px 15px 10px 10px;
  text-decoration:none;
  color: #747474; font-weight: bold;
}
#tabs li a:hover {
  color: #4D9EBE;
}
#tabs li.ui-tabs-selected {
  background: url(tab-active-left.gif) no-repeat left top;
}
#tabs li.ui-tabs-selected a {
  color: #4D9EBE;
  background: url(tab-active-right.gif) no-repeat right top;
}

#tabs .ui-tabs-panel {
  margin-top: 31px;
  border: 1px solid #c8c8c8;
  background: #fff;
}

#tabs h3 {
  margin: 0 0 10px 0;
  color: #4D9EBE; font-size: 110%;
}

#tabs blockquote {
  margin: 0 0 20px 0;
}