/* 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 { padding: 0; }
div#box-tabs h3 { display: none; }
div#box-tabs ul.ui-tabs-nav { 
	display: block; height: 39px;
	background: #fff url('images/background-post-title.gif') left 1px repeat-x;	
}
div#box-tabs ul.ui-tabs-nav li { 
	display: block; margin: 0; padding: 0; float: left; text-align: center; 
	width: 94px; height: 39px; 
	background: #fff none; color: #666;
}
div#box-tabs ul.ui-tabs-nav li.pop { border-right: 1px solid #b1c7e2; }
div#box-tabs ul.ui-tabs-nav li.rec { border-right: 1px solid #b1c7e2; }
div#box-tabs ul.ui-tabs-nav li a, div#box-tabs ul.ui-tabs-nav li a:visited { 
	display: block; margin: 1px 0 0 0; padding: 0; border-right: 1px solid #fff; line-height: 38px;
	background: #e5ecf6 url('images/background-post-title.gif') left top repeat-x; color: #666; 
	font-family: Georgia, 'Times New Roman', sans-serif;  text-transform: uppercase; 
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	outline: none;
}
div#box-tabs ul.ui-tabs-nav li.com a, div#box-tabs ul.ui-tabs-nav li.com a:visited { 
	border-right: none; width: 95px;
}
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 {
	background: #fff none;
}

.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 {
	background: #fff url('images/background-post-meta.gif') left 2px repeat-x; color: #333; 
}
div#box-tabs div.ui-tabs-panel p.notice {
	border-top: 1px solid #b1c7e2;
	padding: 13px; margin: 0;
	text-align: center;
}
div#box-tabs div.ui-tabs-panel ul { display: block; list-style-type: none; }
div#box-tabs div.ui-tabs-panel ul li { 
	display: block; padding: 13px; background: #fff url('images/background-post-meta.gif') left 1px repeat-x; color: #333;
	border-top: 1px solid #b1c7e2;
}
div#box-tabs div#tab-com a, div#box-tabs div#tab-com a:visited { display: inline; color: #5f7c9c; }