/* 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}
}

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

/* Skin */

/*
.ui-tabs-nav, .ui-tabs-panel {list-style:none}
#center .ui-tabs-nav ul {list-style:none}
*/

.ui-tabs-nav {list-style:none; margin:0; padding:0; /border-bottom:1px solid #ddd/}
.ui-tabs-nav:after {display:block; clear:both; content:""}

.ui-tabs-nav li {float:left; margin:0; min-width:50px; list-style:none }
.ui-tabs-nav a, .ui-tabs-nav a span {display:block; padding:0 5px}

#center .ui-tabs-nav a 
	{background-color:#fff; padding:0; text-align:center; text-decoration:none; white-space:nowrap; outline:0; margin:0 2px; border:1px solid #ddd}

.ui-tabs-nav .ui-tabs-selected a 
	{position:relative; z-index:2; margin:0; color:#000}

.ui-tabs-nav a span 
	{width:25px;  min-width:20px; height:25px;  min-height:25px}

/* hide from IE 6 */ 
	html>body .ui-tabs-nav a span{width:auto; height:auto}

.ui-tabs-nav .ui-tabs-selected a span {padding:0}

#center .ui-tabs-nav .ui-tabs-selected a, #center .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active
	{background-color:#f1f1f1}

/*
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active{background-position:100% -100px}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span{background-position:0 -50px}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span{background-position:0 0}
*/

.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 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
	{opacity:.4; filter:alpha(opacity=40)}
.ui-tabs-panel
	{padding:0; 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{/* auto clear,@ IE 6 &IE 7 Quirks Mode */ display:inline-block}
*:first-child+html .ui-tabs-nav{/* @ IE 7 Standards Mode - do not group selectors,otherwise IE 6 will ignore complete rule (because of the unknown+combinator)... */ display:inline-block}