/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
display: none;
}
}

/* Skin */
.tabs-nav {
list-style:none;
margin:0;
padding:0;
clear:both;
display:block;
height:25px;
}
.tabs-nav:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.tabs-nav li {
float:left;
display:inline;
position:relative;
margin:0px 2px;
}
.tabs-nav a {
float:left;
background: url(tab.gif) no-repeat;
background-position:left top;
padding:0 0 0 20px;
text-decoration:none;
height:25px;
line-height:25px;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
}
.tabs-nav a span {
float:left;
display:block;
background: url(tab.gif)  no-repeat;
background-position:100% -100px;
padding: 0px 20px 0px 0px;
height:25px;
line-height:25px;
color: #27537a;
font-size: 11px;
font-weight: bold;
}
.tabs-nav a:hover,
.tabs-nav .tabs-selected a {
color:#F0F0F0;
outline:0;
background-position: 0px -50px;
cursor:pointer;
}
.tabs-nav a:hover span,
.tabs-nav .tabs-selected a span {
color:#CCC;
outline:0;
background-position: 100% -150px;
}
.tabs-nav .tabs-selected a span,
.tabs-nav .tabs-selected a span {
color:#FFF;
}


.tabs-nav .tabs-disabled {
opacity: .4;
}
.tabs-container {
clear:both;
height:auto;
padding:10px;
background:#F5F5FF; /* declare background color for container to avoid distorted fonts in IE while fading */
border:1px #9cb8e0 solid;
}
.tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}