/* 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 {
	background:url(/images/tabs_bg.gif) repeat-x bottom left;
	height:27px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index:9999;
}
.tabs-nav li {
	background:url(/images/tabs_bg.gif) repeat-x bottom left;
	display:inline;
    float:left;
    margin:0;
	padding:0;
}
.tabs-nav a {
	border-right:1px solid #fff;
	display:block;
	color:#fff;
    z-index:2;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
	white-space:nowrap; /* required in IE 6 */
	margin-bottom:1px;
	margin-top:-1px;
	line-height: 23px;
	padding: 4px 10px 0;
}
.tabs-selected {
background:#fff !important;
border:1px solid #a82c7b;
border-bottom:0;
margin-bottom:-20px !important;
}
.tabs-selected a{
background-color:#fff;
background-image:none;
color:#a82c7b;
}
.tabs-selected a:hover{color:#a82c7b !important;}
.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{ /* @ Opera, we need to be explicit again here now... */
	color:#fff;
	text-decoration:none;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border: 1px solid #a42a75;
    border-top:0;
	margin:0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	padding: 0 10px 10px 10px;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/images/loading.gif) no-repeat 0 50%;
}