﻿/******************************************************************************************

		Tab Styles - overrides default XP theme from AJAX Control Toolkit: TabContainer
		
   *****************************************************************************************/
   
#tabContainer
{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#tabContainer .ajax__tab_xp .ajax__tab_header 
{
	/*background:none;*/
	background:transparent url(../../Interface/images/dot.gif) repeat-x scroll center bottom;
}

#tabContainer .ajax__tab_xp .ajax__tab_outer 
{
	/*padding-right:4px;*/
	padding-right:2px;
	height:32px;
	background: #D1D1D1  url(../../Interface/images/tabButtonActiveRight.gif) no-repeat right;
}

#tabContainer .ajax__tab_xp .ajax__tab_inner
{
	/*padding-left:3px;*/
	padding-left:2px;
	background:#D1D1D1 url(../../Interface/images/tabButtonActiveLeft.gif) no-repeat;
}

#tabContainer .ajax__tab_xp .ajax__tab_tab
{
	height:13px;
	padding:4px 16px;
	border-top:1px solid #CDCCCA;
	border-bottom:0px;
	background:#CDCDCD url(../../Interface/images/tabButtonInActiveBG.gif) repeat-x;
	font-size: 1.2em;
	font-weight: bold;
}
#tabContainer  .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer 
{
	/*background:green;*/
}

#tabContainer .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner
{
	/*background:blue;*/
}

#tabContainer .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab
{
	/*background:red;*/
}

#tabContainer .ajax__tab_xp .ajax__tab_active .ajax__tab_outer 
{
	/*background:yellow;*/
	background:#EFF4F7 url(../../Interface/images/tabButtonActiveRight.gif) repeat-y right;
	
}

#tabContainer .ajax__tab_xp .ajax__tab_active .ajax__tab_inner
{
	background: #EFF4F7 url(../../Interface/images/tabButtonActiveLeft.gif) repeat-y ;
	/*background:orange;*/
	
}
#tabContainer .ajax__tab_xp .ajax__tab_active .ajax__tab_tab
{
	/*background:purple;*/
	background:#EFF4F7;
	color:#192C3A;
}

#tabContainer .ajax__tab_xp .ajax__tab_body 
{
	border:1px solid #CDCCCA;
	border-top:0;
	padding:8px;
	background: #D4E5EC url(../../Interface/images/gradientBG.gif) repeat-x;
}