/* 

	Template Name: Sliding Tabs Default

	Template URI: http://codecanyon.net/item/sliding-tabs-wordpress-plugin/696436

	Description: The default template for the Sliding Tabs plugin.

	Version: 1.0

	Author: 360north

	Author URI: http://codecanyon.net/user/360north

*/



/* NOTE: Prefix the template styles with st_template_(template folder name)-horizontal/vertical */



/* 

 * Horizontal Tabs

 *

------------------------------------------------------------------------------------- */



div.st_template_default-horizontal { /* The main container */	

	position:relative;

	clear:both;

	width:775px; /* Set the full width */	

	color:#616161;

}



/* Control buttons

------------------------------------------------------------------------------------- */

div.st_template_default-horizontal a.st_prev, 

div.st_template_default-horizontal a.st_next { /* Directional buttons (previous/next) */

	position:absolute;

	top:0px;

	z-index:110;

	display:none;

	height:38px;

	width:39px;

	border:1px solid #d4d4d4;

	outline:none;

	background:#fff url(btn_arrows.gif) no-repeat;	

}



div.st_template_default-horizontal a.st_prev { /* Previous button */

	left:0px;

	background-position:13px 13px;

	border-top-left-radius:4px;

	-moz-border-radius-topleft:4px;

	-webkit-border-top-left-radius:4px;

}



div.st_template_default-horizontal a.st_prev:hover { /* Previous button hover */	

	background-position:-50px 13px;

	background-color:#f5f5f5;

}



div.st_template_default-horizontal a.st_next { /* Next button */

	right:0px;

	background-position:14px -14px;

	border-top-right-radius:4px;

	-moz-border-radius-topright:4px;

	-webkit-border-top-right-radius:4px;

}



div.st_template_default-horizontal a.st_next:hover { /* Next button hover */	

	background-position:-49px -14px;

	background-color:#f5f5f5;

}



div.st_template_default-horizontal a.st_prev.st_btn_disabled, 

div.st_template_default-horizontal a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */

	cursor:default;

	background-color:#f7f7f7;

}



div.st_template_default-horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */

	background-position:-113px 13px;

}



div.st_template_default-horizontal a.st_next.st_btn_disabled { /* Next button disabled state */

	background-position:-112px -14px;

}



/* Tabs

------------------------------------------------------------------------------------- */

div.st_template_default-horizontal div.st_tabs_container { /* Tabs main container */		

	position:relative;

	z-index:100;		

	width:100% !important;	

	height:40px;

	margin-bottom:-1px;	

	overflow:hidden;


}



div.st_template_default-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_template_default-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_template_default-horizontal ul.st_tabs { /* Tabs unordered list */

	width:10000px; /* Set to an arbitrary high value */

	height:40px;

	margin:0px;

	padding:0px;

	list-style:none;

}



div.st_template_default-horizontal ul.st_tabs li { /* Tab list elements */

	float:left;

	margin:0px;

}



div.st_template_default-horizontal ul.st_tabs li a { /* Tab links */

	display:block;

	margin:0px;

	padding:10px 25px; /* Aligns the tabs to the bottom of the content container */

	font:bold 11px/18px Arial, Helvetica, sans-serif;

	color:#6a6a6a;

	text-decoration:none;

	outline:none;

	border-top:1px solid #d4d4d4;

	border-right:1px solid #d4d4d4;

	border-bottom:1px solid #d4d4d4;

	background:#fff url(h_tab_bg.jpg) repeat-x 0px bottom;

}



div.st_template_default-horizontal ul.st_tabs a:hover { /* Tabs hover state */

	color:#333;

}



div.st_template_default-horizontal ul.st_tabs li a.st_first_tab {

	border-left:1px solid #d4d4d4;

} 



div.st_template_default-horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */

	color:#1ca5ec;

	border-bottom-color:#fff;

	background:#fff;

}



/* Content

------------------------------------------------------------------------------------- */

div.st_template_default-horizontal div.st_view_container { /* Main content container */

	position:relative;

	z-index:5;

	height:270px;

	padding:20px 20px 23px 22px; /* Set the padding for the content here */

	line-height: 19px;

	border:1px solid #d4d4d4;

	background-color:#fff;

	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */

}



div.st_template_default-horizontal div.st_view { /* Slide-container for the content */

	position:relative;

	height:100%;

	overflow:hidden;

}



div.st_template_default-horizontal div.st_tab_view { /* Individual content containers */

	display:none; /* Hides the content when Javascript is disabled */

	width:100%;	

}



div.st_template_default-horizontal div.st_first_tab_view {

	display:block; /* Show the first content container */

}



div.st_template_default-horizontal div.st_view h2 {

	font-size:16px;

	color:#454545;

	margin:0 0 16px;

	padding:0px;

}



div.st_template_default-horizontal div.st_view p { /* Content paragraphs */

	margin:12px 0 0;

	padding:0px;

}



/* Bottom aligned tabs

------------------------------------------------------------------------------------- */

div.st_template_default-horizontal.align_bottom { /* The main container */

	margin-bottom:42px; /* Set to the total height of the div.st_tabs_container */

}



div.st_template_default-horizontal.align_bottom a.st_prev, 

div.st_template_default-horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */

	border-bottom:1px solid #d4d4d4;

}



div.st_template_default-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_template_default-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_template_default-horizontal.align_bottom div.st_tabs_container { /* Tabs main container */

	position:absolute; /* Absolute position the tabs container at the bottom of the main container */

	bottom:-39px;

	left:0px;

	margin-bottom:0px;

}



div.st_template_default-horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */

	border-top-color:#fff;

	border-bottom-color:#d4d4d4;

}



/* 

 * Vertical Tabs

 *

------------------------------------------------------------------------------------- */



div.st_template_default-vertical { /* The main container */

	position:relative;

	float:left;

	clear:both;

	width:905px; /* Set the full width */

	color:#616161;

}



/* Control buttons

------------------------------------------------------------------------------------- */

div.st_template_default-vertical a.st_prev, 

div.st_template_default-vertical a.st_next { /* Directional buttons (previous/next) */	

	display:none;

	float:left;

	position:relative;

	z-index:100;	

	height:36px;

	width:83px;

	border:1px solid #d4d4d4;

	border-top:0 none;

	outline:none;	

	background:#fff url(btn_arrows.gif) no-repeat;	

}



div.st_template_default-vertical a.st_prev { /* Previous button */

	border-right:0 none;

	background-position:35px -47px;

}



div.st_template_default-vertical a.st_prev:hover { /* Previous button hover */

	background-position:-28px -47px;

	background-color:#f5f5f5;

}



div.st_template_default-vertical a.st_next { /* Next button */

	background-position:34px -79px;

}



div.st_template_default-vertical a.st_next:hover { /* Next button hover */

	background-position:-29px -79px;

	background-color:#f5f5f5;

}



div.st_template_default-vertical a.st_prev.st_btn_disabled,

div.st_template_default-vertical a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */

	cursor:default;

	background-color:#f7f7f7;

}



div.st_template_default-vertical a.st_prev.st_btn_disabled { /* Previous button disabled state */

	background-position:-91px -47px;

}



div.st_template_default-vertical a.st_next.st_btn_disabled { /* Next button disabled state */

	background-position:-92px -79px;

}



/* Tabs

------------------------------------------------------------------------------------- */

div.st_template_default-vertical div.st_tabs_container { /* Tabs main container */  	

	position:relative;

	z-index:100;

	float:left;

	width:169px; /* +1px for the negative right margin */

	height:337px;

	margin-right:-1px;

	border-top:1px solid #d4d4d4;

	overflow:hidden;

}



div.st_template_default-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_template_default-vertical ul.st_tabs { /* Tabs unordered list */

	float:left;

	width:168px;	

	margin:0px;

	padding:0px;

	list-style:none;

}



div.st_template_default-vertical ul.st_tabs li { /* Tab list elements */

	float:left;

	clear:both;

	margin:0px;

}



div.st_template_default-vertical ul.st_tabs li a { /* Tab links */

	display:block;

	width:149px;

	margin:0px;

	padding:18px 0 18px 18px;

	font:bold 11px/normal Arial, Helvetica, sans-serif;

	color:#5c5c5c;

	text-decoration:none;

	outline:none;

	border-right:1px solid #d4d4d4;

	border-bottom:1px solid #d4d4d4;

	border-left:1px solid #d4d4d4;

	background-color:#f7f7f7;

	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f4f4f4)); /* Safari 4+, Chrome 1-9 */

	background-image:-webkit-linear-gradient(top, #f9f9f9, #f4f4f4); /* Safari 5.1+, Mobile Safari, Chrome 10+ */

	background-image:-moz-linear-gradient(top, #f9f9f9, #f4f4f4); /* Firefox 3.6+ */

	background-image:-ms-linear-gradient(top, #f9f9f9, #f4f4f4); /* IE 10+ */

	background-image:-o-linear-gradient(top, #f9f9f9, #f4f4f4); /* Opera 11.10+ */

}



div.st_template_default-vertical ul.st_tabs a:hover { /* Tabs hover state */

	color:#333;

}



div.st_template_default-vertical ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */

	position:relative;

	z-index:10;

	color:#1ca5ec;

	padding-right:1px;

	background:#fff;

}



div.st_template_default-vertical ul.st_tabs li a span {

	display:block;

	clear:both;

	font-weight:normal;

	color:#838383;

	padding-top:3px;

}



/* Content

------------------------------------------------------------------------------------- */

div.st_template_default-vertical div.st_view_container { /* Main content container */

	position:relative;

	z-index:5;

	height:296px;

	padding:20px; /* Set the padding for the content here */

	line-height:18px;

	border:1px solid #d4d4d4;

	background-color:#fff;

	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */

}



div.st_template_default-vertical div.st_view { /* Slide-container for the content */

	position:relative;

	height:100%;

	overflow:hidden;

}



div.st_template_default-vertical div.st_tab_view { /* Individual content containers */	

	display:none; /* Hides the content when Javascript is disabled */

	width:100%;	

	margin-bottom:20px;

	background-color:#fff;

}



div.st_template_default-vertical div.st_first_tab_view {

	display:block; /* Show the first content container */

}



div.st_template_default-vertical div.st_view h2 {	

	font-size:16px;

	color:#454545;

	margin:0 0 16px;

	padding:0px;

}



div.st_template_default-vertical div.st_view p { /* Content paragraphs */

	margin:14px 0 0;

	padding:0px;

}



/* Right aligned tabs

------------------------------------------------------------------------------------- */

div.st_template_default-vertical.align_right div.st_tabs_container { /* Tabs main container */  	

	float:right;

	margin-left:-1px;

	margin-right:0px;

}



div.st_template_default-vertical.align_right ul.st_tabs li a { /* Tab links */

	border-right:1px solid #d4d4d4;

}



div.st_template_default-vertical.align_right ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */

	padding-right:0px;

	border-left-color:#ffffff;

}

/*customisation by Hooman */
div.st_template_default-horizontal div.st_view_container { /* Main content container */
	padding:20px 5px 23px 15px; /* Set the padding for the content here */
	/*	border-top: 1px dashed #0097d6;*/
}
div.st_template_default-vertical div.st_view_container { /* Main content container */
	padding: 200px 5px 20px 0px;
}
div.st_template_default-horizontal div.st_tabs_container { /* Tabs main container */		
	margin-top: -41px;
}