.ui-tabs {
	position: relative;
	padding: 0em;
	zoom: 1;

} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	color:#000;
	height:45px;
	overflow:hidden;
	margin: 30px 0 15px -39px;
}




.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	color:#000000;
	height:45px;
	padding:5px 1px;
	font-size:12px;
	cursor:pointer;
	margin-right:3px;
	background-color:#eee ;
	font-size:15px;
	

}

.ui-tabs .ui-tabs-nav li:hover {
	background-color:#80c342;
	color:#fff !important;
}





.ui-tabs .ui-tabs-nav li a { float: left; padding: 0.6em 8px; text-decoration: none; color:#000;}
.ui-tabs .ui-tabs-nav li a:hover { float: left; text-decoration: none; color:#fff;}




.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	height:35px;
	padding:5px 1px;
	color:#fff !important;
	cursor:pointer;
	background-color:#005c57;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#fff; cursor:pointer;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#000; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	margin-top:-15px;
	padding: 5px 0px;
	background-image: url(../images/box-bg11.jpg);
	background-repeat: repeat;
	overflow:hidden;
	border-radius:0 6px 6px 6px;
	background-color: #FFF;
	/*border: 5px solid #005c57;*/
}
.ui-tabs .ui-tabs-hide { display: none !important; }










.ui-tabs2 {
	position: relative;
	padding: 0em;
	zoom: 1;

} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs2 .ui-tabs2-nav {
	color:#000;
	height:45px;
	overflow:hidden;
	margin: 30px 0 15px -39px;
}
.ui-tabs2 .ui-tabs2-nav li {
	list-style: none;
	float: left;
	position: relative;
	color:#000000;
	height:45px;
	padding:5px 1px;
	font-size:12px;
	cursor:pointer;
	margin-right:3px;
	background-color:#eee ;
	font-size:15px;
	

}

.ui-tabs2 .ui-tabs2-nav li:hover {
	background-color:#80c342;
	color:#fff !important;
}




.ui-tabs2 .ui-tabs2-nav li a { float: left; padding: 0.6em 1em; text-decoration: none; color:#000;}
.ui-tabs2 .ui-tabs2-nav li a:hover { float: left; padding: 0.6em 1em; text-decoration: none; color:#fff;}




.ui-tabs2 .ui-tabs2-nav li.ui-tabs2-selected {
	height:35px;
	padding:5px 1px;
	color:#fff !important;
	cursor:pointer;
	background-color:#005c57;
}
.ui-tabs2 .ui-tabs2-nav li.ui-tabs2-selected a, .ui-tabs2 .ui-tabs2-nav li.ui-state-disabled a, .ui-tabs2 .ui-tabs2-nav li.ui-state-processing a { cursor: text; color:#fff; cursor:pointer;  }
.ui-tabs2 .ui-tabs2-nav li a, .ui-tabs2.ui-tabs2-collapsible .ui-tabs2-nav li.ui-tabs2-selected a { cursor: pointer; color:#000; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs2 .ui-tabs2-panel {
	display: block;
	margin-top:-15px;
	padding: 20px 10px;
	background-image: url(../images/box-bg11.jpg);
	background-repeat: repeat;
	overflow:hidden;
	border-radius:0 6px 6px 6px;
	background-color: #FFF;
	border: 5px solid #000;
}
.ui-tabs2 .ui-tabs2-hide { display: none !important; }
.ui-tabs2 .ui-tabs-nav li a:hover { float: left; padding: 0.6em 1em; text-decoration: none; color:#fff;}


@media only screen and (min-width:1200px) {
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0.6em 1em; text-decoration: none; color:#000;}
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.ui-tabs .ui-tabs-nav li{ font-size:14px !important;}
	.ui-tabs .ui-tabs-nav li a { padding: 0.6em 3px; }
}



@media only screen and (min-width: 240px) and (max-width: 480px) {
.ui-tabs2 .ui-tabs2-nav li a { float: left; padding: .5em .5em; text-decoration: none; color:#fff;}

}


@media only screen and (min-width: 200px) and (max-width: 767px) {
.ui-tabs .ui-tabs-nav {	height:auto;}
.ui-tabs .ui-tabs-nav li { float: none;  display: block; border-bottom: 1px solid #ccc; height:auto;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { display: block; float: none;}
.ui-tabs .ui-tabs-nav li a:hover, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a:hover { display: block; float: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { height:auto;}

}



*+html .ui-tabs .ui-tabs-nav  {margin: 30px 0 15px 0px;}
*+html .ui-tabs .ui-tabs-nav li { height:35px; padding-bottom:5px;}