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

#tabs ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabs .ui-tabs-nav li
{
	float: left;
	display: inline;
	text-align: center;
	padding: 0;
	margin: 0px 0px 10px 0px;
/*
	margin: 0;
*/
}

#tabs .ui-tabs-nav a
{
	float: left;
	width: 192px;
	height: 11px;  /* 35 - 12 - 12 */
	padding: 12px 0px 12px 0px;
	font-size: .85em;
	color: #3d4c57;
	text-decoration: none;
	font-weight: bold;
    outline: 0;
/*
    white-space: nowrap;    
	margin: 0;
*/
}

#tabs .ui-tabs-nav a
{
	background-image: url(../graphics/tab_inactive.gif);
	background-repeat: no-repeat;
}

#tabs .ui-tabs-nav li.greenTab a
{
	background-image: url(../graphics/tab_green.gif);
	background-repeat: no-repeat;
}

#tabs .ui-tabs-nav a:hover, #tabs .ui-tabs-nav .ui-tabs-selected a,
	#tabs .ui-tabs-nav li.greenTab a:hover, #tabs .ui-tabs-nav .ui-tabs-selected li.greenTab a
{
	background-image: url(../graphics/tab_active.gif);
    margin-top: 0;
}