/*

Example CSS file for creating tabs using tabs.js.
Created by Rob Allen (rob at akrabat dot com)
Based on the CSS code from Silverorange Labs at :
http://labs.silverorange.com/archives/2003/september/simplecsstabs

*/


#tab-container{float:left;margin-top:20px;}

.tab-content {}

.tab-header ul.tab-list  {display: inline;list-style: none;margin: 0;width:460px;float:left;}

.tab-header ul.tab-list li  {display: inline;list-style: none;margin: 0;float:left;}

.tab-item{
	background : url(../images/tabOff.jpg) no-repeat;
}


.tab-active{
	background : url(../images/tabOn.jpg) no-repeat;
	color:#000000 !important;
	font-weight:normal;
}



.tab  /* the heading that became the li */
{
	display: none;
}


.tab-list .tab-item{
	font-size:140%;
	float:left;
	width:127px;
	height:25px;
	color:#000;
	text-decoration : none;
	padding:20px 0px 0px 10px;
}

.public .tabInner{background : #FBECE9;}/*removed level of specificity to ensure that the microsite tabs still get their colour when declared afterwards in microsite-ps.css*/
.professional .tab-content .tabInner{background : #EBF3DF;}
.about .tab-content .tabInner{background : #FBEBF7;}
.tab-content .tabInner{float:left;width:440px;min-height:200px;height : auto!important;height:200px;color:#4A4A4A;font-size:100%;padding:10px 10px;}
.leftWide .tab-content .tabInner, .midColWide .tab-content .tabInner{width:690px}

.leftWide .tabInner .tabbed {width:660px;}
.leftWide .tabInner {padding-right:0px!important}

.tab-content div div.left{float:left;padding: 0px 0px 0px 0px;width:200px;}

.tab-content div div.right h2{
	font-size:180%;
	font-weight:normal;
	color:#000000;
	margin-top:10px;
	margin-bottom:10px;
}

.tab-content div div.right p{padding-top:0px!important;}
.tab-content div div.right{float:left;padding: 0px 0px 0px 20px;width:200px;}

.tab-content .tabInner strong.topRow{float:left;width:100%;font-size:180%;font-weight:normal;color:#000000;border-bottom:dotted 1px #c6c6c6;padding: 10px 0px 10px 0px;}
.tabRow{font-size:130%;color:#4a4a4a;float:left;width:100%;border-bottom:dotted 1px #c6c6c6;padding: 10px 0px 10px 0px;}
.tabRow span a{color:#0074a6; text-decoration:none}
.tabRow span a:hover{text-decoration:underline}
.tabInner .topRow span{padding-left:0px;color:#4a4a4a;font-size:80%;width:100%;}

.tabRow label{float:left;font-weight:bold;}
.tabInner .tabRow span{float:right;}
.addressBlock{color:#4a4a4a;border-bottom:dotted 1px #c6c6c6;float:left;width:435px;padding:10px 5px 10px 0px;}
.addressBlock strong{
	color:#4a4a4a;
}
.addressBlock .rchev{font-size:100%;}
#tab-container .tab-3 .tabInner .addressBlock p{width:200px;float:left;}
.addressBlock img{float:right;}
.tab-3 .tabInner .tabRow label{width:140px;}
.tab-3 .tabInner .tabRow span .rchev{font-size:100%;}
.tab-3 .tabInner .tabRow span{float:left;width:275px;}

/*Righttabs*/


.rightTabsWrap{
position : relative;
width:220px;
float:left;
min-height:200px;
height:auto!important;
height:200px;
}

.public .rightTabsWrap h3{background:url(../images/narrowtabs_orange.jpg) no-repeat;}
.professional .rightTabsWrap h3{background:url(../images/narrowtabs_green.jpg) no-repeat;}
.about .rightTabsWrap h3{background:url(../images/narrowtabs_purple.jpg) no-repeat;}

.rightTabsWrap h3{
	padding-left:10px!important;width:100px!important;font-size:80%;
}
.rightTabsWrap h3 a{font-size:70%;color:#333333;text-decoration : none;
}
.rightTabsWrap .Tabs{position:absolute;left:0px;top:0px;}
.rightTabsWrap .tab-1 h3{position : relative;z-index : 100;}
.rightTabsWrap .tab-1 ul{background : #f5f4ef;width:205px!important;}
.rightTabsWrap .tab-2 ul{background : #f5f4ef;width:205px!important;}
.rightTabsWrap .tab-2 h3{position : relative;left:110px;z-index : 99;}

/*Microsite tabs*/


.microTabs{
	
}

.microTabs a.tab-item{
	color:#FFF;
	float:left;
	background : url(../images/microsite/tabOff.gif) no-repeat;
	width:110px;
	text-align : center;
	padding-left:0px;
	outline : none;
}


.microTabs a.tab-active{
	background : url(../images/microsite/tabOn.gif) no-repeat;
}

.microTabs .tabInner{
	background : #542148;
	width:500px;
}