/* tabs.css */
/* original: http://labs.silverorange.com/archive/2004/may/updatedsimple */

.tabs-main {
border: 1px solid #777;
clear: both;
background: #fff;
width: 650px;
padding: 13px 5px 13px 5px;
margin-left:150px;
}

.tabs-main-narrow {
border: 1px solid #777;
clear: both;
background: #fff;
width: 510px;
padding: 13px 5px 13px 13px;
}


.tabs-contents {
padding: 1.5em;
background: #FFFDF3;
min-height: 300px;
}

.tabs-header {
position: relative;
width: 100%;
height: 30px;
width: 650px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
margin-left:150px;
}



.tabs-header ul.primary {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
width: 35em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.tabs-header ul.primary li  {
display: inline;
list-style: none;
}

.tabs-header ul.primary a,.tabs-header ul.primary span,.tabs-header ul.primary li, .tabs-header ul.primary a.current {

display: block;
float: left;
padding: 4px 8px;
margin: 1px 4px 0 0;
text-align: center;
font-family: verdana, sans-serif;
font-size: 97%;
font-weight: 100;
text-decoration: none;
color: #000080;
background: #fff;
cursor: pointer;
}



.tabs-header ul.primary li, .tabs-header ul.primary a.current,.tabs-header ul.primary a.current:hover {
border: 1px solid #777;
background: #e1e1e1;
padding-bottom: 6px;
margin-top: 0;
color: #000080;
}

.tabs-header ul.primary a, .tabs-header ul.primary li.current {
background: #fff;
border: 1px solid #777;
border-bottom: 0;
padding-bottom: 7px;
margin-top: 0;
}


.tabs-header ul.primary a:hover, .tabs-header ul.primary li:hover, .tabs-header ul.primary li.current:hover {
margin-top: 0;
border: 1px solid #333;
background: #FFDB6C;
padding-bottom: 6px;
}

.tabs-header ul.secondary {
position: absolute;
margin: 0;
padding: 0;
bottom: -1.4em;
left: 1px;
width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.tabs-header ul.secondary li a,.tabs-header ul.secondary li span {
width: auto;
display: block;
float: left;
padding: 0 10px;
margin: 0;
text-align: left;
border: none;
border-right: 1px dotted #AAA;
background: none;

}

.tabs-header ul.secondary li a {
color: #06C;
text-decoration: underline;
}

.tabs-header ul.secondary li a:hover {
color: #333;
background: transparent;
padding: 0 10px;
border: none;
border-right: 1px dotted #AAA;
}

.tabs-header ul.secondary li a:active {
color: #000;
background: transparent;
}

.tabs-header ul.secondary li:last-child a { border: none; }