/*******************
TAB STYLES - needs to be inserted into doc before section.css

1) .generic could be replaced by .contrast (which already exists to implement a similar style), which would be more logical and simpler, but needs a little work to achieve without causing problems - miks


*******************/


.tabPanel
{
	margin: 0px;
	padding: 10px 0px 0px 0px;	/* I would rather put a top-margin on the UL.tabs, but IE puts bottom margin on as well - miks */

}
.tabPanel img
{
	float:right;
}
.tabPanel .imageContainer 			/* this is for images with no caption */
{
	float: right;
	padding: 0px 0px 5px 10px;
}
.tabPanel .imageContainer img
{
	float:none;
}
.tabPanel .panel
{

}
* html .tabPanel .panel /* would like to see this fixed properly. Remove this rule find the whats on page and observe x-browser */
{

}
/* tab content areas */
/* NOTE: tabHeader contains right-aligned content and has a curved top right corner */
.tabHeader
{
	background-position: top right;
}
.generic .tabHeader
{
	background-color: #E4E4E4; 
	background-image: url(generic/images/curve-top-contrast.gif);
	border-bottom-width: 0px;
}
.tabHeader
{	
	border-bottom: 1px solid #FFF;	/* seperator for sectional format rather than generic grey */
}
.generic .tabContent
{
	background-color: #F2F2F2; 
}
.tabContent, .tabHeader	
{

	padding: 10px;
	clear:both;
}

.tabHeader p
{
	text-align: right;
}


/* WAS: ul.tabs  */
.tabPanel ul.tabs 			/* .panel required for greater specificity that content.css rules - miks */
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
.tabPanel .contrast
{
	background-color: #E4E4E4;
}
.tabPanel.vanilla
{
	background-color: #FFF;
}

/* WAS: .panel ul.tabs li */
ul.tabs li, .generic ul.tabs li
{
	float: left;
	padding: 6px 10px 4px 6px;
	margin-right:2px;
	white-space: nowrap;
	background-position: top right;
	background-repeat: no-repeat;	
	background-image: url(generic/images/tab.gif);
	list-style-type: none;
	list-style-image:none;	
	border-left: 1px solid #747474; 
	font-weight: bold;
	font-size: 1.1em;
}

ul.tabs li.activeTab
{
	background-image: url(generic/images/tab-active.gif); 
}
.generic ul.tabs li.activeTab
{
	background-image: url(generic/images/tab-active-contrast.gif); 
	border-left-width: 0px;			/* remove darker right-hand border */
}


/* tab links  */
ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:active,
.generic ul.tabs li a, .generic ul.tabs li a:link, .generic ul.tabs li a:visited, .generic ul.tabs li a:active
{
	color: #000;
	text-decoration: none;
}
ul.tabs li a:hover, .generic ul.tabs li a:hover
{
	color: #000;
	text-decoration: underline;
}
.generic ul.tabs li.activeTab a, .generic ul.tabs li.activeTab a:hover, ul.tabs li.activeTab a
{
	color: #000;
	text-decoration: none;
}