ul.tabs
{
  margin-bottom: -1px;
  overflow:hidden;
  padding-left: 0px;
  z-index: 10;

}

ul.tabs li
{
  float: left;
  list-style-type: none;
  margin-right: 10px;
  position: relative;
}

ul.tabs li a
{
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  z-index: 10;
}

ul.tabs li
{
  background-image: url(/iframe4/tab_left.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 27px;

}

ul.tabs li a
{
  background-image: url(/iframe4/tab_right.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 100%;
}



ul.tabs li.ui-tabs-selected
{
  background-image: url(/iframe4/tab_left_active.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 27px;
}

ul.tabs li.ui-tabs-selected a
{
  background-image: url(/iframe4/tab_right_active.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 100%;
}


/* 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; }
.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; } */
.ui-tabs-hide { display: none !important; }