/* form.form.css */
form.form {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  min-width: 560px;
  max-width: 100%;
  width: 100%;
}

form.form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #EAEAEA;
  border-width: 1px;
  border-style: solid solid solid solid;
  padding: 10px;
  margin: 0 0 0 0;
}

form.form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

form.label {
  font-size: 100%;
}

form.label u {
  font-style: normal;
  text-decoration: underline;
}

form.input, form.select, form.textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

form.textarea {
  overflow: auto;
}

form.form div {
  clear: left;
  display: block;
  width: 70%;
  vertical-align:text-top;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form.form fieldset div.notes {
  float: right;
  width: 24%;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form.form fieldset div.notes h4 {
  background-image: url(/img/form/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 80%;
}

form.form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form.form fieldset div.notes p.last {
  margin: 0em;
}
.country_code { width:30px; }

form.form  div.login_zone{
    clear:none;
    width:30%;
    float:left;
    background-color:#EAEAEA;
}
form.form  div.login_zone label{
    width:100%; clear:both; text-align:left; padding:0 0 0 5px;
}
form.form  div.register_zone{
    clear:none;
    width:68%;
    float:left;
    background-color:#FFE5E5;
}
form.form  div.login_zone div , form.form  div.register_zone div {
    width:100%;
}
form.form div input[type=text] , form.form div input[type=password],form.form div textarea{
    width:50%;
}

form.form div div.input {
     clear: none;
    margin: 0 0 0 33%;
    vertical-align:top;
    width:62%;
  /* padding: 0 5px 5px 5px;*/
}
form.form div div.input label {
  clear:none;
  float:none;
  padding: 0;
  display:inline-block;
  vertical-align:middle;
  width:auto;
  text-align:left;
}

form.form div div.input label.notbr {
  float: left;
  padding: 0;
  width:32%;
  line-height:1em;
  text-align: left;
}



form.form div label {
  /* display:inline-block;*/
  float: left;
  width: 30%;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}


form.form div label.labelCheckbox, form.form div label.labelRadio {
  float: none;
  display: block;
  width: 300px;
  /*zoom: 1; */
  padding: 0;
  margin: 0 0 5px 29%;
  text-align: left;
}

form.form div fieldset label.labelCheckbox, form.form div fieldset label.labelRadio {
  margin: 0 0 5px 0;  
}

form.form div img {
  border: 1px solid #000000;
}


form.form div.error {
  background-color: #ffffe1;
  background-image: url(/img/form/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form.form div.errorMessage {
    background-repeat:no-repeat;
    padding-left:20px;
    height:1.5em;
    line-height:1.5em;    
  background-image: url(/img/form/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form.form div select, form.form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form.form div input.inputText, form.form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form.form div input.inputFile {
  width: 211px;
}

form.form div select.selectOne, form.form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form.form div input.inputCheckbox, form.form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form.form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form.form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form.form div input.inputSubmit, form.form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form.form div.submit div input.inputSubmit, form.form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form.form div small {
  display: block;
  margin: 5px 0 5px 31%;
  padding: 1px 3px;
  line-height:1.3em;
  font-size: 88%;  
}
