/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14.
 *
------------------------------------------------------------------------------------- */

div.st_horizontal { /* The main container */	
	position:relative;
	
}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev, 
div.st_horizontal a.st_next { /* Directional buttons (previous/next) */
	position:absolute;
	top:0px;
	z-index:110;
	display:none;
	height:45px;
	width:40px;
	outline:none;
	background:#34495e url(../images/tap_arrows.png) no-repeat;	
	background-repeat:no-repeat;
}

div.st_horizontal a.st_prev { /* Previous button */
	left:0px;
	background-position:top left;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}

div.st_horizontal a.st_prev:hover { /* Previous button hover */	
	background-color:#3f566e;
}

div.st_horizontal a.st_next { /* Next button */
	right:0px;
	background-position:top right;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

div.st_horizontal a.st_next:hover { /* Next button hover */	

	background-color:#3f566e;
}

div.st_horizontal a.st_prev.st_btn_disabled, 
div.st_horizontal a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */
	cursor:default;
	background-color:#46607a;
	
}

div.st_horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */
	background-position:bottom left;
}

div.st_horizontal a.st_next.st_btn_disabled { /* Next button disabled state */
	background-position:bottom right;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container { /* Tabs main container */		
	position:relative;
	z-index:100;		
	width:722px!important;	

	margin-bottom:-1px;	
	overflow:hidden;
	background:#e74c3c;
	border-radius:4px;
	
}

div.st_horizontal div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
	
}

div.st_horizontal div.st_sliding_active div.st_slide_container { /* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */
	margin:0px 40px; /* Adds side margins to make space for the arrow buttons */
}

div.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:1000px; /* Set to an arbitrary high value */
	
	margin:0px;
	padding:0px;
	list-style:none;
}

div.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
}

div.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block;
	margin:0px;
	padding:5px 20px;
	font:19px 'PT Sans Narrow', sans-serif;
	line-height:35px; /* Aligns the tabs to the bottom of the content container */
	color:#fff;
	text-decoration:none;
	outline:none;
	border-right:1px solid #c0392b;
}

div.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
	color:#f0f0f0;
}

div.st_horizontal ul.st_tabs li a.st_first_tab {

} 

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:#fff;
	background:#34495e;
	font:19px 'PT Sans Narrow', sans-serif;
	line-height:35px; /* Aligns the tabs to the bottom of the content container */
	
}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
	margin-bottom:17px;

	
}

div.st_horizontal div.st_first_tab_view {
	display:block;
}


/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */
	border-bottom:1px solid #e74c3c;
}

div.st_horizontal.align_bottom a.st_prev { /* Previous button */
	/* Reset top borders */
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	/* Set bottom borders */
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}

div.st_horizontal.align_bottom a.st_next { /* Next button */
	/* Reset top borders */
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	/* Set bottom borders */
	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

div.st_horizontal.align_bottom div.st_tabs_container { /* Tabs main container */

	bottom:-39px;
	left:0px;
}

div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	border-top-color:#fff;
	border-bottom-color:#e74c3c;
}