/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Tabs */
.ui-tabs-nav#tabs {
	width: 962px;
	overflow: hidden;
	background: url(/images/static/bg-tab-wrapper.gif) left bottom no-repeat;
	padding-left: 46px;
	margin-bottom: 10px;
}
.ui-tabs-nav#tabs li {
	float: left;
	margin-left: -1px;
}
.ui-tabs-nav#tabs a:link,
.ui-tabs-nav#tabs a:visited {
	display: block;
	font-size: 0.9em;
	font-weight:bold;
	padding: 5px 20px 0px 20px;
	color: #333333;
	border: 1px solid #303030;
	text-align: center;
	text-transform: uppercase;
	background: url(/images/static/bg-tabs.jpg) left top repeat-x;
}
.ui-tabs-nav#tabs a:hover {
	text-decoration: none;
	background: #F3F3F3;
}
.ui-tabs-nav#tabs .ui-tabs-selected a:link,
.ui-tabs-nav#tabs .ui-tabs-selected a:visited { /*A ACTIVE*/
	background: #FFF;
	border-bottom: 1px solid #FFF;
}
		
/* Common */
.ui-tabs-nav,
.ui-tabs-nav li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav#tab1 a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-disabled {
	-moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}