body,div,p,ul,li,h1,h2,h3,h4,h5,h6,span,table,th,tr,td {padding:0px;margin:0px;}
body { font:normal normal normal 9pt verdana, arial; background:#F8F8F8; }

.bodyWrapper { }
.header { background-color:#A0A0A0; border-bottom:#808080 solid 2px; box-shadow:0px 4px 5px #C0C0C0; padding:5px 10px; margin-bottom:10px; }
.header a { font-size:150%; color:#FFFFFF; text-decoration:none; display:block; float:left; margin:5px 10px;}
.header a:hover { color:#FFDB99; text-decoration:none; }

.bodyContents { padding: 18px; padding-top: 5px;}

.section { margin:10px 0px; border:#000000 solid 0px; width:100%; background-color:#F8F8F8;  }
.formSection { padding:10px; background-color:#FFFFE0; font-family:arial; }
.contentSection { width:100%; margin-bottom:10px; padding:0px;}
.halfScreen { width:800px; }

.formSection span { width:300px; display:inline-block; }
.formSection .title { font-weight:bold; font-size:140%; color:#0080C0; cursor:pointer; }
.formSection .label { font-weight:bold; font-size:140%; color:#A0A040}
.formSection .form	{ font-size:90%; }

.contentTable {border:#404040 solid 1px; border-collapse:collapse; font-size:100%; margin:0px 0px 0px 0px; }
.contentTable th, .contentTable td { border:#C0C0C0 solid 1px; padding:2px 4px;}
.contentTable th { background-color:#E0E0E0; font-weight:bold;}
.contentTable tr { padding:2px 0px; }
.contentTable td { font-size:90%; background-color:#FFFFFF; }

/* base:0 - light bg:+6 - light text: +7 */

.orange { /*background-color:#FFA500;*/ border-color:#FFC966; }
.orange .formSection { background-color:#FFA500; }
.orange .formSection .title { color:#FFDB99; }
.orange .formSection .label { color:#FFDB99; }
.orange .contentTable th, .orange .contentTable td { border-color:#FFA500; }
.orange .contentTable th { background-color:#FFDB99; }

.blue { /*background-color:#6699FF;*/ border-color:#C2D6FF; }
.blue .formSection { background-color:#6699FF; }
.blue .formSection .title { color:#D1E0FF; }
.blue .formSection .label { color:#D1E0FF; }
.blue .contentTable th, .blue .contentTable td { border-color:#6699FF; }
.blue .contentTable th { background-color:#C2D6FF; }

.red { /*background-color:#FF4040;*/ border-color:#FFB3B3; }
.red .formSection { background-color:#FF4040; }
.red .formSection .title { color:#FFC6C6; }
.red .formSection .label { color:#FFC6C6; }
.red .contentTable th, .red .contentTable td { border-color:#FF4040; }
.red .contentTable th { background-color:#FFB3B3; }

.clear, #clear { clear:both; display:block;}

/* xml lookup styles */
.optionBlock { display:block; float:left; border:#808080 solid 1px; box-shadow:2px 5px 5px #c0c0c0; padding: 5px; margin:2px; }
.optionBlock .content { width:250px; height:50px; }
.optionBlock label { display:block; font-size:120%; color:#808080; font-weight:bold; }
.optionBlock select { font-size:150%; border:#E0E0E0 solid 2px; background:#F8F8F8; padding:0px 0px; width:100%;}
.optionBlock option { background:#F0F0F0;}
.optionBlock input { font-size:150%; border:#E0E0E0 solid 2px; background:#F8F8F8;  padding:2px 2px; width: 240px;}
.optionBlock button { width:100%; height:100%; display:block; font-size:130%; }
.optionBlock .tag { font-size:150%; }
.xmlContent { width:1231px; height:700px; overflow:auto; background:#FFFFFF; border:#808080 solid 1px; box-shadow:2px 5px 5px #c0c0c0; padding: 5px;margin:15px 0px 15px 5px; }