/*****jquery tabs styling - about qis section *********/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 0 0 -35px !important; 
	!padding-left: 40px;
	width: 200px;
	/*background-image: url(../images/pfTabBack.gif) no repeat top center;*/
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	text-transform: uppercase;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}


/* link inside the tab. uses a background image */
ul.tabs a { 
	background: none;
	list-style: none;
	font-size:16px;
	display:block;
	width: 210px;
	text-align:left;	
	text-decoration:none;
	font-style: italic;
	color:#3c50a2;
	padding:16px 0 16px 10px;
	margin:0;	
	position:relative;
	top: 0;
	border-bottom: 1px solid #c7cadd;
	line-height: 13px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background: url(../images/selectArrow2.jpg) no-repeat top right white;
	border-bottom: 1px solid white;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background: url(../images/selectArrow.jpg) no-repeat top right white;
	color: #212c78;
	font-weight: bold;
	border-bottom: 1px solid white;
	cursor:default !important; 
	color:#212c78 !important;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;	
	color: #333;
	line-height: 18px;
}

.panes h2{
	color: #a12222;
	font-weight: normal;
	font-size: 24px;
	font-style: italic;
	margin: 0;
	padding: 10px 0;
}

.panes h2 span{
	font-size: 16px;
	text-transform: uppercase;
	color: #33458e;
}

/* tab pane styling */
div.panes > div {
	display:none;		
	color: #555555;
}


/** END ****/