/* 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;
    }
}
.tabs-nav{
	display:block;
	text-decoration:none;
	width: 605px;
	height: 45px;
}
.tabs-nav a{
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
	background: #eeeeee;
	padding: 7px 15px;
	margin: 0 6px 0 0;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 12px;
	display:block;
	color:#396987;
	text-decoration:none;
	float: left;
}
.tabs-nav a span{
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	display:block;
	color:#396987;
	text-decoration:none;
	text-transform: none;
}
.tabs-nav a:hover span{
	color:#24445C;
}
.tabs-nav a:hover{
	color:#24445C;
	/*background: #74BBFA;*/
}
.tabs-nav  li{
	float:left;
	list-style-type: none;
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
.tabs-selected a span, .tabs-selected a{
	padding: 5px;
	font-weight: bold;
	background: #74BBFA;
	color: #ffffff;
}