/*
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 {
border: 1px solid #e5e5e5;
border-top:none;
background: white; /*#FFF3B3;*/
color: black;
padding: 0.5em;
float:left;
}
.tab-header {
position: relative;
height: 25px;
width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
margin-bottom: 0px;
padding-bottom: 0px;
}
.tab-header ul.tab-list {
margin: 0;
padding: 0;
position: absolute;
width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
background: url("bg-tab.png") repeat-x left bottom ;
}
.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{
color: #259949;
display: block;
float: left;
font-family: Arial;
font-size: 12px;
font-weight: bold;
margin: 3px 5px;
padding: 5px 16px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.tab-header ul.tab-list a.tab-active {
margin: 4px 5px 3px 5px;
padding: 6px 15px 5px 15px;
}
.tab-header ul.tab-list span,.tab-header ul.tab-list a.tab-active,.tab-header ul.tab-list a.tab-active:hover {
color: #fff;
font-size: 12px;
font-weight: bold;
background: url("bg-h31.png") no-repeat bottom right ;
padding-right: 27px;
margin-left: 5px;
margin: 0 0 0 5px;
}
/* a link in a background tab */
.tab-header ul.tab-list a
{
margin:0;
}
/* hover on a background tab */
.tab-header ul.tab-list a:hover
{
/*
margin-top: 0;
border-color: #666;
background: #bbb;
padding-bottom: 5px;
*/
color: #06491B;
}
.tab /* the heading that became the li */
{
display: none;
}