/* 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 { padding: 0 0 20px 0;}
div#box-tabs div.interior { padding: 0; }
div#box-tabs h3 { display: none; }
div#box-tabs ul.tabs{ list-style-type: none; display: block; margin: 0; padding: 0; height: 38px; border-bottom: 1px solid #4690ce; }
div#box-tabs ul.tabs li { 
	display: block; margin: 0 1px 0 0; padding: 0; float: left; text-align: center; width: 94px; height: 38px;
}
div#box-tabs ul.tabs li.rec { border-left: 1px solid #719ecb; width: 93px; }
div#box-tabs ul.tabs li.com { border-left: 1px solid #719ecb; margin: 0 0 0 0; }
div#box-tabs ul.tabs li a, div#box-tabs ul.ui-tabs-nav li a:visited {
	display: block; margin: 0; padding: 0; line-height: 38px; 
	background: transparent url('images/background-post-title.png') left top repeat; color: #333; 
	font-family: 'Lucida Grande', 'LucidaGrande', 'Lucida Sans', 'Arial', Helvetica, sans-serif;  
	text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none;
	text-align: center; outline: none;
}
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 {
}

.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 {
}
div#box-tabs div.ui-tabs-panel p.notice {
	padding: 11px; margin: 0;
	text-align: center;
}
div#box-tabs div.ui-tabs-panel ul { display: block; list-style-type: none; margin: 0; padding: 0; }
div#box-tabs div.ui-tabs-panel ul li { 
	display: block; padding: 13px; color: #fff;
	border-bottom: 1px solid #4690ce;
}
div#box-tabs div.ui-tabs-panel ul li a, div#box-tabs div.ui-tabs-panel ul li a:visited { 
	color: #6cf;
}
div#box-tabs div#tab-com a, div#box-tabs div#tab-com a:visited { display: inline; color: #6cf; }

