* { margin:0; padding:0; outline:0; }
.highlight { background:#ff9; }
.clear { clear:both; }

body {
  padding:0 40px;
  font-family:verdana, helvetica, arial, sans-serif; text-align:center;
  background:#ddd;
}
div#container { 
  width:937px;
  margin:0 auto;
  font-size:62.5%; text-align:left;
}
.required{
  color: #cc3333;
}

a.help {
  border:1px solid purple; padding:0 1px;
  text-decoration:none; color:#fff;
  background:purple;
}
a.editor_cancel {
  color:#d00;
}
span.in_place_editor_field {
  margin-left:25px; padding:2px 0 2px 20px;
  background:url(/images/edit_icon.gif) no-repeat 0% 50%;
}

dl {
  margin-bottom:1em;
}
dl dt {
  margin-bottom:0.5em;
  font-weight:bold; font-size:1.3em;
}
dl dd {
  margin-bottom:1em; padding-left:1em;
  font-size:1.1em;
}
dl#category_descriptions {
  margin:0 0 1.5em 0;  border-bottom:4px solid #bbb; padding:0 0 0.5em 0;
}

div.text_content {
  padding:5px 40px;
}
div.text_content h1 {
  margin-bottom:0.5em;
}
div.text_content ul {
  margin-bottom:1em;
}
div.text_content ul li {
  margin-bottom:0.5em;
  font-size:1.2em;
}
div.text_content p {
  margin-bottom:1em;
  font-size:1.2em;
}

h1.step {
  margin-bottom:1em; padding:10px 20px;
  font:2.0em; font-weight:normal; color:#fff;
  background:#000;
}
.button{
  display:inline;
  width:auto;
  margin-right:15px; border:1px solid #555; padding:4px 12px;
  font-size:1.4em;
  color: #000;
  background:#ddd url(/images/legend_background.gif) repeat-x 0% 100%;
  text-decoration: none;
}
.button a:visited{
  color: #000;
  text-decoration: none;
}
.button a:hover{
  color: #000;
  text-decoration: none;
}

/* NAVIGATION
***************************************/
ul#navigation {
  overflow:auto;
  list-style-type:none;
  margin-bottom:20px; padding-top:155px;
  background:#0f1667 url(/images/WCEID_header_background.jpg) no-repeat;
}
ul#navigation li {
  display:inline;
}
ul#navigation li a {
  display:block;
  float:left;
  margin-right:1px; padding:6px 10px;
  font-size:1.2em; color:#fff; text-decoration:none;
  background:#0f1667;
}
ul#navigation li a:hover {
  background:#666699;
}
ul#navigation abbr {
  border:none;
}


/* FLASH and ERROR MESSAGES
***************************************/
div.flash_messages, div.errorExplanation {
  margin-bottom:20px; border:2px solid #333; padding:10px;
  font-size:1.2em;
  background:#fff;
}
div.flash_messages h1, div.errorExplanation h1, div.flash_messages h2, div.errorExplanation h2 {
  margin-bottom:5px;
  font-size:1.4em;
}
div.flash_messages ul, div.errorExplanation ul {
  padding-left:20px;
}
div.flash_messages p, div.errorExplanation p {
  margin-bottom:0.75em;
}
div.success {
  border-color:#0d0;
  background:#cfc;
}
div.error, div.errorExplanation {
  border-color:#c00;
  background:#f99;
}
div.notice {
  border-color:#ff0;
  background:#ffc;
}
div.fieldWithErrors {
	border:1px solid #d00;
}


/* GENERAL FORM STYLES
***************************************/
form {
  padding:5px 0;
}
form.inplaceeditor-form {
  position:absolute; top:-15px; left:100px;
  padding:20px;
  background:#333; opacity:0.9; z-index:1000;
}
form fieldset {
  position:relative;
  display:block;
  margin:15px 0 25px 0; border:1px solid #999; border-right:2px solid #777; border-bottom:2px solid #777; padding:20px;
  background:#f9f9f9;
}
form fieldset div.fieldset_content {
  overflow:auto;
}
form fieldset legend {
  position:normal; top:-10px;
  border:1px solid #999; border-right:1px solid #555; border-bottom:1px solid #555; border-top:0; padding:5px 10px 3px 10px;
  color:#000; font-weight:bold; text-transform:uppercase; font-size:1.1em; text-shadow:2px 2px 2px #fff;
  background:#ddd url(/images/legend_background.gif) repeat-x 0% 100%;
}
form fieldset p {
  margin-bottom:1em;
  font-size:1.2em; color:#333;
}

form fieldset ol {
  margin:1em;
  font-size:1.2em; color:#333;
}
form fieldset ul {
  margin-left: 2em;
  margin-bottom: 1em;
  font-size:1.2em; color:#333;
}
form fieldset p.entry {
  font-style:normal;
}
form label {
  display:block;
  margin-bottom:3px;
  font-size:1.2em;
}
form label.checkbox {
  display:inline;
  width:auto;
  background:none;
}
input, textarea, select {
  border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; padding:2px 0;
  font-size:1.6em;
  background:#fff url(/images/input_background.gif);
}
textarea {
	font-family:helvetica, arial, sans-serif;
  width:100%; height:6em;
}
textarea.address {
  height:4em;
}
textarea.essay {
  height:10em;
}
select {
  background:#fff;
}
select.date {
  float:left;
  width:45%;
  margin-right:2%;
}
input:focus {
  border:1px solid #666;
}
input.checkbox {
  display:inline;
  background:none;
}
input.file {
  margin-right:15px; border:1px solid #555; padding:4px 12px;
  font-size:1.4em;
  color: #000;
  background:none;
  text-decoration: none;
}
input.submit_button, div.field input.submit_button, input.editor_ok_button {
  display:inline;
  width:auto;
  margin-right:15px; border:1px solid #555; padding:4px 12px;
  font-size:1.4em;
  background:#ddd url(/images/legend_background.gif) repeat-x 0% 100%;
  cursor:pointer;
}
input.submit_button:active, div.field input.submit_button:active {
  background:#ddd url(/images/legend_background_focus.gif) repeat-x 0% 0%;
}

fieldset div.field, fieldset div.error {
  position:relative;
  float:left;
  width:48%;
  margin-right:1.75%;
}
fieldset div.field_small {
  position:relative;
  float:left;
  width:29%;
  margin-right:1%;
}
fieldset div.submit {
padding:5px;
text-align: center;
}
div.field, div.checkbox, div.field_large, div.field_small {
  margin-bottom:10px;
}
//div.field p {
 // display:none;
//}
span.instructions {
  margin-bottom:1em;
  font-size:1.1em; color:#555;
}
span.index_instructions {
  margin-bottom:1em;
  font-size:1.1em; color:#000;
}
div.field input, div.error input, div.field select, div.error select {
  display:block;
  width:100%;
}
div.field select.date, div.error select.date {
  float:left;
  width:45%;
  margin-right:4%;
}
div.field input.checkbox, div.error input.checkbox {
  display:inline;
  width:auto;
}
div.field input.file, div.error input.file, div.field_small input.file {
  border:none;
  background:none;
}
tr.even {
  background-color:#ddd;
}

/* FORM ERRORS
***************************************/
form div.error {
  margin-bottom:10px;
  background:#f33;
}
form div.error label {
  margin:0; padding:5px 10px 0 10px;
  color:#fff; font-weight:bold; font-size:1.6em; text-shadow:2px 2px 1px #700;
}
form div.error input {
  border:5px solid #f33;
  color:#c00;
}
form div.error p {
  padding:5px 10px 10px 10px;
  color:#fff; font-size:1.2em; text-shadow:2px 2px 1px #933;
}


/* PROGRESS BAR
*************************************/
div#overlay {
  position: absolute; top:0; left:0;
  display:none;
  z-index:90;
  width:100%; height:100%;
  background:#000;
  opacity:0.8;
}
#progress-bar {
  position:relative;
  width:500px; height:25px;
  margin:15px; border:1px solid #000;
}
#progress-bar #status-bar {
  position:absolute; top:0; left:0;
  display:block;
  width:0; height:25px;
  border-right:1px solid #000;
  background-color:#00f;
}
#progress-bar #status-text {
  position:absolute; top:0; left:0;
  display:block;
  padding:0 15px;
  line-height:25px;
}