/* Classes for user interface groups */
/* The main control */
.eConGroupMain
{
	overflow: auto; 
	width: 100%;
	height: 88%;
	border: 0px solid #7FA7E1;
}
/* The groupbox control with a title */
.eConGroupBox
{
	border-left: 1px solid #7FA7E1;
	border-bottom: 1px solid #7FA7E1;
	margin: 2px;
	padding: 4px;
}
/* The image groupbox control with a title */
.eConImageGroupBox
{
	border-left: 1px solid #7FA7E1;
	border-bottom: 1px solid #7FA7E1;
	margin: 2px;
	padding: 4px;
}
/* The panel control without any decoration */
.eConGroupPanel
{
	padding: 2px;
}
/* The tab control with stacked containers */
.eConGroupTab
{
	width: 100%;
	border: 1px solid #949e9c;
	background-color: #fffbff;
	display: block;
	z-index: 0;
	position: relative;
	top: -2px;
}
/* The group control with external content generated by XSLT */
.eConGroupXslt
{
}
/* The iframe group control with external content */
.eConGroupIFrame
{
}

DIV.eConGroupBoxLabel
{
	background: lightsteelblue;
}
SPAN.eConGroupBoxLabel
{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#DDECFE,endColorStr=#fffbff);
	padding-left: 2px;
	font-size: 12px;
	height: 14px;
	width: 80%;
}
IMG.eConGroupExpand
{
	position: relative;
	left: 10px;
}
IMG.eConGroupBoxImage
{
	margin: 1px;
}

/* Classes for the group vertical layout */
DIV.eConGroupVFlow
{
}

/* Classes for the group horizontal layout */
TABLE.eConGroupHFlow
{
	width: 100%;
}
TR.eConGroupHFlow
{
}
TD.eConGroupHFlow
{
}

/* Classes for the group grid layout */
TABLE.eConGroupGrid
{
}
TR.eConGroupGrid
{
}
TD.eConGroupGrid
{
}

/* Sample group style */
.Group3
{
	background-color: steelblue;
	margin: 4px;
	padding: 4px;
	border: 1px solid white;
}