/* 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 h2 { display: none; }
div#box-tabs ul.ui-tabs-nav { 
	display: block; height: 29px;
	background: #fff url('images/background-post-title.gif') left bottom repeat-x;	
}
div#box-tabs ul.ui-tabs-nav li { 
	height: 28px;
}
div#box-tabs ul.ui-tabs-nav li.pop { float: left; }
div#box-tabs ul.ui-tabs-nav li.rec { float: right; }
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 { 
	color: #ccc; font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; line-height: 16px; text-transform: uppercase;
	font-weight: bold; text-decoration: none; outline: none;
	background: transparent 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 {
	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 {
	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: 0 0 8px 0;
	background: #fff url('images/background-post-title.gif') left bottom repeat-x;	
}
div#box-tabs div.ui-tabs-panel ul li span { 
	display: block; padding: 8px 0 0 20px;
	background: #fff url('images/background-list-item.gif') 3px 9px no-repeat;	
}
div#box-tabs div.ui-tabs-panel ul li span a, div#box-tabs div.ui-tabs-panel ul li span a:visited { display: inline;  font-weight: bold; background: transparent none; }

