/* root element for tabs  */
ul.tabs {
  background:url('/images/tabs-bg.gif') no-repeat 0 100%;
  height:48px;
  list-style:none;
  margin:0 !important;
  padding:0;
}

/* single tab */
ul.tabs li {
/*  border:1px solid #aaa;*/
/*  border-bottom:0;*/
  float:left;  
  text-indent:0;
  padding:0;
  margin:0 10px 0 0 !important;
  list-style-image:none !important;
}

/* link inside the tab */
ul.tabs a {
/*  background-color:#ececec;*/
/*  border:1px solid #aaa;*/
  color:#222;
  display:block;
  font-size:14px;
  font-weight:bold;
  height: 33px;  
  line-height:33px;
  margin:0px;
  padding:14px 0 0 0;
  /*position:relative; top:1px;*/
  text-align:center;  
  text-decoration:none;
  width:190px;
}

ul.tabs a:active {
  outline:none;   
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
  color:#333; 
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
  background:url('/images/bg-tab-active.gif') no-repeat 0 0;
  cursor:default !important; 
  color:#333 !important;
}

div.panes {
  border-top:0;
  margin:0 0 20px 0;
}

/* initially all panes are hidden */
div.panes div.pane {
  display:none;   
}