/* Caution: ensure accessibility in print */
@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;
    }
}

@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-nav {
margin: 0;
list-style: none;
padding-left: 20px;
/*height: 28px*/
}

.tabs-nav li {
display: inline;
list-style: none;
text-align: center;
white-space: nowrap;
margin: 0;
padding: 0
}

.tabs-nav a {
float: left;
display: block;
text-decoration: none;
font-size: 14px;
padding: 5px 7px
}

.tabs-nav .tabs-selected a {
border:1px solid #ddd;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-khtml-border-top-right-radius:4px;
-khtml-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}


.tabs-nav .tabs-selected a {
position:relative;
top:1px;
padding-left:6px;
padding-right:6px;
border-bottom:0;
color:#d54e21;
background:#fff
}

.tabs-nav .tabs-selected a:link,
.tabs-nav .tabs-selected a:visited {
cursor:text
}

.tabs-nav a:hover, .tabs-nav a:active {
cursor:pointer
}

#body ul.tabs-nav {
	background: #f4dbd4;
}

#body ul.tabs-nav li {
    float: left;
	margin:0;
}

#body ul.tabs-nav li a {
	border:none;
    float:left;
    font-weight: bold;
    border:none;
	font-size:1.083em;
	line-height:1.3846;
	padding:0.6924em;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:2px;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    color: #222;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}