/*Tabs CSS*/

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 30px 0px 0px 0px;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	padding: 0;
	white-space: nowrap;
	background: #36adc2;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	color: white;
	font-family: 'OswaldRegular';
	font-size: 14px;
	outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: pointer;
	outline: none;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
	outline: none;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border:none;
	background: none;
}


.ui-tabs-vertical{
	width: 483px;
	margin: 0px 0px 0px 18px;
	border: none;
	float: left;
}
.ui-tabs-vertical .ui-tabs-nav{
	float: left;
	width: 80px;
	height:30px
}
.ui-tabs-vertical .ui-tabs-nav li{
	clear: left;
	width: 100%;
	margin: 4px 0px 1px 0px;
	padding: 5px 6px 5px 5px;
	outline: none;
}
.ui-tabs-vertical .ui-tabs-nav li a{
	display:block; 
	outline: none;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{
	background: white;
	color: #36adc2;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a{
	background: white;
	color: #36adc2;
	outline: none;
}
.ui-tabs-vertical .ui-tabs-panel{
	float: left;
	line-height: 2em;
	width: 370px;
	background: #f4f2f2;
	color: #676767;
	font-family: 'OswaldLight';
	font-size: 14px;
	border-radius: 12px;
	height: 351px;
	margin: 30px 0px 0px 20px;
	padding: 0px 6px 5px 7px;
}