/* BASE TABS */
 .ui-tabs {
	 position: relative;
	 padding: .2em;
	 zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

ul.tabWrap li, .ui-tabs .ui-tabs-nav {
	background: none;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	margin-top: -1px !important;
}

ul.tabWrap li, .ui-tabs .ui-tabs-nav li {
	float: left;	
	border: 0;
	margin: 0 !important;
	white-space: nowrap;
	list-style: none;
	position: relative;
	font-size: 15px;
	padding-left: 0 !important;
	line-height: 1.3em !important;
	
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/tab-div.gif") no-repeat top right !important;
	
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

ul.tabWrap li a, .ui-tabs .ui-tabs-nav li a {
	float: left;
	margin-right: 1px;
	color: #FFF !important;
	outline: none;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 22px !important;
	padding-bottom: 10px;
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/sprite-x.png") repeat-x 0 -275px #36638f;
}

ul.tabWrap li.promo, .ui-tabs .ui-tabs-nav li.promo {
	float: left;	
	border: 0;
	margin: 0 !important;
	white-space: nowrap;
	list-style: none;
	position: relative;
	font-size: 15px;
	padding-left: 0 !important;	
	
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/bg-blueTab-border.png") no-repeat right 20px !important;
	
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

ul.tabWrap li.promo a, .ui-tabs .ui-tabs-nav li.promo a {
	float: left;
	
	/*margin-right: 1px;*/
	margin-right: 1px;
	color: #FFF !important;
	outline: none;
	font-weight: bold;	
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/bg-blueTab.png") repeat-x;
	
	margin-top: 20px;
	padding: 7px 20px 5px 20px !important;
}

.ui-tabs .ui-tabs-nav li a:hover {
	text-decoration: none;	
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	border: 0;
	margin: 0;	
	
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #000 !important;
    color: #000;
	background: #FFF;
}

.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;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}/* 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 { 
	background: #FFF;
	border: 0;
	clear: both;

	/*position: relative;*/

	padding: 32px 10px 20px 10px;

	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;

	display: block;
}
	
.ui-tabs .ui-tabs-hide {
	display: none;
}



/* BASE ACCORDION */
.ui-accordion {
	width: 100%;
}

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	zoom: 1;
	outline: none;
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/sprite-x.png") repeat-x 0 -207px;		
}

.ui-accordion .ui-accordion-header a { 
	margin: 0;
	text-decoration: none;
	color: #FFF !important;
}

.ui-accordion .ui-state-default,
.ui-accordion .ui-state-active {
	margin: 0;
	padding: 9px 0 9px 36px;	
}

.ui-accordion .ui-accordion-li-fix {
	display: inline;
}

.ui-accordion .ui-state-default .ui-icon { 
	position: absolute;
	margin-top: 2px;
	margin-left: -25px;
	width: 19px;
	height: 17px;
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/icon-plus-minus.png") no-repeat 0px 0px;
}

.accordion .ui-state-active .ui-icon {
	position: absolute;
	margin-top: 2px;
	margin-left: -25px;
	width: 19px;
	height: 17px;
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/icon-plus-minus.png") no-repeat 0px -35px !important;	
}

.ui-accordion .ui-accordion-content {
	padding: 15px 5px;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/bg-accordion-content.png") repeat-x;
}

.ui-accordion .ui-accordion-content-active {
	display: block !important;
}

/* Accordion within Tabs */
.tabs .ui-accordion {
	padding: 0;	
}

.tabs .ui-accordion .ui-accordion-header {
	cursor: pointer;
	zoom: 1;
	outline: none;
	background: url("https://www.samplecomponents.com/scripts/programs/Micron/resources/img/sprite-x.png") repeat-x 0 -207px;		
}

.tabs .ui-accordion .ui-accordion-header a { 
	margin: 0 !important;
	text-decoration: none;
	color: #FFF;
}

.tabs .ui-accordion .ui-state-default,
.tabs .ui-accordion .ui-state-active {
	margin: 0 !important;
	padding: 9px 0 9px 36px !important;
}