/* $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 {
margin: 1em;
padding: 0.6em 1.2em;
border: 1px solid #EEE;
-moz-border-radius: 1em;
}

.template-b #tabs {
border: 2px solid transparent;
background: #FFF;
}

#tabs:hover {
border-color: #005B87;
}

.template-b #tabs:hover {
border: 2px solid #72BF44;
}

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

ul.primary li
{
float: left;
margin: 0 5px 0 0;
padding: 0.1em 0 !important;
border: 1px solid #FFF;
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;
font-variant: small-caps;
letter-spacing: 1px;
}


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

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

#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.5em 0 0;
padding: 0;
border-bottom: 0;
list-style: none;
white-space: nowrap;
}

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

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

ul.secondary a .tab
{
display: block;
margin: 0;
}

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;
}