/*--------------------------------------------------*/
/*	OVERRIDES
/*--------------------------------------------------*/

ul.tabs input[type="radio"] {
	display: none;
}

ul.radio.tabs li:first-child {
	margin-left: 0 !important;
}

ul.radio.tabs li:nth-child(n+2) {
	margin-left: 10px !important;
}

/*--------------------------------------------------*/
/*	TABS
/*--------------------------------------------------*/

ul.tabs {
	width: 100%;
	height: 42px;
}

ul.tabs li {
	float: left;
	margin-top: 10px !important;
}

ul.tabs label {
	z-index: 1;
	cursor: pointer;

	padding: 0 20px;

	color: #B5B5B5;
	background-color: #FFFFFF;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ul.tabs input:checked ~ label {
	z-index: 3;

	color: #404040 !important;
}

/*--------------------------------------------------*/
/*	SECTION TABS
/*--------------------------------------------------*/

section.tabulator {
	overflow: hidden;
	padding-bottom: 0;

	background-color: #FAFAFA;
}

section.tabulator ul.tabs:last-child {
	margin-top: 15px;
}

/*--------------------------------------------------*/
/*	ARTICLE TABS
/*--------------------------------------------------*/

article.tabulator {
	margin-top: 42px;

	background-color: #FFFFFF;
}

article.tabulator > ul.tabs:first-child {
	position: absolute;
	top: -42px;
	left: 0;
}

/*--------------------------------------------------*/
/*	SHADOWS
/*--------------------------------------------------*/

/* line */
section.tabulator:before {
	z-index: 2;
	content: " ";

	position: absolute;
	bottom: -5px;
	left: 0;

	width: 100%;
	height: 5px;

	background-color: #B5B5B5;
}

/* shadow */
ul.tabs label,
section.tabulator:before,
article.tabulator:before {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	     -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/*--------------------------------------------------*/
/*	STATES
/*--------------------------------------------------*/

ul.tabs input:checked ~ label:after {
	display: none;
}

ul.tabs input.alert ~ label {
	-webkit-box-shadow: 0 0 10px 1px red;
	   -moz-box-shadow: 0 0 10px 1px red;
	    -ms-box-shadow: 0 0 10px 1px red;
	     -o-box-shadow: 0 0 10px 1px red;
	        box-shadow: 0 0 10px 1px red;
}