/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { 
    .ui-tabs-hide {display: none !important;}
} /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {display: none;}
}

/* Skin */
.ui-tabs-nav, 
.ui-tabs-panel {font:normal 12px/16px Arial, Verdana, sans-serif; background:#dedece;}

.ui-tabs-nav {list-style: none; margin: 0; padding: 0px; height:20px;}
.ui-tabs-nav:after {display: block; clear: both; padding: 0;content: " ";} /* clearing without presentational markup, IE gets extra treatment */

.ui-tabs-nav li {float:left; font:normal 10px/20px arial, verdana, sans-serif; margin: 0; padding:0px 0 0 0; border-right:1px solid #fff; height: 20px;}

.ui-tabs-nav a, 
.ui-tabs-nav a span {float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 11px 0 11px; background: url(i/tabs.png) no-repeat;}

.ui-tabs-nav a {margin: 0 0 0 0; padding-left: 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0;}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #000; text-decoration: none;}
.ui-tabs-nav a:hover {color: #000; text-decoration: none!important; background:#cecebe;}
.ui-tabs-nav .ui-tabs-selected a {position: relative; top: 0px; z-index: 2; margin-top: 0; color:#00f;background:#bcbcac; height:20px;}

.ui-tabs-nav a span {padding-top: 0px; padding-right: 0; height:20px; text-decoration: none;}
.ui-tabs-nav .ui-tabs-selected a span { height:20px; color:#fff;}

.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 {cursor: text;} /* @ Opera, use pseudo classes otherwise it confuses cursor... */ 

.ui-tabs-nav a:hover, 
.ui-tabs-nav 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 {cursor: pointer;} /* @ Opera, we need to be explicit again here now... */

.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40);}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {color: #ccc;}
.ui-tabs-panel {border: 1px solid #fff; padding: 10px; background: #fff;} /* declare background color for container to avoid distorted fonts in IE while fading */
/*.ui-tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; */

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {display: inline-block;} /* auto clear @ IE 6 & IE 7 Quirks Mode */
*:first-child+html .ui-tabs-nav  {display: inline-block;} /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */