/* $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 {

	margin:0;

	padding:0 5px;

}

.tabberlive {

 margin-top:0;

}



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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav{

	margin:0 10px; 

	padding:0;

	text-align:left;

}



ul.tabbernav li{

	position: relative;

	top: 1px;

	float: left;

	padding: 0 3px 2px 3px;

	margin: 0px 1px 0px 0px;

	width:55px;

	text-align:center;

	font: 12px sanself;

	list-style: none;

	/*background-color: #DDD;

	border-bottom: solid 1px #FFF;

	border-right: solid 1px #FFF;*/

	-moz-user-select: none;

	-khtml-user-select: none;

	cursor: pointer;

}



ul.tabbernav li a{

	text-decoration:none;

}



ul.tabbernav li a:link {

	color:#000000;

}





ul.tabbernav li a:visited {

	 color:#000000;

}



ul.tabbernav li a:hover{

	text-decoration:none;

	color:#FF3300;

}



ul.tabbernav li.tabberactive a{

 	color:#0066FF;

}



ul.tabbernav li.tabberactive a:hover{

 	color:#0066FF;

}





.br_line{

	clear:both;

}



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

  .tabbertab = the tab content

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

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

.tabberlive .tabbertab {

 	border-top:0;

 	padding:1px 4px 4px 4px;



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

 padding:0;

 margin:0;

}

.tabberlive .tabbertab h3 {

 display:none;

 padding:0;

 margin:0;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 overflow:auto;

}



.tabbertab ul{

	width:455px;

	padding:0 0 0 5px;

	clear: both;

}



.tabbertab ul li{

	position:relative;

	list-style-type: none;

	padding:0 0 2px 5px;

	line-height:170%;

}



.tabbertab span.timestamp {display:block; position:absolute; right:10px; top:0; color:#000; font-size:90%; }