/* $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;
margin-top: 1em;
}
	.tabberlive .ContentBlock {
	background: #fff url(../Images/ContentBlockBG.jpg) top left repeat-x;
	padding: 12px 12px 11px 11px;
	}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
margin: 0;
padding: 0 0 0 5px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
background: url(../Images/1px_666.gif) bottom left repeat-x;
}
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: #444;
padding: 0px 37px 0px 10px;
margin-top: 2px;
background: url(../Images/TabberTab.png) right 0px no-repeat; /*conditional commented to .gif for IE6*/
border-left: solid 1px #999;
margin-bottom: 1px;
height: 26px;
line-height: 26px;
}

ul.tabbernav li a:link {  }
ul.tabbernav li a:visited {  }

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

ul.tabbernav li.tabberactive  {
position: relative;
z-index: 2;
}
ul.tabbernav li.tabberactive a {
color: #80AC22;
background: url(../Images/TabberTab.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: 28px;
font-weight: bold;
}

ul.tabbernav li.tabberactive a:hover {
}

/*--------------------------------------------------
  Image Tabber Styles
  --------------------------------------------------*/

.tabberlive#imagetabber {
clear: none;
float: right;
width: 309px;
margin-top: -2em;
font-size: 80%;
margin-bottom: 1em;
}

	.tabberlive#imagetabber ul.tabbernav {
	padding: 0 4px 0 0;
	float: right;
	position: relative;
	top: 1px;
	z-index: 999;
	background: none;
	}
		.tabberlive#imagetabber ul.tabbernav li {
		float: left;
		display: inline;
		margin: 0 -4px 0 0;
		}
			.tabberlive#imagetabber ul.tabbernav li a {
			background: url(../Images/ImageTabberTab.png) -3px 0px no-repeat; /*conditional commented to .gif for IE6*/
			border-left: none;
			border-right: solid 1px #666;
			padding: 0px 12px 0px 22px;
			height: 18px;
			line-height: 20px;
			color: #fff;
			}
					.tabberlive#imagetabber ul.tabbernav li a:hover {
					color: #cf0;
					background: url(../Images/ImageTabberTab.png) -3px -60px  no-repeat; /*conditional commented to .gif for IE6*/
					}
				.tabberlive#imagetabber ul.tabbernav li.tabberactive a {
				color: #789823;
				background: url(../Images/ImageTabberTab.png) -3px -30px  no-repeat; /*conditional commented to .gif for IE6*/
				border-bottom: none;
				padding: 0px 13px 1px 23px;
				border-right: solid 1px #999;
				height: 20px;
				line-height: 23px;
				}
	
	
	.tabberlive#imagetabber .Framed {
	padding: 0 1px 0 1px;
	border-top: solid 1px #999;
	clear: none;
	}
			.tabberlive#imagetabber .Framed:hover {
			border-color: #9c0;
			}
		.tabberlive#imagetabber .Framed span {
		top: 0px;
		}
			.tabberlive#imagetabber .Framed:hover span {
			}
		.tabberlive#imagetabber .Framed span {
		font-size: 100%;
		}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border:1px solid #666;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

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