/* Errors */
.left_field {float:left; top: -5px; position: relative;} /* used for text fields with surrounding text, eg, not just the field */
.fieldWithErrors {padding: 3px; margin: -2px 10px 0 10px; border: 0px solid #faa; background-color: #f1f1f1;}
#errorExplanation {font-size: 12px; width: 400px; border: 1px solid #324355; padding: 7px; padding-bottom: 5px; margin-bottom: 20px; background-color: #f0f0f0;}
#errorExplanation h2 {background: transparent url('/images/icons/warning.png') no-repeat 5px 4px; text-align: left; font-weight: bold; padding: 5px 5px 5px 25px; font-size: 13px; margin: -7px -7px 7px -7px; background-color: #324355; color: #fff;}
#errorExplanation p {font-weight: bold; margin-bottom: 0; padding: 0 ;}
#errorExplanation ul {padding: 0; margin: 0;}
#errorExplanation ul li { background: transparent url('/images/icons/bullet_yellow.png') no-repeat; margin: -2px 10px 5px 10px; }

/* Prograss bars */
div.uploadStatus {margin: 5px;}
div.progressBar {margin: 5px;}
div.progressBar div.border {background-color: #fff; border: 1px solid #ccc; width: 100%;}
div.progressBar div.background {background-color: #333; height: 18px; width: 0%;}

/* Table layout */
table.list {border-collapse:collapse; width:100%; border: 1px solid #DDE7EF; clear: both;}
table.list th {background: url(/images/form_header_tile.jpg) repeat; color: #f3f3f3; border: 1px solid #DDE7EF; padding:4px; font-size:110%;}
table.list tr.dk th {background: #48739a; color: #f3f3f3; border: 1px solid #DDE7EF; padding:4px; font-size:110%;}

table.list.message tr.lt:hover {background: #ccc;}
table.list.message tr.dk:hover {background: #aaa;}

table.list th img {vertical-align: middle; }
table.list tr.lt {background:#FEFEFE;}
table.list tr.dk {background:#EEEEEE;}
table.list tr.cancelled {text-decoration: line-through; color: #f00; font-style: italic;}
table.list td {border-left: 1px solid #DDE7EF;border-right: 1px solid #DDE7EF; padding-left: 3px; padding-right: 3px;}
table.list td.paginate {padding:10px;}
table.list table.paginator tr td {border:none; padding:0;}
table.list tr.line {border-bottom: 1px solid #DDE7EF; background: #f6f6f6;}
td .head {border-bottom: 1px solid #DDE7EF; padding: 5px;background: #F4F4F4;}
tr.pending td {color: red;}
tr.double, td.double {height: 3em; vertical-align:top;}
/* table.list td a {margin:0; padding:0;} */

/* Form Elements */
fieldset.form {position: relative;padding: 5px; margin-bottom:1em;  border: 1px solid #DDE7EF;}/*  background: transparent url(/images/fieldset_bkgnd.png) top repeat-x;*/
fieldset.form legend {font-size:120%; color: #2D2D6F;}
fieldset.form legend.grey {background: #f1f1f1; padding:2px 20px; margin:0 15px; border: 1px solid #ddd;}


fieldset.form p {margin-bottom:0.1em;line-height: 21px;}
fieldset.form p label{ display:block; float:left; width:150px; text-align:right;vertical-align:top; padding-right:25px;}
fieldset.form span.instructions {display:block; padding:3px 0 5px 175px; font-style:italic; font-size:90%; color:#7B7B7B;  line-height:100%; clear:left;}
fieldset.form span.field_error {display:block; padding:0 0 3px 175px; font-style:italic; font-size:90%; line-height:100%; clear:left; color:#f00;}
fieldset.form span.instructions.thin {padding:3px 0 5px 125px;}
fieldset.form em {position: relative; font-size:90%; color:#7B7B7B;}
.text_field, .text_area {font-size: 12px; color: #009; border:1px solid #ccc; padding:3px; margin: 0; width: 230px;}
.text_field.big {width:400px;}
.text_field.half {width:115px;}
.text_field.tiny {width:50px;}
.text_field.single {width:20px;}
.text_field.medium {width:170px;}
.text_area {height: 80px;}
.text_area.big {width:400px;height: 80px;}
fieldset.form.small_form {width:600px; padding:0 5px 5px 20px;}
fieldset h3 {margin-left: 20px;}

label.required {font-weight:bold;}
fieldset.form p label.thin {width: 100px;}
span.instructions {font-style:italic; font-size:90%; color:#888;}
span.instructions_dk {font-style:italic; font-size:90%; color:#888;}


.login_field {width:170px;} /* IE 6 makes password entry different size than user field otherwise */

.label {width:150px; text-align:right; vertical-align:top; padding-right:30px; color: #666; }
.label.wide {width:250px;}
.input_s {width: 50px;}
.input_m {width: 110px;}
.input_l {width: 195px;}
fieldset.form p span.lable_left {float:left; padding-right: 7px;}



<!--[if IE]>

fieldset.form.grey {margin-top:10px;padding-top:20px;position: relative;}
fieldset.form.grey {margin-top:20px;padding-top:20px;position: relative;}
fieldset.form.grey legend {position: absolute;top: -.8em;left: .2em;}

<![endif]-->