/* 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 */
/*
ul.ui-tabs-nav {width: 404px; background: url(../img/tabs/bg-menu.png) repeat-x; list-style: none; margin: 0; padding: 0; overflow: hidden;}
	ul.ui-tabs-nav li {float: left; margin-right: 5px;}
	ul.ui-tabs-nav a, ul.ui-tabs-nav a span {display: block; font-weight: bold; text-decoration: none; color: #3d3d3d;}
		ul.ui-tabs-nav li a {padding-right: 15px; line-height: 27px; background: url(../img/tabs/right.png) right no-repeat;}
			ul.ui-tabs-nav li a span {padding-left: 15px; background: url(../img/tabs/left.png) left no-repeat;}
			
		ul.ui-tabs-nav li.ui-tabs-selected a {padding-right: 15px; line-height: 27px; background: url(../img/tabs/right.jpg) right no-repeat;}
			ul.ui-tabs-nav li.ui-tabs-selected a span {padding-left: 15px; background: url(../img/tabs/left.jpg) left no-repeat;}

div.tabs {width: 100%; margin-bottom: 35px;}		
	div.tabs div.body {background: url(../img/tabs/bg-menu-content.jpg) repeat-y;} 		
		div.tabs div.body div.body-content {background: url(../img/tabs/menu-content.jpg) bottom no-repeat;}
		div.tabs div.body div.tabs-item {padding: 20px 14px;}
*/

ul.ui-tabs-nav {overflow: hidden; width: 399px; margin: 0; padding: 0 0 0 5px; background: url(../img/tabs/ul.ui-tabs-nav.gif) 0 100% repeat-x; list-style: none;}
	ul.ui-tabs-nav li {float: left; margin-right: 5px;}
	ul.ui-tabs-nav a, ul.ui-tabs-nav a span {display: block; font-weight: bold; text-decoration: none; color: #3d3d3d;}
		ul.ui-tabs-nav li a {border: 2px solid #d7061c; border-width: 2px 2px 0; padding-right: 15px; line-height: 27px; background: url(../img/tabs/ul.ui-tabs-nav.li.a.jpg) 0 100% repeat-x;}
			ul.ui-tabs-nav li a:hover {background: #fff;}
			ul.ui-tabs-nav li a span {padding-left: 15px;}

		ul.ui-tabs-nav li.ui-tabs-selected a {border-bottom: 2px solid #fff; padding-right: 15px; line-height: 27px; background: #fff;}
			ul.ui-tabs-nav li.ui-tabs-selected a span {padding-left: 15px;}

div.tabs {width: 100%; margin-bottom: 35px;}		
	div.tabs div.body {} 		
		div.tabs div.body div.body-content {border: 2px solid #d7061c; border-width: 0 2px 2px;}
		div.tabs div.body div.tabs-item {padding: 20px 14px;}