/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen { .ui-tabs-hide { display: none; } }
/* Hide useless elements in print layouts... */
@media print { .ui-tabs-nav { display:none; } }

/* Skin */
.ui-tabs-nav { height:30px; font:bold 14px Arial; }
/* be nice to Opera */
.ui-tabs-nav li { float:left; margin-right:2px; position:relative; height:30px; }
.ui-tabs-nav a, .ui-tabs-nav a span { background-image:url(../../images/tabbg.gif); outline:0; }
.ui-tabs-nav a { color:#ffffff; text-decoration:none; float:left; padding-left:5px; background-position:0 -31px;
	position:relative; top:1px; }
.ui-tabs-nav a span { display:block; padding:8px 15px 7px 10px; background-position:100% -31px; }

.ui-tabs-nav a:hover { color:#FFFFFF; background-position:0 -62px; }
.ui-tabs-nav a:hover span { background-position:100% -62px; }

.ui-tabs-selected a, .ui-tabs-selected a:hover { color:#333333; position:relative; background-position:0 0; }
.ui-tabs-selected a span, .ui-tabs-selected a:hover span { background-position:100% 0; }

.tabcontent { clear:both; width:570px; padding:15px; background:url(../../images/tabcontent.gif) no-repeat top; }
.ui-tabs-hide { display:none; }

#TabPanel.conditions .ui-tabs-nav a span { font-size:13px; padding:8px 10px 7px 5px; }