/* $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;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
zoom: 1;
clear: both;
padding: 1px 0;
position: relative; /*IE tab jog on resize fix*/
}
	.tabberlive .tabberlive {
	}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
zoom: 1;
margin: 0;
padding: 0 0 0 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
}
ul.tabbernav:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
ul.tabbernav {display: inline-block;}
/* Hides from IE-mac \*/
* html ul.tabbernav {height: 1%;}
ul.tabbernav {display: block;}
/* End hide from IE-mac */

ul.tabbernav li {
list-style: none;
margin: 0 0 0 -5px;
float: left;
display: inline;
z-index: 1;
}

ul.tabbernav li a {
float: left;
display: inline;
text-decoration: none;
color: #fff;
padding: 0px 22px 0px 10px;
margin-top: 2px;
background: url(/Images/Common/TabberTab2.png) right 0px no-repeat; /*conditional commented to .gif for IE6*/
border-left: solid 1px #069;
margin-bottom: 1px;
height: 26px;
line-height: 28px;
font-weight: bold;
text-shadow: 0 1px 0 #036;
}

ul.tabbernav li a:link {  }
ul.tabbernav li a:visited {  }
ul.tabbernav li a:focus, ul.tabbernav li a:active {outline-width: 0;}

ul.tabbernav li a:hover {
color: #fff;
background: url(/Images/Common/TabberTab2.png) right -60px  no-repeat; /*conditional commented to .gif for IE6*/
position: relative;
z-index: 1;
text-decoration: none;
border-color: #069;
}

ul.tabbernav li.tabberactive  {
position: relative;
z-index: 2;
}
ul.tabbernav li.tabberactive a {
color: #069;
background: url(/Images/Common/TabberTab2.png) right -30px  no-repeat; /*conditional commented to .gif for IE6*/
border-bottom: none;
padding: 0px 22px 1px 10px;
border-left: solid 1px #666;
height: 28px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 30px;
text-shadow: none;
}

ul.tabbernav li.tabberactive a:hover {
background: url(/Images/Common/TabberTab2.png) right -30px  no-repeat; /*repeat for hover pseudo selector due to IE6 specificity error*/
}



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
.tabbertab:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.tabbertab {display: inline-block;}
/* Hides from IE-mac \*/
* html .tabbertab {height: 1%;}
.tabbertab {display: block;}
/* End hide from IE-mac */
	
.tabberlive .tabbertab {
border: solid #666;
border-width: 1px 1px 1px 1px;
padding: 1em 10px 0;
margin-top: -1px;
zoom: 1;
position: relative;
background: #fff;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
}
	.tabberlive .tabbertab .tabbertab {
	margin-bottom: 9px;
	padding-top: 10px;
	}

/*Nested tab overrides*/

.tabberlive .tabberlive .tabbernav {
font-size: 110%;}
.tabberlive .tabberlive .tabbertab {
border-color: #bbb;}
.tabberlive .tabberlive ul.tabbernav li a {
color: #069;
text-shadow: 0 1px 0 #fff;
border-color: #ccc;
background-image: url(/Images/Common/TabberTabTabberTab.png); /*conditional commented to .gif for IE6*/}
.tabberlive .tabberlive ul.tabbernav li a:hover {
border-color: #069;
background-image: url(/Images/Common/TabberTabTabberTab.png); /*conditional commented to .gif for IE6*/}
.tabberlive .tabberlive ul.tabbernav li.tabberactive a {
background-image: url(/Images/Common/TabberTabTabberTab.png); /*conditional commented to .gif for IE6*/
border-color: #bbb;}
.tabberlive .tabberlive ul.tabbernav li.tabberactive a:hover {
border-color: #bbb;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}