/*
* @author: William Khoe
*/

.tabs ul.ui-tabs-nav:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}

.ie .tabs.ui-tabs-nav > ul {
	zoom: 1;
}

.tabs {
	border: 5px solid #FFF;
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);
}

	.tabs ul.ui-tabs-nav li {
		float: left;
	}

		.tabs ul.ui-tabs-nav li a {
			display: inline-flex;
			height: 60px;
			width: 100%;
			align-items: center;
			justify-content: center;
			background: #CDCDCD;
			background: -moz-linear-gradient(top, #DCDCDC 0%, #B5B5B5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DCDCDC), color-stop(100%,#B5B5B5));
			background: -webkit-linear-gradient(top, #DCDCDC 0%,#B5B5B5 100%);
			background: -o-linear-gradient(top, #DCDCDC 0%,#B5B5B5 100%);
			background: -ms-linear-gradient(top, #DCDCDC 0%,#B5B5B5 100%);
			background: linear-gradient(to bottom, #DCDCDC 0%,#B5B5B5 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#B5B5B5', GradientType=0);
			border-bottom: 1px solid #888;
			border-left: 1px solid #FFF;
			border-right: 1px solid #888;
			font-family: 'Yanone Kaffeesatz', "Helvetica Neue", Helvetica, Arial;
			font-size: 14px;
			font-weight: 700;
			color: #222;
			/* line-height:60px; */
			text-transform: uppercase;
			text-align: center;
			-webkit-font-smoothing: antialiased;
		}

		.tabs ul.ui-tabs-nav li.first a {
			border-left: 0;
		}

		.tabs ul.ui-tabs-nav li.last a {
			border-right: 0;
		}

		.tabs ul.ui-tabs-nav li.ui-tabs-active a {
			margin: 0 0 -1px 0;
			padding-top: 1px;
			color: #ED1C27;
			background: #EDEDED;
			filter: none;
			border-bottom: 1px solid #EDEDED;
			cursor: default;
		}

	.tabs .ui-tabs-panel {
		padding: 27px 30px;
		background: #EDEDED;
		background: -moz-linear-gradient(top, #EDEDED 0%, #DDDDDD 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DDDDDD));
		background: -webkit-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
		background: -o-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
		background: -ms-linear-gradient(top, #EDEDED 0%,#DDDDDD 100%);
		background: linear-gradient(to bottom, #EDEDED 0%,#DDDDDD 100%);
		border-top: 1px solid #FFF;
	}

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

	.tabs ul.accordion-nav {
		display: none;
	}

		.tabs ul.accordion-nav li {
			float: none;
		}

			.tabs ul.accordion-nav li a {
				display: block;
				width: auto;
				padding: 0 20px;
				background: #DDD; /* Old browsers */
				background: -moz-linear-gradient(left, #BBB 0%, #CDCDCD 50%, #BBB 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#BBB), color-stop(50%,#CDCDCD), color-stop(100%,#BBB)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #BBB 0%,#CDCDCD 50%,#BBB 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #BBB 0%,#CDCDCD 50%,#BBB 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left, #BBB 0%,#CDCDCD 50%,#BBB 100%); /* IE10+ */
				background: linear-gradient(to right, #BBB 0%,#CDCDCD 50%,#BBB 100%); /* W3C */
				border: 0;
				border-bottom: 1px solid #999;
				border-top: 2px solid #DDD;
				font-size: 14px;
				font-weight: bold;
				color: #222;
				line-height: 50px;
				text-transform: uppercase;
				text-align: left;
			}

			.tabs ul.accordion-nav li.ui-tabs-active a {
				margin: 0;
				color: #ED1C27;
				background: #E6E6E6;
				background: -moz-linear-gradient(top, #EFEFEF 0%, #DEDEDE 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#DEDEDE)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #EFEFEF 0%,#DEDEDE 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #EFEFEF 0%,#DEDEDE 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #EFEFEF 0%,#DEDEDE 100%); /* IE10+ */
				background: linear-gradient(to bottom, #EFEFEF 0%,#DEDEDE 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#DEDEDE',GradientType=0 ); /* IE6-9 */
				border: 0;
				border-top: 5px solid #FFF;
				border-bottom: 5px solid #FFF;
			}

			.tabs ul.accordion-nav li.first a,
			.tabs ul.accordion-nav li.ui-tabs-active.first a {
				border-top: 0;
			}

	.tabs ul.ui-tabs-nav-single {
		text-decoration: none;
		text-align: center;
		display: block;
		padding-top: 15px;
		padding-bottom: 12px;
		font-size: 16px;
		text-transform: uppercase;
	}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px) {
	.tabs ul.ui-tabs-nav li a {
		font-size: 13px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px) {
	.tabs ul.ui-tabs-nav {
		display: none;
	}

	.tabs ul.accordion-nav {
		display: block;
	}

	.tabs .ui-tabs-panel {
		box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	}

	.lte8 .ui-tabs-panel {
		border: 1px solid #CCC;
	}

	.tabs .ui-tabs-panel {
		padding: 20px;
	}

	.tabs ul.accordion-nav li a span {
		display: block;
		background: url(/img/ui/icon-sprite.png) no-repeat 100% -1550px;
	}

	.tabs ul.accordion-nav li.ui-tabs-active a span {
		background-position: 100% -1611px;
	}
}