/*

bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark:	rgb(0,66,174);

*/




.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {

	
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		4px 7px 4px 7px;
	/*background:		rgb(108,21,37);*/
	background-image:url(../images/buttons/maroon-tab.jpg);
	border:			1px solid;
	border-color:	rgb(255,255,255);
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		1;
	position:		relative;
	top:			0;
	font-weight:Bold;
	font-family:Arial;
	text-decoration:none;
	font-style:normal;
	font-size:10px;
	 color:#d8d8d8;
	
	text-align:center;

}

.dynamic-tab-pane-control .tab-row .tab.selected {
	/*border:			1px solid rgb(108,21,37);*/
	font-weight:Bold;
 font-family:Arial;
 text-decoration:none;
 font-style:normal;
 font-size:10px;
 color:#57122e;
 
 text-align:center;
 background-image: url(../images/buttons/gray-tab.jpg);
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			10px;
	color:				rgb(108,21,37);
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;
	height:			1.60em;
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	rgb(108,21,37);
	font-family:		Verdana, Helvetica, Arial;
	font-size:			10px;
	text-decoration:	none;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight:	bold;
	color: rgb(255,255,255);
}


/* CSS For Tab page starts from here*/
.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb(108,21,37);
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		10px;
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		rgb(255,255,255);
	height:			1.60em;
	width:			100%;
}