/*
Example CSS file for creating tabs using tabs.js.
Created by Rob Allen (rob at akrabat dot com)
Based on the CSS code from Silverorange Labs at :
http://labs.silverorange.com/archives/2003/september/simplecsstabs
*/

.tab-content{
	background:white; /*#FFF3B3;*/
	color:black;
	padding:0.5em;
}

.tab-header{
	position:relative;
	height:3em;
	width:50%;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom:0px;
	padding-bottom:0px;
	text-align:left !important;
	height:30px;
	font-size:18px;
}

.tab-header ul.tab-list{
	margin:0;
	padding:0;
	position:absolute;
	bottom:-1px;
	width:100%;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	color:#666;
}

.tab-header ul.tab-list li{
	display:inline;
	list-style:none;
	margin:0;
}

.tab-header ul.tab-list a,.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active{
	width:48%;
	height:30px;
	display:block;
	float:left;
	/*padding:4px 0;*/
	margin:1px 8px 0 0;
	text-align:center;
	font-family:tahoma, verdana, sans-serif;
	font-size:85%;
	text-decoration:none;
	color:333;
}

#tab-container-header{
	width:68%;	
}

.tab-header ul.tab-list a{
	background-color:#BBBBBB;
}

a.tab-active{
	color:white !important;
}

.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active:hover{
	border:none;
	/*background:#BBBBBB;*/
	color:black;
	/*padding-bottom:6px;
	margin-top:0;*/
}

.tab-header ul.tab-list a.tab-active{
	border:none;
	background:#FF5E5E;
	color:black;
	/*padding-bottom:6px;
	margin-top:0;*/
}

/* a link in a background tab */
.tab-header ul.tab-list a{
	border:none;
}

/* hover on a background tab */
.tab-header ul.tab-list a:hover{
	/*margin-top:0;*/
	border-color:#666;
	color:black;
	/*padding-bottom:5px;*/
}

.tab{  /* the heading that became the li */
	display:none;
}