/* 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 { height:30px; padding:0; margin:0; list-style-type:none; border-bottom:1px solid #ccc; }
.ui-tabs-nav li { display:block; float:left; margin:0 2px 0 0; padding:0; position:relative; }
.ui-tabs-nav li img { vertical-align: text-bottom }
.ui-tabs-nav a { border-bottom:1px solid #ccc;  display:block; text-decoration:none; background:url(/images/layout/tabs/default/bg.png); color:white; font-size: 11px; font-weight:bold; line-height:30px; margin-right:0px;}
.ui-tabs-nav span { display:block; background:url(/images/layout/tabs/default/bg.png) 100% 0; padding:0 18px 0 12px; margin-left:6px; text-align:center;}

.ui-tabs-selected a { background-position:0 36px; color:#000; border-bottom:1px solid transparent; }
.ui-tabs-selected a span { background-position:100% 36px; color:#000; }


.ui-tabs-panel { clear:both; padding:8px; background:#fff; border:1px solid #ccc; border-top:none; }

.frontTab { height: 160px;}

.frontTabHome {background:url(/images/layout/tabs/default/home-bg.png) left bottom repeat-x;min-height:160px;}