/* 
	Template Name: Spaced
*/

/**
 * Note: Prefix the template styles with <TEMPLATE FOLDER NAME>-horizontal/vertical
 */

/**************************
    - Horizontal tabs -
**************************/
div.spaced-horizontal {
	position:relative;
	clear:both;
	width:100%;
}

/*******************************************
    - Directional buttons (Horizontal) -
*******************************************/
div.spaced-horizontal > div.st_tabs a.st_prev, 
div.spaced-horizontal > div.st_tabs a.st_next {
	display:none;
	position:absolute;
	top:0px;
	z-index:110;
	height:41px;
	width:43px;
	text-indent:-999em;
	border:1px solid #ccc;
	outline:none;
	background:#fff url("images/arrows_h.gif") no-repeat;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

div.spaced-horizontal > div.st_tabs a.st_prev {
	left:0px;
	background-position:center 14px;
}

div.spaced-horizontal > div.st_tabs a.st_prev:hover {	
	background-position:center -46px;
	background-color:#f8f8f8;
}

div.spaced-horizontal > div.st_tabs a.st_next {
	right:0px;
	background-position:center -16px;
}

div.spaced-horizontal > div.st_tabs a.st_next:hover {	
	background-position:center -76px;
	background-color:#f8f8f8;
}

div.spaced-horizontal > div.st_tabs a.st_prev.st_btn_disabled, 
div.spaced-horizontal > div.st_tabs a.st_next.st_btn_disabled {
	cursor:default;
	background-color:#f8f8f8;
}

div.spaced-horizontal > div.st_tabs a.st_prev.st_btn_disabled {
	background-position:center -106px;
}

div.spaced-horizontal > div.st_tabs a.st_next.st_btn_disabled {
	background-position:center -136px;
}

/****************************
    - Tabs (Horizontal) -
****************************/
div.spaced-horizontal > div.st_tabs {	
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:43px;
	margin-bottom:-1px;	
	overflow:hidden;
}

div.spaced-horizontal.st_sliding_active > div.st_tabs {
	height:43px;
}

div.spaced-horizontal > div.st_tabs div.st_tabs_wrap {
	position:relative !important;
	width:100%;
}

div.spaced-horizontal.st_sliding_active > div.st_tabs div.st_tabs_wrap {
	width:auto !important;
	margin:0px 44px;
}

div.spaced-horizontal > div.st_tabs ul {
	width:10000px;
	height:43px;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.spaced-horizontal > div.st_tabs ul li {
	display:block;
	float:left;
	margin:0px;
}

div.spaced-horizontal > div.st_tabs ul li a {
	display:block;
	height:41px;
	margin:0px;
 	margin-right:3px;
	padding:0 30px;
	font:bold 12px/41px Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	outline:none;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#f8f8f8;
	background:-moz-linear-gradient(center bottom, #F7F7F7, #FFFFFF);
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

div.spaced-horizontal > div.st_tabs ul li a:hover {
	color:#333;
	background:#fbfbfb;
}

div.spaced-horizontal > div.st_tabs ul li a.st_tab_active {
	color:#5ea600;
	padding-bottom:2px;
	border-top-color:#ccc;
	border-bottom-color:#fff;
	background:#fff;
}

div.spaced-horizontal > div.st_tabs ul li a.st_tab_first {
	border-left:1px solid #ccc;
}

div.spaced-horizontal > div.st_tabs ul li a.st_tab_last {
	margin-right:0;
}

div.spaced-horizontal.st_sliding_active > div.st_tabs ul li a.st_tab_last {
	margin-right:0;
}

div.spaced-horizontal > div.st_tabs ul li a.st_tab_active {
}

/*******************************
    - Content (Horizontal) -
*******************************/
div.spaced-horizontal > div.st_views {
	position:relative;
	z-index:5;
	height:390px;
	padding:0px !important;
	line-height:19px;
	border:1px solid #ccc;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-color:#fff;
	overflow:hidden;
}

div.spaced-horizontal.st_sliding_active > div.st_views {
    border-top-right-radius:0;
}

div.spaced-horizontal > div.st_views div.st_view {
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:none;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-color:transparent !important;
}

div.spaced-horizontal > div.st_views div.st_view_inner {
	padding:30px;
	overflow:hidden;
}

div.spaced-horizontal > div.st_views div.st_view_first {
	display:block;
}

/*******************************************
    - Bottom aligned tabs (Horizontal) -
*******************************************/
div.spaced-horizontal.align_bottom {
	margin-bottom:43px;
}
div.spaced-horizontal.align_bottom > div.st_tabs a.st_prev, 
div.spaced-horizontal.align_bottom > div.st_tabs a.st_next {
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}

div.spaced-horizontal.align_bottom > div.st_tabs {
	position:absolute;
	bottom:-42px;
	left:0px;
	margin-bottom:0px;
}

div.spaced-horizontal.align_bottom.st_sliding_active > div.st_tabs {
	border-top:0 none;
}

div.spaced-horizontal.align_bottom > div.st_tabs ul li a {
	border-bottom:1px solid #ccc;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}

div.spaced-horizontal.align_bottom > div.st_tabs ul li a.st_tab_active {
	padding-bottom:0px;
	border-top-color:#fff;
}

div.spaced-horizontal.align_bottom > div.st_views {
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:0px;
}

div.spaced-horizontal.align_bottom.st_sliding_active > div.st_views {
    border-bottom-right-radius:0;
}

/************************
    - Vertical tabs -
************************/
div.spaced-vertical {
	position:relative;
	clear:both;
	width:100%;
}

/*************************************
    - Control buttons (Vertical) -
*************************************/
div.spaced-vertical > div.st_tabs a.st_prev, 
div.spaced-vertical > div.st_tabs a.st_next {	
	display:none;
	float:left;
	position:relative;
	z-index:100;	
	height:34px;
	width:93px;
	margin-bottom:-1px;
	text-indent:-999em;
	border:1px solid #ccc;
	outline:none;	
	background:#fff url("images/arrows_v.gif") no-repeat;	
}

div.spaced-vertical > div.st_tabs a.st_prev {
	border-right:0 none;
	background-position:center 13px;	
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

div.spaced-vertical > div.st_tabs a.st_prev:hover {
	background-position:center -51px;
	background-color:#f5f5f5;
}

div.spaced-vertical > div.st_tabs a.st_next {
	background-position:center -19px;
}

div.spaced-vertical > div.st_tabs a.st_next:hover {
	background-position:center -83px;
	background-color:#f5f5f5;
}

div.spaced-vertical > div.st_tabs a.st_prev.st_btn_disabled,
div.spaced-vertical > div.st_tabs a.st_next.st_btn_disabled {
	cursor:default;
	background-color:#f7f7f7;
}

div.spaced-vertical > div.st_tabs a.st_prev.st_btn_disabled {
	background-position:center -115px;
}

div.spaced-vertical > div.st_tabs a.st_next.st_btn_disabled {
	background-position:center -147px;
}

/**************************
    - Tabs (Vertical) -
**************************/
div.spaced-vertical > div.st_tabs {
	position:relative;
	z-index:100;
	float:left;
	width:189px;
	height:389px;
	margin-right:-1px;
	overflow:hidden;
	border-top-left-radius:5px;
}

div.spaced-vertical.st_sliding_active > div.st_tabs {}

div.spaced-vertical > div.st_tabs div.st_tabs_wrap {
	position:relative !important;
	float:left;
	clear:both;
}

div.spaced-vertical.st_sliding_active > div.st_tabs div.st_tabs_wrap {}

div.spaced-vertical > div.st_tabs ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.spaced-vertical > div.st_tabs ul li {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
}

div.spaced-vertical > div.st_tabs ul li a {
	display:block;
	width:167px;
	margin:0 0 3px;
	padding:14px 0 14px 20px;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	text-decoration:none;
	outline:none;
	border:1px solid #ccc;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background-color:#f8f8f8;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f4f4f4));
	background-image:-webkit-linear-gradient(top, #f9f9f9, #f4f4f4);
	background-image:-moz-linear-gradient(top, #f9f9f9, #f4f4f4);
	background-image:-ms-linear-gradient(top, #f9f9f9, #f4f4f4);
	background-image:-o-linear-gradient(top, #f9f9f9, #f4f4f4);
}

div.spaced-vertical > div.st_tabs ul li a:hover {
	color:#333;
	background:#fbfbfb;
}

div.spaced-vertical > div.st_tabs ul li a.st_tab_first {}

div.spaced-vertical > div.st_tabs ul li a.st_tab_last {
	margin-bottom:0;
}

div.spaced-vertical > div.st_tabs ul a.st_tab_active {
	position:relative;
	z-index:10;
	color:#5ea600;
	padding-right:1px;
	background:#fff;
}

div.spaced-vertical > div.st_tabs ul li a span {
	display:block;
	clear:both;
	font:italic normal 11px/11px Georgia, "Times New Roman", Times, serif;
	color:#838383;
	padding-top:3px;	
}

/*****************************
    - Content (Vertical) -
*****************************/
div.spaced-vertical > div.st_views {
	position:relative;
	z-index:5;
	height:387px;
	line-height:18px;
	border:1px solid #ccc;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-color:#fff;
	overflow:hidden;
}

div.spaced-vertical.st_sliding_active > div.st_views {
	border-bottom-left-radius:0px;
}

div.spaced-vertical > div.st_views div.st_view {
	width:100%;	
	height:100%;
	overflow:hidden;
	background-image:none;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-color:transparent !important;
}

div.spaced-vertical > div.st_views div.st_view_inner {
	overflow:hidden !important;
	padding:30px;
}

div.spaced-vertical > div.st_views div.st_view_first {
	display:block;
}

/****************************************
    - Right aligned tabs (Vertical) -
****************************************/
div.spaced-vertical.align_right > div.st_tabs a.st_prev {
	margin-left:0px;
	/* Reset left border radius */
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

div.spaced-vertical.align_right > div.st_tabs a.st_next {
	margin-right:-1px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

div.spaced-vertical.align_right > div.st_tabs { 	
	float:right;
	margin-left:-1px;
	margin-right:0px;
	border-top-right-radius:5px;
	border-top-left-radius:0px;
}

div.spaced-vertical.align_right > div.st_tabs ul li a {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

div.spaced-vertical.align_right > div.st_tabs ul li a.st_tab_active {
	padding-right:0px;
	border-left-color:#ffffff;
}

div.spaced-vertical.align_right > div.st_views {
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:0px;
}

div.spaced-vertical.align_right.st_sliding_active > div.st_views {
    border-bottom-right-radius:0;
}