/***********************************************************************************
							TAB PAGE
************************************************************************************
	Created: 		Stefan Brandt
	Date: 		22.3.2005

	Modified:		Stefan Brandt
	Date:		15.6.2005
	Note:		Fixed the multi-row bug
				Fixed the gap between tab pages when user changes the window size or tab
************************************************************************************
***********************************************************************************/

.dynamic-tabPane-control.tabPane {
	position:				relative;
	width:					555px;		/* IE-bug = must declare width */
	margin-right:			-2px;		/* make space for shadows */
}
/***********************************************************************************
							Tab Page has not been choosen
***********************************************************************************/
.dynamic-tabPane-control .tab-row .tab {
	width:					110px;
	height:				16px;
	background-image:		url( "../img/tab_off2.png" );
	position:				relative;
	top:					0;
	display:				inline;
	float:					left;
	overflow:				hidden;
	cursor:				Default;
	margin:				1px -1px 1px 2px;
	padding:				2px 0px 0px 0px;
	border:				0;
	z-index:				1;
	font:					11px Tahoma;
	white-space:			nowrap;
	text-align:			center;
}
/***********************************************************************************
							Tab Page has been choosen
***********************************************************************************/
.dynamic-tabPane-control .tab-row .tab.selected {
	width:					114px !important;
	height:				18px !important;
	background-image:		url( "../img/tab_act2.png" ) !important;
	background-repeat:	no-repeat;
	border-bottom-width:	0;
	z-index:				3;
	padding:				2px 0px 0px 0px;
	margin:				1px -3px -1px 2px; /*top,right,bottom.left*/
	top:					-2px;
	font:					11px Tahoma;
}

.dynamic-tabPane-control .tab-row .tab a {
	font:					11px Tahoma;
	color:					Black;
	text-decoration:		none;
	cursor:				default;
}
/***********************************************************************************
							Mouse on Tab Page
***********************************************************************************/
.dynamic-tabPane-control .tab-row .tab.hover {
	font:					11px Tahoma;
	width:					110px;
	height:				16px;
	background-image:		url( "../img/tab_on2.png" );
	background-repeat:	no-repeat;
}
.dynamic-tabPane-control .tabPage {
	clear:					both;
	border:				1px solid rgb( 145, 155, 156 );
	background:			rgb( 252, 252, 254 );
	z-index:				2;
	position:				relative;
	top:					-2px;
	font:					11px Tahoma;
	color:					Black;
/*filter = IE
	filter:					progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
							progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);	
*/
	padding:				10px;
}
.dynamic-tabPane-control .tab-row {
	z-index:				1;
	white-space:			nowrap;
}