/* Generic */
div.i-apply{
  padding: 1em;
}
div.i-apply h1{
  color: #0073aa;
  margin: 0;
  padding: 0.5em 2% 0.5em 0;
  font-weight: normal;
}
div.i-apply h2{
  font-size: 1.15em;
}
form#updateForm{
  float: left;
  width: 23em;
  margin: 0.5em;
}
form#updateForm li, form#updateForm ul, form ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
form#updateForm li{
  margin: 1em;
}
form#updateForm label, form label{
  display: block;
}
form#updateForm input, form#updateForm textarea{
  width: 18em;
}
form#updateForm input[type="checkbox"]{
  width: auto;
}
form#updateForm input[type="submit"]{
  width: auto;
}
form#updateForm fieldset{
  border: 1px solid #0073aa;
  margin-bottom: 1em;
  width: 100%;
}
form#updateForm legend{
  margin-left: 2em;
  padding: 0 0.5em;
  color: #0073aa;
}
form#updateForm select{
  font-size: 1.1em;
  width: 18em;
}
form#updateForm div.inputLike{
  font-size: 1.1em;
  width: 18em;
  padding: 0.2em 0;
  border: 1px solid #eee;
  background: #f9f9f9;
}
form#updateForm .error_list, div.i-apply form .error_list{
  color: #ff3333;
  background: #fffafa;
  margin: 0.3em 0;
  font-size: 1.1em;
  width: 18em;
  border: 1px solid #ff3333
}
form#updateForm .error_list li, div.i-apply form .error_list li{
  margin: 0.2em;
  font-size: 0.8em;
  font-weight: bold;
}
div.i-apply form .error_list{
  width: 14em;
  border-width: 1px 0;
}
form#submitForm .error_list{
  color: #ff3333;
  background: #fffafa;
  margin: 0.3em 0;
  font-size: 1.1em;
  border: 1px solid #ff3333;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
form#submitForm .error_list li{
  margin: 0.2em;
  font-size: 0.8em;
  font-weight: bold;
}
/* Message boxes */
div#i-apply-not-ready, div#i-apply-ready{
  width: 18em;
  margin: 0.5em;
  float: left;
  padding: 1em 1em 1em 90px;
  border: 1px solid #555;
}
div#i-apply-not-ready{
  background: url(../images/info.png) 10px 5px no-repeat #eaeaff;
  border-color: #0073aa;
}
div#i-apply-ready{
  background: url(../images/candidate_valid.png) 10px 5px no-repeat #eaffea;
  border-color: #317e20;
}
div#i-apply-ready form{
  margin: 0.2em 0;
  padding: 0.2em;
  background: #fff;
  text-align: center;
  display: block;
}
div#i-apply-ready dl{
  font-size: 0.8em;
}
div#i-apply-ready dt{
  font-weight: bold;
}
div#i-apply-ready dd{
  margin-left: 1em;
}
div#i-apply-ready blockquote{
  margin: 0;
  padding: 0;
  background: transparent;
  width: 100%;
  display: block;
  font: 8pt "Andale Mono", monospace;
}
/* File presentation */
div.file a{
  display: block;
  text-align: center;
  margin: auto;
  padding: 70px 0.5em 0.5em 0.5em;
  background: url(../images/mime/unknown.png) top center no-repeat transparent;
}
div.file.txt a{
  background: url(../images/mime/txt.png) top center no-repeat transparent;
}
div.file.pdf a{
  background: url(../images/mime/pdf.png) top center no-repeat transparent;
}
div.file.doc a, div.file.docx a{
  background: url(../images/mime/doc.png) top center no-repeat transparent;
}
/* ACTIONS */
.i-apply-actions span.edit.disabled{
  background: url(../images/edit-disabled.png) 50% 2px no-repeat transparent;
  height: 4em;
  padding: 70px 0.5em 0.5em 0.5em;
  text-align: center;
  color: #ddd;
  display: block;
  width: 15em;
}
.i-apply-actions span.edit a{
  background: url(../images/edit.png) 50% 2px no-repeat transparent;
  height: 4em;
  padding: 70px 0.5em 0.5em 0.5em;
  text-align: center;
  color: #444;
  display: block;
  width: 15em;
}
.i-apply-actions span a:hover{
 text-decoration: underline;
}
/* STATUS */
.i-apply-status ul, .i-apply-status ol, .i-apply-status li{
  margin: 0;
  list-style-type: none;
  padding: none;
}
.i-apply-status li.step{
  float: left;
  text-align: center;
  width: 19%;
  height: 13em;
  background: url(../images/step.png) left 25% repeat-x #ddd;
}
.i-apply-status li.step.past{
  background: url(../images/step.png) left 25% repeat-x #efe;
}
.i-apply-status li.step.current{
  background: url(../images/step.png) left 25% repeat-x #efe;
  border-right: 2px solid #3d3;
  font-weight: bold;
}
.i-apply-status li.step div{
  margin: 1em 0.3em;
  padding: 70px 0.3em 1em 0.3em;
}
.i-apply-status li.step.current div{
  border: 1px dashed #3d3;
}
.i-apply-status li.step div.candidate_create{
  background: url(../images/candidate_create.png) top no-repeat transparent;
}
.i-apply-status li.step div.candidate_pending{
  background: url(../images/candidate_pending.png) top no-repeat transparent;
}
.i-apply-status li.step div.candidate_received{
  background: url(../images/candidate_received.png) top no-repeat transparent;
}
.i-apply-status li.step div.candidate_inprogress{
  background: url(../images/candidate_inprogress.png) top no-repeat transparent;
}
.i-apply-status li.step div.candidate_decision{
  background: url(../images/candidate_decision.png) top no-repeat transparent;
}
.i-apply-status li.step div.candidate_valid{
  background: url(../images/candidate_valid.png) top no-repeat transparent;
}
.i-apply-status li.step div.candidate_declined{
  background: url(../images/candidate_declined.png) top no-repeat transparent;
}