BODY
{
    font-size: 9pt;
    font-family: Verdana, Helvetica, Arial,  sans-serif;
    line-height: 9pt;
	vertical-align: baseline;
    color: black;
    overflow: hidden;
	margin: 0px;
}
.eConTD {
	font-size: 9pt;
	vertical-align: middle;
}
.eConTH {
	font-size: 9pt;
    padding: 2px;
	vertical-align: middle;
	text-align: left;
	border-left: 0px solid #7FA7E1;
	border-bottom: 1px solid #7FA7E1;
	/* cursor: hand; */
}
TD
{
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    COLOR: black;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif
}
TH
{
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif
}
TEXTAREA
{   
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif
}
INPUT
{   
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif
}
SELECT
{   
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Helvetica, Arial,  sans-serif
}
H1
{
    FONT-SIZE: 17px;
    COLOR: #1e117b
}
H2
{
    DISPLAY: inline;
    FONT-SIZE: 12px;
    COLOR: #1e117b;
    LINE-HEIGHT: 16px;
    FONT-STYLE: italic
}
HR
{
    WIDTH: 300px;
    COLOR: #1e117b
}
A:visited
{
    COLOR: #c06f00;
    TEXT-DECORATION: underline
}
A:link
{
    COLOR: #c06f00;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #c06f00;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #996699;
    TEXT-DECORATION: underline
}

.eConMain
{
	overflow-x: hidden;
	overflow-y: hidden; 
	padding: 0px; 
	/* height:expression(document.body.clientHeight - 20); */
	/* width:expression(document.body.clientWidth - 12); */
	height: 100%;
	width: 100%;
	border: 0px solid #7FA7E1;
}

.eConInfo
{
	font-size: 8pt;
	border:1px solid #7FA7E1;
	padding: 4px;
	width: 100%;
	margin-bottom: 2px;
}

.eConCommandButtonsDIV
{
	display: none;
	width: 100%;
}

.eConTabDIV 
{
	padding-left: 9px;
}

.eConTabTABLE {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}

.eConDIV {
	/* overflow-x: auto; */
	/* overflow-y: auto; */
	border: 1px solid #7FA7E1;
	background-color: #fffbff;
	z-index: 0;
	position: relative;
	top: -1px;
	width: 100%;
}
.eConSPAN 
{
	width: 100px;
}

#oMessages
{
	overflow: auto;
	display:block;
	border: 2px solid red;
	width: 100%;
	height: 50px;
	/* position:absolute;*/
	/* left:expression((document.body.clientWidth - 500)/2);*/
	/* top:expression((document.body.clientHeight - 200)/2);*/
}
#oMessageButton
{
	cursor:hand;
	text-decoration: underline; 
}
.messageLine
{
	margin-top:2px;
	margin-bottom:2px;
}

.configViewbox
{
	overflow-x: auto;
	overflow-y: auto;
}

#oImageViewbox
{
	overflow-x: auto;
	overflow-y: auto;
}
.ImageViewboxtop
{
	height:200px;
}
.ImageViewboxbottom
{
	height:200px;
}
.ImageViewboxleft
{
	width: 300px;
}
.ImageViewboxright
{
	width: 300px;
}

.eConTABLE {
	position: relative;
	width: 100%;
	table-layout: fixed;
}

.eConHeadTR {
}

.eConEvenTR {
}

.eConOddTR {
}


.eConEmptyTH {
}

.eConEvenTD {
}

.eConOddTD {
}

.eConImgTR {
}

.eConImgTD {
}

.eConImgDIV {
	position: absolute;
}

.eConIMG {
}

.eConTdIMG {
}

.eConTdSPAN {
}

.eConTdA {
}

.eConP {
}
.eConPR {
	background-color: #DEECFE;
}

.eConMandatoryP {
    FONT-WEIGHT: bolder
}
.eConMandatoryPR {
    FONT-WEIGHT: bolder
}
.eConNotFilledP {
    FONT-WEIGHT: bolder
}
.eConNotFilledPR {
    FONT-WEIGHT: bolder
}
.eConSelected {
	cursor: hand;
	background-color: #7FA7E1;
	color: white;
	/* padding: 2px; */
}

.eConTextINPUT {
	border: 1px solid #7FA7E1;
	/* width: 30ex; */
}

.eConTextINPUTReadOnly {
	/* width: 30ex; */
}
.eConTextINPUTDisabled {
	/* width: 30ex; */
}
.eConLongINPUT {
	border: 1px solid #7FA7E1;
}

.eConCheckboxINPUT {
}

.eConBooleanINPUT {
}

.eConTEXTAREA {
}

.eConSELECT 
{
	margin-top:2px;
	margin-bottom:2px;
	word-wrap: break-word;
}
.eConSELECTFULL
{
	margin-top:2px;
	margin-bottom:2px;
	word-wrap: break-word;
}
.eConOPTION
{
	word-wrap: break-word;
}

.eConZoomINPUT {
}

.eConIMGRADIO {
	border: 2px solid white;
	width: 100px;
	height: 100px;
}
.eConIMGRADIOSELECTED {
	border: 2px solid red;
	width: 100px;
	height: 100px;
}
DIV.eConEditor
{
}
SPAN.eConEditor
{
}
.eConZoomEditor
{
}

TABLE.eConTableSelect {
	border: 1px solid steelblue;
}
TR.eConTableSelect {
}
TD.eConTableSelect {
	border: 1px solid steelblue;
}
TD.eConTableSelected {
	border: 1px solid red;
}

TABLE.eConOption {
	width: 100%; 
	border: 1;
}

THEAD.eConOption {
}
TBODY.eConOption {
}

TR.eConOptionHead {
	
}
TH.eConOptionHead {
	
}

TR.eConOptionEven {
	background-color: lightsteelblue;
}
TR.eConOptionOdd {
	background-color: steelblue;
}
TR.eConOptionInvalid {
	text-decoration:line-through;
}

TD.eConOptionEven {

}

TD.eConOptionOdd {
	
}

A.eConOption {
	
}

IMG.eConOption {
	
}

.eConHowWhyTABLE {
	
}

.eConHowWhyTR {
	
}

.eConHowWhyTD {
	
}

.eConHowWhyTEXTAREA {
	
}

.eConMemberNormal
{
}
.eConMemberItalic
{
	font-style: italic; 
}
.eConMemberBold
{
	font-weight: bold; 
}
.eConMemberSmall
{
	font-size: x-small;
}
.eConMemberLarge
{
	font-size: large;
}
.eConMemberStrikeThrough
{
	text-decoration: line-through;
}
.eConMemberRight
{
	text-align: right;
}
.eConMemberCenter
{
	text-align: center;
}
.eConHighPriority
{
	background-color: red;
	color: yellow;
	font-weight: bold;
}
.eConMediumPriority
{
	background-color: forestgreen;
	color: yellow;
}
.eConLowPriority
{
	background-color: lightgrey;
	color: yellow;
}
.eConButtonXP
{
	padding-left: 2px;
	padding-right: 2px;
	width: 75px;
	height: 26px;
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0);*/
}
.eConNewButtonXP
{
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 22px;
	border: 0px solid #7FA7E1; 
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); */
}
.eConCopyButtonXP
{
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 22px;
	border: 0px solid #7FA7E1; 
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); */
}
.eConDeleteButtonXP
{
	background-color: transparent;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 22px;
	border: 0px solid #7FA7E1; 
	/* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0); */
}
.eConZoomButtonXP
{
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DDECFE,endColorStr=#7BA4E0);
}
.eConButtonTD
{
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
	width: 100%;
}
.eConButtonTD A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.eConButtonTD A:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.eConButtonTD A:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.eConButtonTD A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.eConButtonTABLE
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    height: 17px;
	width: 100%;
}

.eConButtonIMG
{
	margin-right: 1px;
	border: 0px;
	height: 22px;
}

#pbar
{
	border: 2px ridge;
	display:none;
	position: absolute;
	width: 300px;
	height: 50px;
	left: 300px;
	top: 100px;
}
#ptable 
{
	margin: 5px;
:	width: 300px;
	border: 1px inset;
}
#pinfo 
{
	margin: 5px;
	color: #000099;
	width: 100%;
}
TD.progressstep 
{
	height: 10px;
}

TD.progressstepFinished 
{
	height: 10px;
	width: 	10px;
	background-color:  #8500B4;
	color: #AF86D4;
}

TD.progressstepUnfinished 
{
	height: 10px;
	width: 	10px;
	color:  #8500B4;
	background-color: #AF86D4;
}

/* Dialogs */
.eConDialog
{
	width: 300px;
	height: 350px;
	pixelWidth: 200;
	pixelHeight: 300;
}
.eConDialogTitle 
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	height: 25px;
}
.eConDialogLabel
{
	width: 100px;
}
.eConDialogInput 
{
}
.eConDialogButtons 
{
	margin-top: 10px;
	margin-bottom: 5px;
}
.FLabelStyle 
{
	background-color: yellow;
}
.GControlStyle 
{
	border: 4px solid red;
}

/* Classes for user interface groups */
/* The main control */
.eConGroupMain
{
	overflow-x: auto;
	overflow-y: 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;
}

DIV.eConTabButtons
{
}

/* 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;
}

.hidden
{
	visibility:hidden;
}

.nobox       
{ 
	border: 1px solid #FFFFFF
}

.vrml
{
	width: 600px;
	height: 400px;
}

.Blue        
{ 
	color: #0000FF;
}
.Red         
{ 
	color: #FF0000;
}
.Underline   
{ 
	text-decoration: underline; 
}               
.Underlinebluespecial
{ 
	border-bottom:2px solid #7A97DF; 
	border-left-width:1px;
	border-rigth-width:1px;  
	border-top-width:1px;  
	padding-left:0;
	padding-right:25;
	float:left;
	width:400; font-variant:small-caps;
}

.eConDrawing
{
	border: 1px solid red;
}

/* styles for likertscale, matrixproperties */
TABLE.likertscale
{
}
TR.likertscale
{
}
TD.likertscale
{
	width: 75px;
}
TR.likertscalelabel
{
}
TD.likertscalelabel
{
	width: 75px;
}
TABLE.matrixproperties
{
	/* table-layout: fixed; */
}
TR.matrixproperties
{
}
TD.matrixproperties
{
	text-align: left;
	vertical-align: middle;
	width: 120px;
}
TR.matrixpropertieslabel
{
}
TD.matrixpropertieslabel
{
	text-align: left;
	vertical-align: middle;
	width: 120px;
}
TABLE.matrix
{
	/* table-layout: fixed; */
}
TR.matrix
{
}
TR.matrixselected
{
	background-color: Yellow;
}
TD.matrix
{
	text-align: left;
	vertical-align: middle;
	width: 120px; 
	/*padding: 1px;*/
}
TR.matrixlabel
{
}
TH.matrixlabel
{
	text-align: left;
	vertical-align: middle;
	width: 120px; 
}
.eConColumn
{
	height: 20px;
}
.advicebox
{
	margin-left: 20px;
	width: 300px;
	height: 200px;
	border: 1px solid steelblue;
}
.iframe
{
	width: 100%;
}

TABLE.customHeader
{
	display:none;
	width: 100%;
}

.eConAttachment
{
	border: 1px solid #7FA7E1;
}