/*
* @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:block;
	background:#8D8B82;
	background:-moz-linear-gradient(top, #EDEDED 0%, #8D8B82 200%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(200%,#8D8B82));
	background:-webkit-linear-gradient(top, #EDEDED 0%,#8D8B82 200%);
	background:-o-linear-gradient(top, #EDEDED 0%,#8D8B82 200%);
	background:-ms-linear-gradient(top, #EDEDED 0%,#8D8B82 200%);
	background:linear-gradient(to bottom, #EDEDED 0%,#8D8B82 200%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#8D8B82', GradientType=0);
	border-left:2px solid #FFF; border-right:2px solid #fff; border-bottom:4px solid #fff;
	font-family:'Yanone Kaffeesatz', "Helvetica Neue", Helvetica, Arial; font-size:22px; font-weight:400; letter-spacing:.03em; color:#444; line-height:60px; text-transform:uppercase; text-align:center; -webkit-font-smoothing:antialiased;
}
.tabs ul.ui-tabs-nav li a:hover
{
	color: #ffffff;
	background:#40bab4;
}
.tabs ul.ui-tabs-nav li.first a
{
	border-left:0;
}
.tabs ul.ui-tabs-nav li.last a
{
	border-right: 0 none;
}
.tabs ul.ui-tabs-nav li.ui-tabs-active a
{
	margin:0 0 -1px 0;
	color:#40bab4;
	background:#EDEDED;
	filter:none;
	border-bottom: 4px solid #ededed;
	cursor:default;
}
.tabs .ui-tabs-panel
{
	padding:27px 30px;
	background:#EDEDED;
	background:-moz-linear-gradient(top, #EDEDED 10%, #8d8b82 250%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(10%,#EDEDED), color-stop(250%,#8d8b82));
	background:-webkit-linear-gradient(top, #EDEDED 10%,#8d8b82 250%);
	background:-o-linear-gradient(top, #EDEDED 10%,#8d8b82 250%);
	background:-ms-linear-gradient(top, #EDEDED 10%,#8d8b82 250%);
	background:linear-gradient(to bottom, #EDEDED 10%,#8d8b82 250%);
}
.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;

	border:0; border-bottom:1px solid #999; border-top:2px solid #DDD;
	font-size:24px; color:#444; line-height:50px; text-transform:uppercase; text-align:left;
}
.tabs ul.accordion-nav li.ui-tabs-active a
{
	margin:0;
	color:#40bab4;
	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(/content/Testors/img/ui/icon-sprite.png) no-repeat 100% -1550px;
		font-family: 'Yanone Kaffeesatz',"Helvetica Neue",Helvetica,Arial;
	}
	.tabs ul.accordion-nav li.ui-tabs-active a span
	{
		background-position:100% -1611px;
	}
}