/* IMPORTANT NOTE:
 * If you copy the style sheet, rename the CSS classes in the new style sheet
 * so they don't interfere with the style of the ASI.Framework.WebUI.TabControl.
*/ 

.TabControl 
{
	z-index:99;
	position:relative;
	margin-top:10px;	
	font-size:12px;
	border:none 
}

.TabControlDefaultTab
{
	color:#666; 
	background-image: url(images/hover_tab_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;	
	cursor:default;
	height:30px;
	font-weight:bold;
	width:120px;
	
}

.TabControlDefaultTabHover
{
	color:#666; 
	background-image: url(images/tab_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;	
	cursor:default;
	height:30px;
	font-weight:bold;
	width:120px;
	cursor:pointer
}

.TabControlSelectedTab 
{
	color:#666; 
	background-image: url(images/selected_tab_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
	cursor:default;
	height:30px;
	font-weight:bold;
	width:120px	
}
.TabControlSelectedTab img, .TabControlDefaultTab img, .TabControlDefaultTabHover img
{
	height:30px
}
.TabControlMultiPage
{
	overflow:visible;
	position:relative;	
	top:-3px;
	left:1px;
	z-index:98;
	padding-top:15px;
	margin-top:1px;		
	width: 98%;
	
}

.TabControlPageContent
{
	height:auto !important;
	font-size:1em;
	
}

.TabControlPageHeader
{
	font-size:22px;
	font-weight:bold;
	letter-spacing:-0.2mm;
	font-family: verdana;
	color: #3F3F3F;
	margin-top:0px;
	margin-bottom:0px;
}

.TabControlPreview
{
	width: 100%;
}

.TabControlPreviewHeader
{
	font-weight: bold;
	background-color: #ccc;
	color: #fff;
}

.TabControlPreviewContent
{
	padding-bottom: 16px;
}



/*special menu style*/

.ArrowTabs 
{
	-moz-border-radius:6px;
	background:#f2f2f2;
	padding:4px;
	}
.ArrowTabs .TabControlDefaultTab td img, 
.ArrowTabs .TabControlDefaultTabHover td img, 
.ArrowTabs .TabControlSelectedTab td img, 
.ArrowTabs div.TabControl td img  
{
	display: none;
}

.ArrowTabs .TabControlDefaultTab
{
	color:#b5b5b5; 
	background-image: url(images/inactive_arrow.gif);
	background-repeat: no-repeat;
	cursor:default;
	height:30px;
	font-weight:bold;
	width:100px;	
}
.ArrowTabs .TabControlDefaultTab td, .ArrowTabs .TabControlDefaultTabHover td, .ArrowTabs .TabControlSelectedTab td 
{
	padding-top:0 !important;
	padding-left:15px !important;
}
.ArrowTabs .TabControlDefaultTabHover
{
	color:#b5b5b5; 
	background-image: url(images/inactive_arrow.gif);
	background-repeat: no-repeat;
	cursor:default;
	height:30px;
	font-weight:bold;
	width:100px;
}

.ArrowTabs .TabControlSelectedTab 
{
	color:#692e93; 
	background-image: url(images/active_arrow.gif);
	background-repeat: no-repeat;
	cursor:default;
	height:30px;
	font-weight:bold;
	width:100px	
}