/*----------------------------------------------------------------------------------------------------
Savon Prescription Forms CSS
Author : john.s.dawson@supervalu.com

Created : 10/09/09
----------------------------------------------------------------------------------------------------*/
input.required,
input.optional,
textarea {
  border: 1px solid #a5acb2;
  color: #666;
  height: 1.3em;
  padding-left: 2px;
  padding-top: 2px;
  vertical-align: baseline;
}
  select.required,
  select.optional {
    border: 1px solid #a5acb2;
    color: #666;
    height: 1.7em;
    vertical-align: baseline;
  }
  input.readOnly,
  select.readOnly,
  textarea.readOnly {
    background-color: #f5f5f5;
    color: #999999;
  }
  input.valid,
  select.valid,
  textarea.valid {
    background-color: #ffffff;
    border-color: #a5acb2;
    color: #333333;
  }
  input.invalid,
  select.invalid,
  textarea.invalid {
    background-color: #ffe8e9;
    border-color: #b3473a;
    color: #b3473a;
  }
  input.inline,
  input.inline,
  textarea.inline,
  select.inline {
    margin-left: 6px;
  }
  
label {
  font-weight: bold;
}
  label.block {
    line-height: 2.2em;
    vertical-align: baseline;
  }
  
.city {
  width: 12.6em;
}

.continue {
  clear: both;
  padding-top: 5px;
}
  .continue div {
    float: left;
  }
  
.creditCardNo {
  width: 12em;
}
  .creditCardholder {
    width: 16.5em;
  }
  .creditCardCode {
    width: 2.5em;
  }
  
.datepicker {
  margin-right: 5px;
  width: 6.3em;
}
  
.fieldErrorMessage {
  color: #b3473a;
  font-style: normal;
  font-weight: bold;
}


.formMessage {
  clear: both;
  float: left;
  padding: 5px 0;
  width: 100%;
}

.formRow {
  clear: both;
  float: left;
  padding: 5px 0px;
  width: 100%;
}
  /*
    This fixes the blasted IE6 random text repeating bug
    http://www.positioniseverything.net/explorer/dup-characters.html
  */
  .formRowIEBugFix {
    width: 99%;
  }
  .formRow div {
    float: left;
    padding-bottom: 5px;
  }
    .formRow div.wide {
      clear: both;
      width: 100%;
    }
    .formRow div.inline {
      padding-bottom: 0px;
      padding-top: 0px;
    }
    .formRow div.fieldErrorMessage {
      clear: both;
      display: block;
      font-style: normal;
      padding: 0px;
    }
      .formRow div.fieldErrorMessage em {
        font-style: normal;
      }
  .formRow p {
    padding-bottom: 5px;
  }
  
.fullName,
.address {
  width: 25.5em;
}
  
.optionalMsg,
.fieldNote {
  color: #999999;
  font-size: 0.9167em;
  font-style: normal;
  font-weight: normal;
}

.phoneAreaPart,
.phonePrefixPart {
  width: 2em;
}
.phoneNumberPart {
  width: 2.6em;
}

.state {
  margin-right: 0.4em;
}

.subdued {
  color: #999;
}

.zip {
  width: 4em;
}
  .zip4 {
    width: 3.3em;
  }
    
#form  {
  float: left;
  padding-top: 2px;
  padding-bottom: 45px;
}

#formWrapper {
  float: left;
  width: 100%;
}
  #formWrapper img {
    display: inline;
  }

#customToolTip,
.richToolTip {  
  background: transparent url('/content/rx/images/bgToolTipArrow.gif') no-repeat 0px -45px;
  display: none;
  font-size: 1.2em;
  padding-left: 12px;
  position: absolute;
  text-align: left;
}
  #customToolTip.left {  
    background: transparent url('/content/rx/images/bgToolTipArrowRight.gif') no-repeat right -45px;
    padding-right: 12px;
  }
  #customToolTipContent,
  .richToolTipContent {  
    background: #ffffd9;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 15px;
    width: 20em;
  }
    #customToolTip.left #customToolTipContent {  
      border-left: 1px solid #ccc;
      border-right: none;
    }
    .richToolTip.left {  
      background: transparent url('/content/rx/images/bgToolTipArrowRight.gif') no-repeat right -45px;
      padding-right: 12px;
    }
    .richToolTip.left * {  
      border-left: 1px solid #ccc;
      border-right: none;
    }