/* $Id: tabs.css,v 1.1.2.3 2007/11/29 00:51:00 johnalbin Exp $ */

/*
* Tabs CSS
*
* Adds styles for the primary and secondary tabs.
*/

#tabs {
padding: 5px 22px;
background-color: #C0D0E1;
border-top: 1px solid #FFFFFF;
border-bottom: 2px solid #3693CE;
}

ul.primary
{
margin: 0;
padding: 0;
border-width: 0;
list-style: none;
white-space: nowrap;
line-height: normal;
}

ul.primary li
{
float: left;
margin: 1px 5px 1px 0;
padding: 0.25em 0 !important;
border: 1px solid #333333;
outline: 1px solid #C0D0E1;
}

ul.primary li:hover {
border: 1px solid #336699;
outline: 1px solid #336699;
}

ul.primary li.active {
border: 1px solid #0099CC;
outline: 1px solid #0099CC;
text-transform: uppercase;
letter-spacing: 1px;
}


#tabs ul.primary li a
{
display: block;
margin: 0;
padding: 0;
border-width: 0;
font-weight: bold;
text-decoration: none;
color: #333333;
background-color: transparent;
}

ul.primary li a .tab
{
display: block;
margin: 0;
padding: 0px 8px;
border-width: 0;
line-height: 20px;
}

#tabs ul.primary li:hover a
{
border-width: 0;
background-color: transparent;
color: #336699;
text-decoration: underline;
}

ul.primary li a:hover .tab
{
}

#tabs ul.primary li.active a,
#tabs ul.primary li.active a:hover
{
color: #0099CC;
text-decoration: none;
}

ul.secondary
{
margin: 0;
padding: 0;
border-bottom: 0;
list-style: none;
white-space: nowrap;
}

ul.secondary li
{
float: left;
margin: 5px 5px 0 0;
padding: 0;
border-right: none;
}

ul.secondary a
{
display: block;
margin: 0;
padding: 0.25em 0.5em 0.1em !important;
border-bottom: 2px solid transparent;
text-decoration: none;
color: #333333;
font-variant: small-caps;
}

ul.secondary a .tab
{
display: block;
height: 18px; /* 24px (parent) - 6px (padding) */
margin: 0;
line-height: 18px;
}

ul.secondary a:hover
{
border-bottom: 2px solid #336699 !important;
color: #336699 !important;
}

ul.secondary a.active,
ul.secondary a.active:hover
{
border-bottom: 2px solid #0099CC !important;
color: #0099CC !important;
font-weight: bold;
}