/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;overflow:hidden;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {border:solid 1px #dedede;border-bottom:none;border-top:none;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{margin:0;padding:3px 0 0 5px;border-bottom: 1px dotted #d1d1d1;font:normal 11px "Myriad Pro";color:#000;text-transform:uppercase}

ul.tabbernav li{float:left;margin-right:5px;line-height:29px;height:35px;position:relative;top:1px;}
ul.tabbernav .tabberactive{background:#fff;padding:0 10px;border:dotted 1px #d1d1d1;border-bottom:none;}
ul.tabbernav .tabberactiveoff{background: url("images/gray-arrow.gif") no-repeat 95% 50%;border:solid 1px #d1d1d1;line-height:29px;height:29px;padding:0 10px 0 10px}

ul.tabbernav .tabberactiveoff a,
ul.tabbernav .tabberactiveoff a:visited,
ul.tabbernav .tabberactiveoff a:active,
ul.tabbernav .tabberactiveoff a:hover{color:#31A5CA;;text-decoration:none;padding-right:5px;}
ul.tabbernav .tabberactiveoff a:hover{text-decoration:underline}
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:visited,
ul.tabbernav li.tabberactive a:active,
ul.tabbernav li.tabberactive a:hover{color:#000;text-decoration:none;}

.tabberlive .tabbertab{overflow:hidden;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {}

