ul.tabs
{
	list-style:none;
	margin:2px 0px 20px 0px; 
	padding:0px;
	width:100%;
	#font-size:7pt;
	text-transform:uppercase;
	color:#888888;
	white-space:nowrap;
	border-spacing:0px;
	border-bottom:1px solid #888;
}

ul.tabs li
{
	border:1px solid #b5b5b5;
	border-bottom:none;
	display:inline-block;
	border-spacing:0px;
	margin-right:4px;
	margin-bottom:-1px;
	background-color:#f2f2f2;
	color:#b5b5b5;
}

ul.tabs li.on
{
	position:relative;
	#top:1px;
	color:#888888;
	background-image:none;
	background-color:#f9f9f9;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-right:1px solid #888888;
}

ul.tabs li div
{
	margin:0px;
	
	#font-size:1.3em;
	
	padding-left:28px;
	padding-right:30px;
	
	padding-top:8px;
	
	padding-bottom:8px;
	border-bottom:6px solid #e6e6e6;
	
}

ul.tabs li.on div, ul.tabs li.on:hover div
{
	border-top:6px solid #9ab8c9; /*#9ab8c9;*/
	padding-top:4px;
	
	padding-bottom:15px;
	border-bottom:none;
}

ul.tabs li:hover
{
	cursor:pointer;
}

ul.tabs li:hover div
{
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:6px solid #537eac;
	
	
}

ul.tabs li.empty
{
	border:none;
	background:none;
}

ul.tabs li.empty:hover
{
	cursor:default;
}

ul.tabs li.empty div
{
	border:none;
	#border-bottom:2px solid #e6e6e6;
	#padding-top:9px;
	#padding-bottom:12px;
	#width:60px;
	#color:#887000;
}




/* SIDE TABS */
td.tabSideTD{
	padding:0px;
	#background-color:#e8e8e8;
	width:190px;
	border-top:none;
	border-right:1px solid #ccc;
	box-shadow: inset 0px 400px 130px -140px #bababa;
}
div.tabSide 
{
	#margin-right:12px;
	font-family:'Exo 2';
	min-height:400px;
}

.tabSide div.button
{
	padding: 18px 20px 18px 50px;
	width: 140px;
	border-bottom: 1px solid #444;
	background-color:#333;
	box-shadow: inset 0px 0px 47px #222;
	color: #bbb;
	font-weight: 400;
	vertical-align:middle;
	transition: all .2s;
}

.tabSide div.button-container 
{
	margin:0px;
	padding:0px;
	border:none;
	width:auto;
	position:relative;
}
.tabSide div.button-container:after
{
	content: "";
	position: absolute;
	top: 30%;
	right: 0px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left:0px #1B385B;
	transition:all;
	transition-duration:.15s;
}
.tabSide div.button-container:hover:after
{
	right:-9px;
	border-left: 10px solid #1B385B;
}
.tabSide div.button-container-on:after
{
	content: "";
	position: absolute;
	top: 30%;
	right: -9px;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 10px solid rgb(56, 56, 56);
}
.tabSide div.button-container-on:hover:after
{
	border-left: 10px solid rgb(56, 56, 56);
}
.tabSide div:hover
{
	cursor:pointer;
	color:#eee;
	background-color:#345B83;
	box-shadow: inset 0px 0px 24px #001330;
}

.tabSide div.last
{
	#border-bottom:1px solid #bbbbbb; 
}

.tabSide div.empty
{
	height:75px;
	border:none;
	background-color:none;
	box-shadow:none;
}

.tabSide div.empty:hover
{
	cursor:default;
	background-color:transparent;
	box-shadow:none;
}

.tabSide div.on
{
	background-color:#595959;
	box-shadow: inset -6px 0px 29px 2px #303030;
	color:#eee;
}
.tabSide div.on:after
{
}
span.arrow-right {
	width: 0;
	height: 0;
	border-top: 26px solid transparent;
	border-bottom: 26px solid transparent;
	border-left: 7px solid rgb(56, 56, 56);
	position: absolute;
	left: 240px;
	text-align: right;
}