/* 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:33px; font:bold 14px Arial; background:url(../images/tabbg.gif) repeat-x top; }
/* be nice to Opera */
.ui-tabs-nav li { float:left; position:relative; border-right:1px solid #d6d6d6; }
.ui-tabs-nav a { color:#244866; text-decoration:none; display:block; outline:0; padding:8px 10px 9px 10px; }

.ui-tabs-selected a { position:relative; }
.ui-tabs-selected a, #content .ui-tabs-nav a:hover { color:#cf0900; background:url(../images/tabbg.gif) repeat-x bottom; }

.tabcontent { clear:both; padding:15px; }
.ui-tabs-hide { display:none; }