@import url(datepicker.css);
/* Simple scalable breadcrumb by Veerle Pieters */
#content form.flow .progress {
  float: right;
  clear: right;
  border: 1px solid #dedede;
  margin: 1em 0;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  /* Override default display styles */ }
  #content form.flow .progress, #content form.flow .progress li {
    list-style-type: none;
    list-style-position: inside;
    list-style-type: none;
    padding: 0; }
  #content form.flow .progress li {
    height: 2em;
    margin: 0;
    float: left;
    padding-left: 1.0em;
    /* COMPLETED LINK */
    /* CURRENT LINK */
    /* INCOMPLETE LINK */ }
    #content form.flow .progress li a {
      display: relative; }
      #content form.flow .progress li a:link, #content form.flow .progress li a:visited {
        text-decoration: none; }
    #content form.flow .progress li.complete {
      background: url(../images/breadcrumbs/crumbs.gif) no-repeat right center;
      padding: 0 20px; }
      #content form.flow .progress li.complete a {
        color: #555555;
        text-decoration: underline; }
        #content form.flow .progress li.complete a:hover, #content form.flow .progress li.complete a:focus {
          color: #6ca300; }
    #content form.flow .progress li.current {
      color: #6ca300;
      font-weight: bold; }
    #content form.flow .progress li.incomplete a {
      color: #cccccc; }
      #content form.flow .progress li.incomplete a:hover, #content form.flow .progress li.incomplete a:focus {
        text-decoration: none; }

#content form.flow .header {
  /* Progress is handled by breadcrumbs.css */ }
  #content form.flow .header .copyright {
    border-width: 2px;
    border-style: solid;
    margin: 1em 0 1em 0;
    padding: 1em;
    color: black;
    border-color: #429f23;
    background-color: #dfffd6;
    font-size: 1.2em; }
    #content form.flow .header .copyright input {
      margin: 0 1em 0 0;
      padding: 0; }
  #content form.flow .header .logo {
    line-height: 1px; }
    #content form.flow .header .logo img {
      float: right;
      border: 1px solid black;
      margin-left: 1em;
	  margin-bottom: 2em; }
  #content form.flow .header .contact {
    border-width: 2px;
    border-style: solid;
    margin: 1em 0 1em 0;
    padding: 1em;
    color: black;
    background: #f4f4f4;
    border-color: black;
    display: block;
    float: right;
    clear: both;
    text-align: right;
    margin-left: 1em;
    width: 25em; }
    #content form.flow .header .contact li {
      display: block;
      margin: 0;
      padding: 0; }
    #content form.flow .header .contact .adr .type, #content form.flow .header .contact .adr .country-name {
      display: none; }
  #content form.flow .header .legislation {
    font-weight: bold;
    font-size: 110%; }
#content form.flow .instructions {
  position: relative;
    border-width: 2px;
    border-style: solid;
    margin: 1em 0 1em 0;
    padding: 1em;
    color: black;
    background: #ffffcc;
    border-color: #e0c36c;
    clear: right;
    margin-top: 1em; }
    #content form.flow .instructions h2 {
      margin-bottom: 1em;
      margin-top: 0; }
      #content form.flow .instructions h2:after {
        content: ":"; }
    #content form.flow .instructions .error {
      border-width: 2px;
      border-style: solid;
      margin: 1em 0 1em 0;
      padding: 1em;
      color: black;
      background-color: #ffe6e6;
      background-image: url(../images/icons/cross_32.png);
      background-repeat: no-repeat;
      background-position: 5px 5px;
      border-color: #ff2626; }
    #content form.flow .instructions .title {
      margin: 0; }
    #content form.flow .instructions .list {
      margin-left: 2em; }
  #content form.flow .instructions .progress {
    clear: right; }
  #content form.flow fieldset .instructions p {
    font-size: 1.2em; }

/* 
 * The .qtip css needs to be declared outside of the content,
 * as the tip divs are placed just inside the body. */
.qtip {
  font-size: 150%; }

#content form.flow input:focus, #content form.flow select:focus, #content form.flow textarea:focus {
  border-color: #7c9ab6;
  border-style: solid; }
#content form.flow input[type=radio]:focus, #content form.flow input[type=checkbox]:focus {
  border-style: none; }
#content form.flow.erroneous dd.invalid, #content form.flow.erroneous .instructions.error {
  padding: 1em 1em 1em 4.5em !important;
  border: 1px solid red;
  margin-bottom: 1em;
  background-color: #ffe6e6;
  background-image: url(../images/icons/cross_32.png);
  background-repeat: no-repeat;
  background-position: 5px 5px; }
  #content form.flow.erroneous dd.invalid p.error_text, #content form.flow.erroneous dd.invalid h2,   #content form.flow.erroneous .instructions.error p.error_text, #content form.flow.erroneous .instructions.error h2 {
    color: #A31;
    font-weight: bold; }
  #content form.flow.erroneous dd.invalid p.error_text,   #content form.flow.erroneous .instructions.error p.error_text {
    font-size: 120%; }
  #content form.flow.erroneous dd.invalid h2,   #content form.flow.erroneous .instructions.error h2 {
    padding: 0.5em 0 0 0.5em; }
#content form.flow .confirmation_message, #content form.flow .error_message {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  border-color: #429f23;
  background-color: #dfffd6;
  background-image: url(../images/icons/tick_32.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding: 0 2em 2em 2em; }
  #content form.flow .confirmation_message h2, #content form.flow .error_message h2 {
    margin: 0.8em 0 1em 0;
    margin-left: 2em; }
  #content form.flow .confirmation_message .message, #content form.flow .error_message .message {
    background: white;
    padding: 1em;
    margin-top: 1em;
    border: 1px solid #999999; }
    #content form.flow .confirmation_message .message .contact, #content form.flow .error_message .message .contact {
      list-style-type: none;
      padding: 1em;
      margin: 0; }
      #content form.flow .confirmation_message .message .contact li, #content form.flow .error_message .message .contact li {
        padding: 0;
        margin: 0; }
#content form.flow .error_message {
  border-color: red;
  background-color: #ffe6e6;
  background-image: url(../images/icons/cross_32.png); }
#content form.flow .tip {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  background: #ffffcc;
  border-color: #e0c36c;
  padding: 0.2em; }
#content form.flow.completed table td, #content form.flow.completed table th {
  padding: 0.5em;
  background: white;
  color: black; }
#content form.flow.completed table th.key {
  font-weight: normal; }
  #content form.flow.completed table th.key:after {
    content: ":"; }
#content form.flow.completed table .value {
  font-weight: bold; }
#content form.flow fieldset {
  border: 1px solid black;
  margin: 2em 0 1em 0;
  padding: 1em;
  padding-right: 2em;
  clear: right; }
  #content form.flow fieldset legend {
    border: 1px solid black;
    background: white;
    padding: 0.2em 0.3em;
    font-size: 200%; }
  #content form.flow fieldset .instructions {
    font-size: 80%;
      background: #ffffe6;
      border-color: #ffe58e; }
  #content form.flow fieldset dt {
    font-size: 120%;
    margin: 0.5em 0 0 0;
	line-height: 1.333em; }
  #content form.flow fieldset dd {
    font-size: 100%;
    margin: 0 0 0.5em 0;
	line-height: 1.333em; }
    #content form.flow fieldset dd li dt {
      font-size: 100%; }
  #content form.flow fieldset dt, #content form.flow fieldset dd {
    clear: right;
    padding: 0;
    /* Deal with how a nested subsection is displayed */ }
    #content form.flow fieldset dl dl {
      border: 1px solid black;
      background: #efffdf;
      margin: 0.5em 0;
      padding: 0 1em 0.5em 1em; }
    #content form.flow fieldset dt ul.checkbox, #content form.flow fieldset dt ul.radio,     #content form.flow fieldset dd ul.checkbox, #content form.flow fieldset dd ul.radio {
      margin: 0; }
      #content form.flow fieldset dt ul.checkbox li,       #content form.flow fieldset dt ul.radio li,       #content form.flow fieldset dd ul.checkbox li,       #content form.flow fieldset dd ul.radio li {
        margin: 0;
        list-style-type: none;
        line-height: 1em; }
    #content form.flow fieldset dt .hint,     #content form.flow fieldset dd .hint {
      border-width: 2px;
      border-style: solid;
      margin: 1em 0 1em 0;
      padding: 1em;
      color: black;
      background: #ffffcc;
      border-color: #e0c36c;
      float: right;
      clear: right;
      width: 300px;
      margin-top: 0; }
    #content form.flow fieldset dt .inputs,     #content form.flow fieldset dd .inputs {
      margin-left: 1em; }
    #content form.flow fieldset dt .date_picker .date,     #content form.flow fieldset dd .date_picker .date {
      width: 6em; }
#content form.flow .footer {
  border-width: 2px;
  border-style: solid;
  margin: 1em 0 1em 0;
  padding: 1em;
  color: black;
  background: #f4f4f4;
  border-color: black;
  display: block;
  border: 2px solid #333333;
  background: #eeeeee;
  padding: 0.5em;
  margin-top: 2em;
  text-align: center; }
  #content form.flow .footer li {
    display: inline;
    margin: 0.5em;
    white-space: nowrap; }
  #content form.flow .footer .owner_area {
    font-style: italic; }
#content form.flow th {
	text-align: center;
	background: transparent;
	color: #555555;
	font-weight: normal;
	font-size: 120%;
}
#content form.flow td {
	text-align: center;
	padding: 0 0.2em 0.4em 0.2em;
}
#content form.flow div.tableContainer {
	margin: 0.5em 0;
}
#content form.flow table {
	margin: 0;
	width: 100%;
	border: 1px solid black;
	background: #EFFFDF none repeat scroll 0 0;
	clear: right;
	border-collapse: separate;
	border-spacing: 2px;
}

#content form.flow fieldset .nested {
      border: 1px solid black;
      background: #efffdf;
      margin: 0.5em 0;
      padding: 0 1em 0.5em 1em;
}

#content form.flow td.radioTd, #content form.flow td.checkboxTd, #content form.flow td.textTd {
	border-bottom:1px solid #CCCCCC;
	padding: 0;
}

#content form.flow td.radioTd label, #content form.flow td.checkboxTd label, #content form.flow td.textTd label {
	background: #EEE;
	display: block;
	height: 2.8em;
}

#content form.flow td.radioTd input, #content form.flow td.checkboxTd input {
	margin-top: 1em;
}

#content form.flow td.textTd input {
	margin-top: 0.8em;	
}

#content form.flow td.radioTd label:hover, #content form.flow td.checkboxTd label:hover, #content form.flow td.textTd label:hover {
	background: #DDD;
}

#content form.flow fieldset dt .hint, #content form.flow fieldset dd .hint {
	margin-right: 1.0em;	
}
#content form.flow .instructions ul {
	margin-bottom: 0.6666667em;	
}

#content form.flow td.invalid label {
	background: #FFE6E6 url("../images/icons/cross_16.gif") 5px 50% no-repeat;
	border:1px solid red;
}

#content form.flow td.invalid label:hover {
	background: #ffc4c4 url("../images/icons/cross_16_over.gif") 5px 50% no-repeat;
}

label, input[type=submit], input[type=button], select {
	cursor: pointer;	
}

#content form.flow input.error, #content form.flow select.error, #content form.flow textarea.error  {
	font-weight: normal;
	border: 2px solid red;
	color: inherit;
}