/* description: Primary component stylesheet. */

.tabs_container {
	z-index: 9;
	padding: 5px;
	padding-bottom: 0px;
	background-color: #e5f0fd;
}

.tabs { 
	position: relative;
	height: 26px;
	z-index: 5;
	white-space: nowrap;
	display: block;
	margin-bottom: -1px;
}

.tabs_pane { 
	position: relative;
	z-index: 0;
	background-color: #deecfd;
	border-top: 1px solid #8db2e3;
	padding-bottom: 5px;
}

.tabs_content {
	padding: 5px;
	padding-top: 7px; 
	padding-bottom: 0px;
	position: relative;
	min-width: 800px;
}

.pane_on {
	position: relative;
	z-index: 0;
	width: 100%;
	background-color: #FAFAFA;
	border: 1px solid #DDDDDD;
	padding: 5px;
}

.pane_off {
	display: none;
}

.tabs a span.inner  {
	position: relative;
	display: block;
	white-space: nowrap;
	height: 26px;
	z-index: 5;
}

.tabtd span.text {
	font: 11px tahoma, sans-serif;
	position: relative;
	display: block;
	padding: 6px 7px 5px 7px;
	height: 14px;
	z-index: 8;
	white-space: nowrap;
}

.tabs a.disabled:hover {
	display: block;
	color: #9ab4d5;
	white-space: nowrap;
}

.tabs a.tab-current {
	z-index: 6;
	position: relative;
	display: block;
	height: 26px;
	font: bold 11px tahoma, sans-serif;
	color: #15428b;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}

.tabs a.tab {
	z-index: 6;
	position: relative;
	display: block;
	height: 26px;
	font: 11px tahoma, sans-serif;
	cursor: pointer;
	text-decoration: none;
	color: #15428b;
	white-space: nowrap;
}

.tabs a.disabled {
	z-index: 6;
	position: relative;
	display: block;
	height: 26px;
	font: 11px tahoma, sans-serif;
	cursor: default;
	text-decoration: none;
	color: #9ab4d5;
	white-space: nowrap;
}


/* <a class="tab"><span class="inner"><span class="text">{$row.tab_title}</span></span></a> */

.tabtd {
	padding: 0px 1px 0px 0px;
	white-space: nowrap;
}

/* tab */
.tabtd a.tab {
	background: url("/skins/extension/components/tabs/images/tab_right.png") no-repeat top right;
}

.tabtd a.tab:hover {
	background: url("/skins/extension/components/tabs/images/tab_right_hover.png") no-repeat top right;
}

.tabtd a.tab span.inner {
	background: url("/skins/extension/components/tabs/images/tab_left.png") no-repeat top left;
}

.tabtd a.tab:hover span.inner {
	background: url("/skins/extension/components/tabs/images/tab_left_hover.png") no-repeat top left;
}

/* current-tab */
.tabtd a.tab-current {
	background: url("/skins/extension/components/tabs/images/tab_current_right.png") no-repeat top right;
}

.tabtd a.tab-current span.inner {
	background: url("/skins/extension/components/tabs/images/tab_current_left.png") no-repeat top left;
}

.tabtd a.tab-current:hover span.inner {
	background: url("/skins/extension/components/tabs/images/tab_current_left.png") no-repeat top left;
}

/* disabled tab */
.tabtd a.disabled {
	background: url("/skins/extension/components/tabs/images/tab_right.png") no-repeat top right;
}

.tabtd a.disabled img { opacity: 0.4; filter: alpha(opacity=40); }

.tabtd a.disabled:hover {
	background: url("/skins/extension/components/tabs/images/tab_right.png") no-repeat top right;
}

.tabtd a.disabled span.inner {
	background: url("/skins/extension/components/tabs/images/tab_left.png") no-repeat top left;
}