/*
* @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:#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;
	}
}