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

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

ul.ui-tabs-nav{
}
ul.ui-tabs-nav li{
	background:none;
}
#tabsEx1{
	min-height:250px;
}
		#tabsEx1, .ui-tabs-nav {margin:0; padding:0; width:500px;}
		#tabsEx1 ul {margin:0; padding:0; list-style:none; height:28px;}
		#tabsEx1 li,  .ui-tabs-nav li {float:left; margin:0; padding:0; background:none;}
		#tabsEx1 a, .ui-tabs-nav li a {
			display:block;
			padding:0 0 0 10px;
			background:url(../images/btns/tab_off_left.gif) no-repeat;
			color:#fff;
			font-size:100%;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:bold;
			line-height:27px;
		}
		#tabsEx1 a span, .ui-tabs-nav li a span {
			display:block;
			padding:0 10px 0 0;
			height:27px;
			background:url(../images/btns/tab_off_right.gif) no-repeat 100% 0%;
			cursor:pointer;
		}
		#tabsEx1 li, .ui-tabs-nav li { float:left; margin:0 2px 0 0; padding:0;}
		#tabsEx1 .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a,
		#tabsEx1 li a:hover, .ui-tabs-nav li a:hover {
			background:url(../images/btns/tab_on_left.gif) no-repeat;
		}
		#tabsEx1 .ui-tabs-selected a span, .ui-tabs-nav .ui-tabs-selected a span,
		#tabsEx1 li a:hover span, .ui-tabs-nav li a:hover span{
			background:url(../images/btns/tab_on_right.gif) no-repeat 100% 0%;
		}
		/*#tabsEx1 a:hover, .ui-tabs-nav a:hover, #tabsEx1 .ui-tabs-nav li.current a { color:#333; }*/
		.ui-tabs-nav ul { margin:0; padding:0; list-style:none; }
		.ui-tabs-nav { margin-left:0;  }
		
.ui-tabs-panel{
	background:#f2f2f2;
	border:1px solid #e9e9e9;
	padding:10px;
	height:200px;
}

	.ui-tabs-panel .tabwrap{
		height:200px;
		overflow:auto;
		line-height:1.4em;
	}
	#tabsEx1 .tabwrap ul{
		margin:0 0 15px 0;
		padding:0 0 0 20px;
		list-style:disc;
	}
	#tabsEx1 .tabwrap ul{
		height:auto;
	}
	#tabsEx1 .tabwrap ul li{
		float:none;
		padding:0; margin:0 0 5px 0;
	}
	#tabsEx1 .tabwrap a {
		display:inline;
		padding:0;
		background:none;
		color:#000;
		font-size:100%;
		text-decoration:none;
		text-transform:none;
		font-weight:normal;
		line-height:normal;
	}

