/***************   Application Form *********************************************/

.app-form {  }
.app-form td { padding-bottom:8px; font-size:12px; font-weight:bold; }
.app-form td.not-left { padding-left:20px; }
.half { width:50%; }
.qtr { width:25%; }
.third { width:33%; }
.two-third { width:67%; }
.app-form td span, .app-form td label { font-weight:normal; }
.app-form td label { margin-left:10px; }
.app-form input, .app-form select { font-size:12px; }
.full-page { width:100%; }
.half-page { width:384px; }
.three-qtr-page { width:576px; }
.text-field { height:18px;  }
* html .text-field { height:21px; }
.drop-down-list { height:20px;  }
* html .drop-down-list { height:23px; }
.text-field, .drop-down-list, textarea, .file-upload, input[type="file"] { font-weight:normal; font-size:12px; background-color:#e9e9ea; padding:3px 0 0 3px; border:0; margin-top:5px;  }
.text-field, textarea { width:100%; }
.tblRadio td { vertical-align:text-bottom; margin:0; padding:0; }

/****************   Miscellaneous   ****************/

.clear { clear:both; }
.errorMessage { border:1px dotted #E60000; } 
.successMessage { border:1px dotted #0076c0; } 
.errorMessage, .successMessage  { padding:10px; font-weight:bold; margin-bottom:10px; } 
.errorMessage, .errorMessage *, .errorMessage A { color:#E60000; }
.successMessage, .successMessage *, .successMessage A { color:#0076c0; }
.errorMessage ul, .successMessage ul { margin:0 0 0 25px; }
.errorMessage ol, .successMessage ol  { margin:0 0 0 25px; }

A.button, A.button SPAN { background-color:#0076c0; color:#FFF; font-weight:normal; white-space:nowrap; }
A.button, A.button:hover, A.button:active { text-decoration:none; font-size:12px; } 
A.button { line-height:18px; padding:3px 15px; }
A.button SPAN { font-size:15px; } 
A.button:hover, A.button:hover SPAN { background-color:#afb0b1; }

A.redButton, A.redButton SPAN { background-color:#E60000; color:#FFF; font-weight:normal; white-space:nowrap; }
A.redButton, A.redButton:hover, A.redButton:active { text-decoration:none; font-size:12px; } 
A.redButton { line-height:18px; padding:3px 15px; }
A.redButton SPAN { font-size:15px; } 
A.redButton:hover, A.redButton:hover SPAN { background-color:#afb0b1; }


.required { color:#E60000; font-weight:bold; margin-left:4px; }
.required span { font-size:18px; color:#E60000; top:2px; position:relative; }
.visible { visibility:visible; position:absolute; z-index:100;  }
.hidden { visibility:hidden; position:absolute; z-index:100;  }
.display { display:block; }
.noDisplay { display:none; }
.readOnly { background-color:#EBEBE4; }

.app-form h2 span { font-size:13px; color:#0076c0; font-weight:bold; }

.checkboxListWrapper { margin-bottom:10px; }
.checkboxListWrapper table { width:100%; }
.checkboxListWrapper td { width:50%; }

.errorMessage p, .successMessage p { margin:8px 0; } 
.errorMessage ol, .successMessage ol { margin:8px 0 8px 35px; } 
.errorMessage ul, .successMessage ul { margin:8px 0 8px 25px; }