/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2010, Christian André
 *
------------------------------------------------------------------------------------- */

div#tabs_vertical {	
	position:relative;
	z-index:1; 
	float:left;
	clear:both;
	width:770px;
	margin-bottom:20px;
	margin-top:5px;
	font-family:Tahoma, Geneva, sans-serif;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div#tabs_vertical a#prev, 
div#tabs_vertical a#next {	
	display:none;
	float:left;
	position:relative;
	z-index:100;	
	height:37px;
	width:196px;
	border-top:0 none;	
	background:#fff url(../img/btn_arrows.gif) no-repeat;	
}

div#tabs_vertical a#prev {
	border-right:0 none;
	background-position:147px -47px;
    border-left:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}

div#tabs_vertical a#prev:hover {	
	background-position:146px -47px;
	background-color:#f5f5f5;
}

div#tabs_vertical a#next {
	background-position:147px -79px;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}

div#tabs_vertical a#next:hover {
	background-position:146px -79px;
	background-color:#f5f5f5;
}

div#tabs_vertical a#prev.disabled,
div#tabs_vertical a#next.disabled {
	cursor:default;
	background-color:#f7f7f7;
}

div#tabs_vertical a#prev.disabled {
	background-position:147px -47px;
}

div#tabs_vertical a#next.disabled {
	background-position:146px -79px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div#tabs_vertical div#tabs_container {  	
	position:relative;
	z-index:100;
	float:left;
	width:399px; /* +1px for the negative right margin */
	height:336px;
	margin-right:-1px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	overflow:hidden;
}

div#tabs_vertical div#tabs_container div.slide_container {
	position:relative !important; /* The tabs position will be calculated from the ul#tabs first parent element with position:relative */
	float:left;
}

div#tabs_vertical div#tabs_container ul#tabs {
	width:393px;
	margin-top:0px;
}

div#tabs_vertical div#tabs_container ul#tabs li {
	float:left;
	clear:both;
	margin:0px;
	height:60px;
}

div#tabs_vertical ul#tabs li a {
	display:block;
	width:372px;
	height:31px;
	padding:14px 0 14px 20px;
	font-size:13px;
	color:#5c5c5c;
	font-weight:bold;
	line-height:normal;
	border-left:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	background:#fff url(../img/v_tab_bg.jpg) repeat-x 0px 0px;	
}

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

div#tabs_vertical ul#tabs a:hover {
	color:#333;
}

div#tabs_vertical ul#tabs a.active {
	position:relative;
	z-index:10;
	color:#1ca5ec;
	padding-right:1px;
	background:#fff;
	border-right:none;
}

/* Content
------------------------------------------------------------------------------------- */
div#tabs_vertical div#content {
	position:relative;
	z-index:5;
	float:right;	
	margin:0px;
	width:328px;
	height:296px;
	padding:20px;
	line-height:18px;
	border:1px solid #d4d4d4;
	border-left:none;
	background-color:#fff;
	overflow:auto;
}

div#tabs_vertical div#content div#view_container {
	position:relative;	
	height:296px;
}

div#tabs_vertical div#content div.tab_view {
	width:337px;
	margin-bottom:10px;
	padding-bottom:5px;
	background-color:#fff;
}

div#tabs_vertical div#content h2 {
	margin-bottom:12px;
	font-size:16px;
}

div#tabs_vertical div#content p {
	margin-bottom:14px;
}

div#tabs_vertical div#content blockquote {
	float:left;
	width:43%;
	margin:4px 14px 8px 0px;
	padding-left:14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}