/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
width:330px;
overflow:hidden;
margin-top:5px;
background:#FFF;
/* border:1px solid #ccc; */
border:2px solid #009900;
padding:0;
}

.tabberlive {
width:335px;
margin-top:0;
margin-left:0;
margin-right:0;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
font:14px century gothic,Verdana, sans-serif;
background:#fff;
height:24px;
border:1px solid #ccc;
margin:0;
padding:6px 0 0;
}

ul.tabbernav li {
list-style:none;
display:inline;
color:#5AB7D8;
margin:5px 0;
}

ul.tabbernav li a {
margin-left:5px;
text-decoration:none;
font-weight:700;
padding:4px 20px;
}

ul.tabbernav li a:hover {
color:#03be00;
}

ul.tabbernav li.tabberactive a {
color:#03be00;
width:90px;
}

ul.tabbernav li.tabberactive a:hover {
color:#4B545B;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
/* Main Font size & Background color */
.tabberlive .tabbertab {
background:#FFFFFF;
font:13px Tahoma, century gothic,Verdana, sans-serif;
color:#090;
padding:5px;
}

.tabberlive .tabbertab p {
margin:0 4px 5px;
}

.tabberlive .tabbertab a {
color:#090;
}

/* Hover Color for main list */
.tabberlive .tabbertab a:hover {
color:#00CC00;
}

.tabberlive .tabbertab li {
list-style:none !important;
margin:0;
padding:0;
}

.tabberlive .tabbertab ul {
list-style:none;
margin:0;
padding:0;
}

.tabberlive .tabbertab ul li {
list-style:none;
color:#aa9f9b;
display:block;
width:auto;
border-bottom:1px dotted #61696F;
margin:2px 0;
}

/* Text Color - main display items was #99A6AF /*
.tabberlive .tabbertab ul li a {
color:#009900;
display:block;
padding:5px 0 5px 5px;
}

.tabberlive .tabbertab ul li a:hover {
color:#006600;
display:block;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

.tabberlive .tabbertabhide,.tabberlive .tabbertab h2,.tabberlive .tabbertab h3 {
display:none;
}

ul.tabbernav li a:link,ul.tabbernav li a:visited {
color:#333;
}