/* 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 */
div#box-tabs div.interior { width:280px;}
div#box-tabs h2 { display: none; }
div#box-tabs ul.ui-tabs-nav {
	display: block; list-style-type: none; padding: 5px 10px; text-align: center;
	color: #fff; background: #2c2c2c none;
}
div#box-tabs ul.ui-tabs-nav li { 
	display: inline;
}
div#box-tabs ul.ui-tabs-nav li a, div#box-tabs ul.ui-tabs-nav li a:visited, div#box-tabs ul.ui-tabs-nav li a:hover { 
	display: inline; background: transparent none; border-bottom: none;
	padding: 0 6px; font-family: Georgia, 'Times New Roman', serif;
	font-size: 10px; text-transform: uppercase; font-weight: bold;
	color: #ffffff;
}
div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a, div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a:visited {
	color: #666;
}

.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;
}

div#box-tabs div.ui-tabs-panel { padding: 5px 0 0 0; }
div#box-tabs div.ui-tabs-panel p.notice {
	border-top: 1px solid #b1c7e2;
	padding: 13px; margin: 0;
	text-align: center;
}