/*
Title:    Better2Know Interact styles.
Copyright:  (c) 2009, Bridgeview Partners LLP. All rights resevered (please do not re-use without permission).
*/

/* import reset stylesheet and hide from IE/Mac \*/
@import url("page.css");
/* end import/hide */

/* Contact Form Styling */
div#booking-form {
  margin: 25px 0 25px 10px;
  width: 580px;
  min-height: 300px;
}

  div#booking-form p.form-comment {
    display: inline;
    font-size: 75% !important;
    font-style: italic;
    color: rgb(130,130,130) !important;
  }

  div#booking-form ol {
    margin: 0 20px;
    padding: 0;
    width: 575px;

    border-top: 3px solid rgb(220,220,220);
    border-bottom: 3px solid rgb(220,220,220);
  }

  div#booking-form ol li {
    float: left;
    margin: 0;
    padding: 10px 0 5px 5px;
    width: 570px;

    background-image: none;
    border-bottom: 1px dotted rgb(230,230,230);
  }

  div#booking-form ol li.even-row {
    background: rgb(240,255,235);
    background: transparent;
  }

    div#booking ol li:last-child {
      border-bottom: none;
    }

    div#booking-form ol li.comments-box,
    div#booking-form ol li.submit-buttons {
      text-align: right;
    }

      div#booking-form ol li.comments-box label {
        display: block;

        text-align: left;
      }

    div#booking-form ol li.error {
      background: rgb(255,230,220);
    }

  div#booking-form ol li label {
    /*display: inline-block;*/
    clear: left;
    float: left;
    margin: 0 10px;
    padding: 5px 0 5px;
    width: 170px;

    font-family: Arial, "Lucida Sans Unicode", Helvetica, Cambria, Georgia, "Times New Roman", serif;
    font-size: 100%;
    text-align: left;
    color: rgb(80,80,80);
  }

  div#booking-form ol li input[type="text"],
  div#booking-form ol li select {
    float: left;
    margin: 0;
    padding: 5px;

    font-family: Tahoma, Helvetica, Arial, sans-serif;

    background:#FFFFFF url(../images/_sscms/bg_field.gif) repeat-x scroll left top;
    border-top: 1px solid #7C7C7C;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #C3C3C3;
  }

  div#booking-form ol li input[type="checkbox"] {

  }

  div#booking-form ol li textarea {
    margin-right: 36px;
    padding: 5px;
    width: 297px;

    font-family: Tahoma, Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    font-size: 90%;

    background:#FFFFFF url(../images/_sscms/bg_field.gif) repeat-x scroll left top;
    border-top: 1px solid #7C7C7C;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #C3C3C3;
  }

  div#booking-form ol li.submit-buttons {
    margin-right: 36px;

    border-bottom: none;
  }

  div#booking-form ol li .sscms_highlight_error {
    color: rgb(255,0,0);
  }

  div#booking-form ol li .sscms_highlight_error strong {
    font-weight: bold;
  }

  div#booking-form div .highlight_error,
  div#booking-form legend {
    margin-left: 5px;

    font-size: 160%;
    color: rgb(208,18,36);
  }

    div#booking-form div .highlight_error strong {
      font-weight: normal;
    }

  div#booking-form div p .highlight_error {
    margin-left: 0;

    font-size: 90%;
    color: rgb(80,80,80);

  }

    div#booking-form div .highlight_error p strong {
      font-weight: bold;
    }

    div#booking-form div.content {
      margin: 10px 0 10px 30px;
      padding: 5px;

      background: rgb(255,245,235);
      border: 3px solid rgb(245,225,210);
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    }

    div#booking-form div.content p {
      margin: 10px 5px !important;
    }

  div#booking-form label em {
    color: rgb(222,0,0);
  }