/*  idTabs CSS Style Sheet  */


/* Style for tabset */
.tabset {
	text-transform:uppercase;
	font-size:10px;
	background: url(../images/tab-underline.gif) repeat-x 0 100%;
	padding-left:10px;/*distance between tabs*/
	position:relative;
}
.tabset li {
	float:left;
	display:inline;
	padding:0;
}
.tabset ul {
	margin:0 0 0 -5px;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.tabset ul a {
	display:block;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;/*padding of tab text to the tab block*/
	text-decoration:none!important;
	margin-left:0;
	font:10px;
	color:#888;/*color of un-selected tab text*/
}
.tabset ul a:hover { color:#000;/*color of focus tab text*/ }
.tabset ul a.selected {
	color:#333;/*color of current selected tab text*/
	background:url(../images/shadow.png) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #FFF;
	cursor:default;
}
.tabset ul a.selected span { }
.tab-holder {
	margin:0 12px 0 12px;/*the gap between text in tab-holder and left and right border of left panel*/
	padding:12px 0 0;/*the distance of text in tab-holder to tab-line*/
}
.tab-panel {
	padding-top:10px;
	margin-bottom:-12px;
}
.tab-holder .read-more-btn {
	background: url(../images/read-more-btn.png) no-repeat;
	width:92px;
	height:24px;
	overflow:hidden;
	display:block;
	margin-left:8px;
	margin-bottom:-6px;
	text-indent:-9999em;
}
.tab-holder .read-more-btn:hover { background: url(../images/read-more-btn-hover.png) no-repeat; }