/* 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;
    }
}


.ui-tabs-nav {
	list-style-type:  none;
	margin:  0;
	padding:  0;
	height:  28px;
}

.ui-tabs-nav li {
	display: block;
	padding:  5px 10px;
	float: left;
	background: #EEE;
	margin-right:  2px;
}

.ui-tabs-nav li a {
	color:  #666;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

.ui-tabs-nav li.ui-tabs-active {
	background: #CCC;
}

.ui-tabs-nav li.ui-tabs-active a {
	background: #CCC;
	color: #33393C;
}

.ui-tabs-panel {
	border:  1px solid #CCC;
	padding:  10px;
}