/* formPanel */
.formPanel,
.formPanel input,
.formPanel select {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	padding: 3px;
}
.formPanel {
	margin-top: 10px;
	border: 2px solid gray;
	background-color: #F0F0F0;
	padding: 10px;
	margin-bottom: 10px;
}
.formPanel table.inputForm {
	width: 100%;
}
.formPanel table.inputForm td.eCtlLabel {
    vertical-align: top;
    width: 140px;
    height: 24px;
    padding-top: 5px;
    font-weight: bold;	
}
.formPanel table.inputForm td.eCtlInput {
    vertical-align: top;
    padding-bottom: 7px;
}
.formPanel label.eLabel.eInpReq:after {
	content: "*";
	color: #D00000;
}
.formPanel select, 
.formPanel input[type=text],
.formPanel input[type=password] {
	border: 1px #8f99ef solid;
}
.formPanel select.eInpReq, 
.formPanel input[type=text].eInpReq {
/*	border: 1px brown solid; */
	background-color: #FFFFE0;
}
.formPanel select.eInpDis, 
.formPanel textarea.eInpDis,
.formPanel input[type=text].eInpDis {
	border: 1px #C0C0C0 solid;
	color: #808080;
}
.formPanel .eInput {
	width: 100%;
}
.formPanel .eInput.eTypeBool {
	width: auto;
}
.formPanel select.eInput.eInpShort,
.formPanel input.eInput.eInpShort,
.formPanel input.eInput.eTypeDate {
	width: 100px;
}
.formPanel input.eInput.eInpDecimal {
	width: 100px;
	text-align: right;
}
.formPanel span.eInpDis {
	display: inline-block;
	padding-top: 4px;
}
.formPanel .eUnit {
	padding-left: 4px;
	font-style: bold;
}
.formPanel .eInputHint {
	padding-left: 4px;
	font-style: italic;
}


/* codebox */
.xmlbox,
.sqlbox,
.codebox {
	margin-bottom: 10px;
	text-align: left;
}
.xmlbox .title,
.sqlbox .title,
.codebox .title {
	display: inline-block;
	background-color: #647CC6;
	color: white;
	font-weight: bold;
	padding: 0 20px;
}
.xmlbox .title {
	display:block;	
}
.xmlbox .title > a {
	font-weight: normal;
	color: white;
}
.codebox pre,
.sqlbox pre,
.xmlbox pre {
	text-align: left;
	padding: 10px 20px;
	margin: 0;
	overflow: hidden;
}
.codebox pre {
	background-color: #2A2A2A;
	color: #E8E8E8;
}
.sqlbox pre {
	background-color: #FFFDDD;
	color: #0A0A0A;
}
.xmlbox pre {
	/*
	background-color: #888888;
	color: #FFFFFF;
	*/
	background-color: #FFFFFF;
	color: #2A2A2A;
}
.xmlbox .comment,
.sqlbox .comment,
.codebox .comment {
	font-style:italic;
	color: #808080;
}
/* codebox */
.codebox .el,
.codebox .type {
	/* lila */
	color: #CC81BA;
	color: #D888BD;
}
.codebox .attr,
.codebox .obj {
	/* hellorange */
	color: #FFBF26;
}
.codebox .var {
	color: white;
}
.codebox .field {
	/* hellgelb */
	color: #FFFCCC;
}
.codebox .unused {
	/* rot */
	color: #C34333;
	color: #DC5C4C;
	/* hellblau */
	color: #449DDF;
	color: #79ABFF;
	/* blaugrün */
	color: #1DC67E;
	color: #80F6A7;
	/* türkis */
	color: #49C5F8;
	color: #3EABE6;
}
.codebox .tag,
.codebox .func {
	/* hellgrün */ 
	color: #A7EC21;  
}
.codebox .literal {
	/* orange */
	color: #ED7F48;	
	color: #ED7139;
}
.codebox .keyword {
	/* blau */
	color: #C0C8FA;
}
/* sqlbox */
.sqlbox .word {
	color: #294E89;
	color: navy;
}
.sqlbox .alias {
	color: #CC81BA;
	color: purple;
}
.sqlbox .param {
	color: maroon;
}
.sqlbox .literal {
	color: green;
}
.sqlbox .param.pstmt > .literal {
	display: none;
}
.sqlbox .param.pstmt:after {
	content: "?";
}
/* xmlbox */
.xmlbox .tag {
	color: #79ABFF; /* hellblau */
	color: #A7EC21; /* hellgrün */
	color: #647CC6;
}