/* 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:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	display: inline;
	clear: none;
	float: left;
	text-indent: 22px;
	line-height: 22px;
	width: 235px;
}
.tabs-nav a {
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	background-image: url(../img/arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: -2px;
}

.tabs-nav .tabs-selected a {
	text-decoration: underline;
	color:#000000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:focus, .tabs-nav a:active {
	text-decoration: underline;
	color:#000000;
	display: block;
	background-image: url(../img/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: -2px;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, {
	text-decoration: underline;
	color:#000000;

}