/*

bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark:   rgb(0,66,174);

VeriSMART colours:

steelgreen:         rgb(41,147,114);
steelgreen2:        rgb(40,120,80);
steelgreen-dark:    rgb(35,105,70);
light-green:        rgb(190,235,132);
*/



.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		11pt;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		0px 1px 4px 1px;/*3px 6px 3px 6px;*/
	background-color:	white;/*rgb(41,147,114);*/
	border:			1px solid;
	border-color:	white;/*rgb(120,172,255);*/
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid rgb(60,170,120);
	border-bottom:	0, none;
	z-index:		3;
	padding:		0px 1px 8px 1px;/*2px 6px 5px 6px;*/
	/*margin:			1px -6px -2px 0px;*/
	/*top:			-2px;*/
	background:             white;
        color:                  white;/*rgb(41,147,114);*/
}

.dynamic-tab-pane-control .tab-row .tab-logo {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		11pt;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			right;
	padding:		3px 6px 3px 6px;
	background-color:	white;
	
	z-index:		1;
	position:		relative;
	top:			0;
}

/*
 * The JavaScript wraps the "tab" element in an anchor <a>.
 * These elements control its appearance.
 */
.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:		11pt;
	color:			white;/*rgb(0,66,174);*/
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;
	
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	white;
	text-decoration:	underline;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
        color:          white;/*rgb(40,120,80);*/
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb(60,170,120);
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		11pt;
	padding:		1em;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		white; /*rgb(204,255,204);*/
	height:			1.85em;
	width:			100%;
}
