.sxx-tabcontrol {
	padding:8px 16px;
}

.sxx-tabcontrol ul {
	margin:0;
}

.sxx-tabcontrol:after, .sxx-tabcontrol ul:after  {
	display: table;
	content: "";
	clear: both;
}

.sxx-tabcontrol-item {
	padding:6px 12px;
	white-space:nowrap;
	position:relative;
	float: left;
	list-style:none;
	color:grey;
	cursor:pointer;
	text-transform: uppercase;
	font-size:94%;
}
	.sxx-tabcontrol-item a {
		white-space:nowrap;
		color:grey;
	}
	.sxx-tabcontrol-item a:hover {
		text-decoration:none;
	}

.sxx-tabcontrol-item.sxx-tabcontrol-item-active {
	color: #5ea6ef;
	font-weight: bold;
}

.sxx-tabcontrol-item > .widget-control {
	display: none !important;
}

.sxx-tabcontrol-item.sxx-tabcontrol-item-active > .widget-control {
	display: inline-block !important;
}

.sxx-tabcontrol-item:after {
    position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: "";
	background:none;

}

.sxx-tabcontrol-item.sxx-tabcontrol-item-active:after {
	background-color:#5ea6ef;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-khtml-transition: all 1s ease;
}

.sxx-tabcontrol-item:not(.sxx-tabcontrol-item-active):not(.sxx-tabcontrol-item-noselect):hover:after {
	background-color:#E1E1E1;
	
	transition: all 1s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-khtml-transition: all 0.5s ease;
}

.sxx-tabcontent {
	display:none;
}