/* $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; text-align: left; }



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {display:none;  background: #FFF; text-align: left; }

.tabberlive {margin-top:0px; margin-bottom:6px; margin-left: 4px;  width: 220px; text-align: left;}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav{

	 margin:0;

	 padding: 8px 0;

	 border: none;

	 font: bold 12px Verdana, sans-serif;

}

ul.tabbernav li{

	 list-style: none;

	 margin: 0;

	 display: inline;

}

ul.tabbernav li a{

	 padding: 3px 24px;

	 margin-left: 0px;

	 border: 1px solid #E6E6E6;

	 background: #23AEFD;

	 color: #FFF;

	 text-decoration: none;

}

ul.tabbernav li a:link { 	 

	 margin-left: 0px;

	 text-decoration: none;

     color: #FFF; }

ul.tabbernav li a:visited { 

	 margin-left: 0px;

	 text-decoration: none;

     color: #FFF; }

ul.tabbernav li a:hover{

	 color: #000;

	 background: #E9E9E9;

}

ul.tabbernav li.tabberactive a{

	 background: #FFF;

	 color: #000;

}

ul.tabbernav li.tabberactive a:hover{

	 color: #000;

	 background: #FFF;

}

/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive  {

 	text-align: left;

 	padding: 2px 10px 6px 0px;

	line-height: 17px;

 	background: #FFF;

 	color: #867654;

 	overflow: hidden;

	

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

}

.tabbertab  {



	text-align: left;

	float:left;

	width:215px;

	padding:5px 0px 5px 0;

	line-height:15px;

	font-size:12px;

	color:#186997;

 	border:1px solid #E6E6E6;

	overflow:hidden;

	

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

}

.tabbertab a{



	text-decoration:none;

	color:#186997;

	padding: 0 5px 0 15px;

	background: url(images/link.jpg) top left no-repeat;

}

.tabbertab a:visited{

	text-decoration:none;

	color:#014C77;

	padding: 0 5px 0 15px;}



.tabbertab a:hover {

	text-decoration:none;

	color:#000;

	}

.tabbertab a:visited:hover {

	text-decoration:none;

	color:#000;

	}

	

.tabbertab ul {

	margin:0;

	padding:3px 0 3px 0;

	line-height:18px;

	list-style:none;

	}

.tabbertab ul li {color:#186997;

	}



.tabbertab ul li li {color:#186997;

	}

.tabbertab ul li li:hover {color:#000;

}	



		

.tabbertab li {

	text-align: left;

	text-decoration:none;

	color:#186997;}

.tabbertab ul {

	text-decoration:none;

	margin-left: 5px;

	background: none;

	color:#186997;}

.tabbertab ul li {

	text-align: left;

	list-style:none;

	color:#186997;}

.tabbertab ul li a {

	text-decoration:none;

	color:#186997;}

.tabbertab ul li a:hover {

	text-decoration:none;

	color:#000;}



/* If desired, hide the heading since a heading is provided by the tab */

.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 {

 height:200px;

 overflow:auto;

}