*, td, th { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
body { background-color: #CCC; height: 100%; margin: 0px; padding: 0px; width: 100%;  }
form { margin: 0px; padding: 0px; }
h4 { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; margin: 10px 0px; }
h5 { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 10px 0px; }
a { color: #369; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p, ul { margin: 5px; }
ul { margin-left: 30px; }
th { background: #708E9E; color: #FFFFFF; }

table#module { height: 100%; }
#logo { background: #3E7C9D; height: 54px; }
#menu { background: #F1F2EE; border-bottom: 1px solid #383837; height: 24px; }
#main{ height: 100%; padding: 10px 40px; vertical-align: top; }

table.search { border-collapse: collapse; border: 2px solid #DFDFDD; margin: 0px auto 10px auto; width: 100%; }
table.search  td, table.search th { border: 1px solid #708E9E; }
table.search td { padding-left: 1px; }
table.search th { background: #708E9E; color: #FFFFFF; height: 21px; }
table.search td table td { border: none; }

table.data { border-collapse: collapse; border: 2px solid #DFDFDD; margin: 10px auto; width: 100%;}
table.data td, table.data th { border: 1px solid #DFDFDD; height: 21px; }
table.data td { padding-left: 3px; padding-right: 3px; background: #E7E7E6; }
table.data tr.lined td { background: #CCC; }
table.data tr.selected td{ background-color: #C3CBCD; }
table.data tr.grouped td{ background-color: #D5D9DA; font-weight: bold; }
table.data th { background: #C3CBCD; color: #333;  }
table.data th a { color: #000; }
table.data td.select { padding: 0px; text-align: center; }
table.data td.vertical, table.data th.vertical { writing-mode:tb-rl; }
table.data td ol { margin: 0px auto; }

table.clear { border-style: none; }
table.clear td { border-style: none; padding: 0px; }

#menu a {
	display: block;
	float: left;
	height: 22px;
	width: 90px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	text-align: center;
	padding-top: 3px;
	margin: 1px;
}

#menu a.active {
	color: #369;
}

#menu a:hover {
	background: #708E9E;
	color: #FFF;
}

input, textarea, .input {
	border: 1px inset #CCCCCC;
}

label {
	cursor: pointer;
	cursor: hand;
}

.control {
	cursor: pointer;
	cursor: hand;
	margin: 0px;
}

.radio { background-color: transparent; border: none; }

textarea.label, input.label {
	background-color: #CCCCCC;
	border: none;
}

.bold { font-weight: bold; }
.warning { color: #C00; font-weight: bold; margin-top: 20px; }

td.label { font-weight: bold; text-align: right; padding-right: 3px; width: 100px; }
td.biglabel { font-weight: bold; text-align: right; padding-right: 3px; width: 150px; }
td.rightcol { padding-left: 15px; }
td.h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;  }

.red { color: #A00; }
.green { color: #0A0; }

p.view { margin: 10px 0px; }
p.view a, p.view strong { margin-right: 20px; }


.remark { text-align: right; color: #900; font-weight: bold; }

div.preview { width: 100%; height: 100px; overflow-y: scroll; }