﻿/* fonts for the tabs */
.tabStyle1
{
	display:block;
}

/* tab font */
.tabStyle1 .ajax__tab_tab
{
	font-family:Trebuchet MS,Verdana, Helvetica, Arial, sans-serif;
	font-size:13px;	
	font-weight:bold;	
}

/* base of the tabs */
.tabStyle1 .ajax__tab_header	
{
	border-bottom:3px solid #2d66a7;
	padding-right:10px;
}

/* tab body */
.tabStyle1 .ajax__tab_body 	
{
	background-color:#ffffff;
	border:1px solid #eeeeee;
	border-top:none;
	padding:10px;
}

/* inactive tabs font*/
.tabStyle1 .ajax__tab_header .ajax__tab_tab 
{
	color:#4f4f4f; 
	margin:0px 11px 0px 11px;
}

/* active/hover tabs font */
.tabStyle1 .ajax__tab_active .ajax__tab_tab, 
.tabStyle1 .ajax__tab_hover .ajax__tab_tab 
{
	color:#ffffff; 
	margin:0px 11px 0px 11px;
}

 /* offset the width of the right image */
.tabStyle1 .ajax__tab_active .ajax__tab_outer,
.tabStyle1 .ajax__tab_header .ajax__tab_outer,
.tabStyle1 .ajax__tab_hover .ajax__tab_outer
{
	margin-right:0px;
}

 /* offset the width of the left image */
.tabStyle1 .ajax__tab_active .ajax__tab_inner,
.tabStyle1 .ajax__tab_header .ajax__tab_inner,
.tabStyle1 .ajax__tab_hover .ajax__tab_inner
{
    margin-left:0px;
}

/* regular header styles */
.tabStyle1 .ajax__tab_header .ajax__tab_tab
{
	background:url(/Images/Tabs/tab1bg.gif) repeat-x;	
}

.tabStyle1 .ajax__tab_header .ajax__tab_outer
{
	/* 2 pixel horizontal space between tabs */
	margin-right:2px;
	background:url(/Images/Tabs/tab1right.gif) no-repeat right top;
}

.tabStyle1 .ajax__tab_header .ajax__tab_inner
{
	background:url(/Images/Tabs/tab1left.gif) no-repeat left top;
}

/* active/hover headers styles */
.tabStyle1 .ajax__tab_active .ajax__tab_tab, 
.tabStyle1 .ajax__tab_hover .ajax__tab_tab  
{
	background:url(/Images/Tabs/tab1bg.gif) repeat-x 0pt -48px;	
}

.tabStyle1 .ajax__tab_active .ajax__tab_outer,
.tabStyle1 .ajax__tab_hover .ajax__tab_outer
{
	/* 2 pixel horizontal space between tabs */
	margin-right:2px;
	background:url(/Images/Tabs/tab1right.gif) no-repeat 100% -48px;
}

.tabStyle1 .ajax__tab_active .ajax__tab_inner,
.tabStyle1 .ajax__tab_hover .ajax__tab_inner
{
	background:url(/Images/Tabs/tab1left.gif) no-repeat 0pt -48px;
}

/******************************/
/* fonts for the tabs */
.tabStyle2	
{
	display:block;
}

/* tab font */
.tabStyle2 .ajax__tab_tab
{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;	
	font-weight:bold;	
}

/* base of the tabs */
.tabStyle2 .ajax__tab_header	
{
	border-bottom:3px solid #4683c8;
	padding-right:8px;
}

/* tab body */
.tabStyle2 .ajax__tab_body 	
{
	background-color:#ffffff;
	border:1px solid #eeeeee;
	border-top:none;
	padding:8px;
}

/* inactive tabs font*/
.tabStyle2 .ajax__tab_header .ajax__tab_tab 
{
	color:#464646;
	margin-right:0px;	
	padding:8px 14px 8px 12px;
}

/* active/hover tabs font */
.tabStyle2 .ajax__tab_active .ajax__tab_tab, 
.tabStyle2 .ajax__tab_hover .ajax__tab_tab 
{
	color:#FFFFFF;
	margin-right:0px;	
	padding:8px 14px 8px 12px;
}

 /* offset the width of the right image */
.tabStyle2 .ajax__tab_active .ajax__tab_outer,
.tabStyle2 .ajax__tab_header .ajax__tab_outer,
.tabStyle2 .ajax__tab_hover .ajax__tab_outer
{
    margin-right:4px;
}

 /* offset the width of the left image */
.tabStyle2 .ajax__tab_active .ajax__tab_inner,
.tabStyle2 .ajax__tab_header .ajax__tab_inner,
.tabStyle2 .ajax__tab_hover .ajax__tab_inner
{
    margin-left:3px;
}

.tabStyle2 .ajax__tab_outer
{
    background:url(/Images/Tabs/tab2left.gif) no-repeat 0px 0px;
}
.tabStyle2 .ajax__tab_inner
{
    background:url(/Images/Tabs/tab2right.gif) no-repeat 100% 0px;
}
.tabStyle2 .ajax__tab_hover .ajax__tab_outer
{
    background:url(/Images/Tabs/tab2left.gif) no-repeat 0px -150px;
}
.tabStyle2 .ajax__tab_hover .ajax__tab_inner
{
    background:url(/Images/Tabs/tab2right.gif) no-repeat 100% -150px;
}
.tabStyle2 .ajax__tab_active .ajax__tab_outer
{
    background:url(/Images/Tabs/tab2left.gif) no-repeat 0px -300px;
}
.tabStyle2 .ajax__tab_active .ajax__tab_inner
{
    background:url(/Images/Tabs/tab2right.gif) no-repeat 100% -300px;
}


