div.tabBox {}



div.tabArea {

  font-size: 12px;

  font-weight: bold;
  
  font-family: Verdana, Arial, Helvetica, sans-serif;

  padding: 0px 0px 0px 0px;
  
}



a.tab {

  background-color: #d3d3d3;

  border: 2px solid #000000;

  border-bottom-width: 1px;

  border-color: #efefef #efefef #c6d5f6 #dfdfdf;

  -moz-border-radius: .75em .75em 0em 0em;

  border-radius-topleft: .75em;

  border-radius-topright: .75em;

  padding: 2px 1em 2px 1em;

  position: relative;

  text-decoration: none;

  top: 3px;

  z-index: 100;

}



a.tab, a.tab:visited {

  color: #676767;

}



a.tab:hover {

  background-color: #f4d494;

  border-color: #ffdd99 #f2d191 #c6d5f6 #ffd222;

  color: #ff0000;

}



a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {

  background-color: #ffffff;

  border-color: #c6d5f6 #c6d5f6 #ffffff #c6d5f6;  //top,right,bot,left (pero el bot no se ve en este caso)

  color: #ff9944;

}



a.tab.activeTab {

  padding-bottom: 4px;

  top: 1px;

  z-index: 102;

}