/************************************************************************************************************************************/
/** jTabs.css - fabtabulous.js support                                                                                             **/
/************************************************************************************************************************************/
/* .jTabMenuFrame is the outer container for tabs and panels */
.jTabMenuFrame {
	font-size: 85%;
	white-space: nowrap;
	width: 100%;
}
.jTabMenuFrame ul {
    border-top: 1px solid white; /* For an unknown reason, needed for IE else the top border is not displayed !! */
	margin: 0;
	margin-left: 0.5em;
	padding: 0;
	position: relative;
    z-index: 5; /* see z-index note in main.css */
}
.jTabMenuFrame ul li  {
	display: inline;
	list-style: none;
}
.jTabMenuFrame ul a {
	color: black;
	margin: 1px 2px 0 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
	text-align: center;
	text-decoration: none;
}
/* Unselected tab - with visual FX on hover */
.jTabMenuFrame ul a {
	background-color: lightgray;
	color: black;
	border: 1px solid #253d87; /* Croquet England Dark Blue */
	border-bottom: none;
}
.jTabMenuFrame ul a:hover {
    background-color: #ffffff; /* white */
    color: black;
}
/* Selected (active) tab - suppress visual FX on hover */
.jTabMenuFrame ul a.active-tab,
.jTabMenuFrame ul a.active-tab:hover {
	background-color: #BBEEFF;
    color: #253d87; /* Croquet England Dark Blue */
	border: 1px solid black;
	border-bottom: none;
	cursor: inherit;
}
/******************************/
/* .jTabMenuFrameHbar is the bar between the tabs and the panel - no content - blends active tab to content*/
.jTabMenuFrame .jTabMenuFrameHbar { /* the bar between the tabs and the panel - no content - blends active tab to content*/
    background-color: #BBEEFF; /* colour as active tab to join it */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    clear: both;
    font-size: 4pt; /* contains a space - set the height */
    margin: 0;
    padding: 0;
}
/******************************/
/* .jTabMenu is the UL containing each tab's LI (selector) */
.jTabMenu {
	margin: 0;
	padding: 0;
	position: relative;
    z-index: 5; /* see z-index note in main.css */
}
.jTabMenu li {
	float: left;
}
.jTabMenu a {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	float: left;
	padding: 5px 8px;
	position: relative;
    z-index: 5; /* see z-index note in main.css */
}
/************************************************************************************************************************************/
/* .panel is the container for the panel content */
.panel {
    border: 3px solid #BBEEFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    clear: both;
    display: none; /* hide it by default */
    margin: 0;
	overflow: hidden;
    padding: 1em;
}
.active-panel {
    display: block; /* show it */
}