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

div.st_vertical { /* The main container */
	position:relative;
	float:left;
	clear:both;
	width:755px; /* Set the full width */
	color:#616161;
}



/* Tabs
------------------------------------------------------------------------------------- */
div.st_vertical div.st_tabs_container { /* Tabs main container */  	
	position:relative;
	z-index:100;
	float:left;
	width:169px; /* +1px for the negative right margin */
	margin-right:-1px;
	border-top:0px solid #d4d4d4;
	overflow:hidden;
  }

div.st_vertical 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 */
	float:left;
	clear:both;
}

div.st_vertical ul.st_tabs { /* Tabs unordered list */
	float:left;
	width:168px;	
	margin:0px;
	padding:0px;
	list-style:none;
}

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

div.st_vertical ul.st_tabs li a { /* Tab links */
	display:block;
	width:148px;
	height:31px;
	margin:1px 0px 0px 1px;
	padding:14px 0 14px 20px;
	font-size:11px;
	color:#5c5c5c;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	outline:none;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	border-left:0px solid #d4d4d4;
	background:#fff url(./img/v_tab_bg.jpg) repeat-x 0px 0px;	
}

div.st_vertical ul.st_tabs li a span {
	display:block;
	clear:both;
	font-weight:normal;
	color:#838383;
	padding-top:3px;
}

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

div.st_vertical ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	position:relative;
	z-index:10;
	color:#1ca5ec;
	padding-right:1px;
	background:#fff;
}

/* Content
------------------------------------------------------------------------------------- */
div.st_vertical div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
  height:1050px;
	padding:20px; /* Set the padding for the content here */
	line-height:18px;
	border:0px solid #d4d4d4;
	background-color:#fff;
	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_vertical div.st_view { /* Slide-container for the content */
	position:relative;
	height:100%;
	overflow:hidden;
}

div.st_vertical div.st_tab_view { /* Individual content containers */	
	width:100%;	
	margin-bottom:20px;
	background-color:#fff;
}

div.st_vertical div.st_view h2 {
	margin:10px 0px 10px 0px;
	padding:0px;
}

div.st_vertical div.st_view p {
	margin:14px 0px 14px 0px;
	padding:0px;
}

div.st_vertical div.st_view blockquote {
	float:left;
	width:200px;
	margin:0px 12px 0px 0px;
	padding:10px 5px 10px 14px;
	border-left:2px solid #E5E5E5;
	font:normal 16px/20px "MS Trebuchet",Calibri,Arial,serif; text-transform: uppercase;
	color:#A8A8A8;
  background-color: #F5F5F3;
}

div.st_vertical div.st_view blockquote p {
	margin:0px;
}

/* Right aligned tabs
------------------------------------------------------------------------------------- */
div.st_vertical.align_right div.st_tabs_container { /* Tabs main container */  	
	float:right;
	margin-left:-1px;
	margin-right:0px;
}

div.st_vertical.align_right ul.st_tabs li a { /* Tab links */
	border-right:1px solid #d4d4d4;
}

div.st_vertical.align_right ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	padding-right:0px;
	border-left-color:#ffffff;
}