
/* additional style for request page */
div.clearDiv { clear: both; font-size: 0; height: 0; margin: 0; padding: 0; width: 0; }
/* left header div with message or object information */
#innerMain .rqHeaderLeft {float: left; width: 560px; margin-bottom: 8px;}
#innerMain .rqHeaderLeft p.objectTitle {font-size: 13pt; float: left; margin-left: 10px; width: 380px; }
#innerMain .rqHeaderLeft .image { margin: 3px 2px 2px 10px;}
#innerMain .rqHeaderLeft .image img{margin-right: 7px; margin-bottom: 5px;}
#innerMain .rqHeaderLeft .message1{font-size: 11pt; margin: 2px 2px 2px 10px;}
#innerMain .rqHeaderLeft .message2{font-size: 11pt; margin-bottom: 7px;}
#innerMain  .rqHeaderLeft .box {margin-bottom: 8px; height: auto;}
#innerMain  .rqHeaderLeft #furtherLocationLinks{margin-left: 10px; margin-bottom: 5px;}

/* right header div with contact information */
#innerMain  .rqHeaderRight {float: right; width: auto; margin-bottom: 8px;}
#innerMain  .rqHeaderRight  p.backAction {padding: 0;margin: 6px 5px 6px 0px; font-size: 11pt;}
#innerMain  .rqHeaderRight  p.backAction img{margin: 0px 5px -3px 0px;}
#innerMain  .rqHeaderRight  p.backAction a {font-weight: bold}
#innerMain .rqHeaderRight .box  {margin-bottom: 8px;}
#contactUL { margin: 0 0 3px 10px; padding: 0;}
#contactUL  li{ padding: 1px;}

/* reqwuest form */
#rqForm {font-size: 11pt;}
#rqForm .box {margin-bottom: 8px;}
#rqForm .box h2  span.reqFields { float: right; line-height: 150%; font-size: 0.8em; margin-right: 8px;}
#rqForm .box .rqLeft {  float: left;  width: 455px; }
#rqForm .box .rqRight {  float: right;  width: 455px; }

#rqForm  p  {margin: 6px 0px 6px 10px;}
#rqForm  p.required  {font-weight: bold;}

/* select and input fields and labels - general */
#rqForm label {display: block; float: left; width: 170px;  margin-bottom: 4px;}
#rqForm select {padding: 2px; width: 190px; margin-bottom: 4px;}
#rqForm input {width: 182px; padding: 3px;  margin-bottom: 4px;}
#rqForm input[type="checkbox"] {width: auto;}
/* length for single input fields with id */
#rqForm #rqAddress {width: 143px;}
#rqForm #rqHouseNumber {width: 27px;}
#rqForm #rqZipCode {width: 40px;}
#rqForm #rqCity {width: 130px;}
#rqForm #animals {float: left; margin-top: 2px; width: auto;}
#rqForm #rqPhoneAdd, #rqForm #rqFaxAdd {width: 52px;}
#rqForm #petAdd {font-weight: normal; margin-left: 5px;}
#rqForm #rqPhone, #rqForm #rqFax {color: #999999; width: 126px;}
#rqForm #rqAdditions {margin-top: 10px; width: 358px; }
#rqForm .privacy input[type="checkbox"] {margin: 0 6px 0 0; padding: 0; vertical-align: baseline;}

#rqForm #agencyImage {float:right; border:0px solid #ffffff; margin-bottom: 5px;}

/* search service form special needs */
#rqForm  fieldset { border: 1px solid #DEDEDE; margin: 0px 0px 0px 5px; padding: 0; width: 380px; }
#rqForm  fieldset p {margin-left: 6px;} 
#rqForm  legend {color: #000000; margin-left: 10px;}

#rqForm  #rqSpecialAttributes ul {margin: 0; padding: 0;}
#rqForm  #rqSpecialAttributes li { float: left; padding: 6px 6px 0; width: 212px;}
#rqForm  #rqSpecialAttributes input { float: left; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#rqForm  #rqSpecialAttributes label {margin-top: 1px; margin-bottom: 0px; padding-left: 5px; width: auto;}
#rqForm  #rqSpecialAttributes {margin-bottom: 10px; margin-top: 10px; padding-bottom: 6px; width: 940px}

/* calendar input fields, img */
#rqForm #cl1Day, #rqForm #cl2Day { width: 45px;}
#rqForm #cl1Month, #rqForm #cl2Month {width: 141px;}
/* calendar icon inside input box */
#rqForm input#startDate, input#alternative {background-image: url("/images/calendar_view_day.png"); background-position: 168px center; background-repeat: no-repeat; padding: 2px; border: 1px solid #BBBBBB;}



#lyLayerDiv {
    background-color: #DEDEDE;
    border: 2px solid #FFFFFF;
    color: #000000;
    font-size: 10pt;
    margin-left: -4px;
    margin-top: -4px;
    min-height: 100px;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    width: 400px;
    z-index: 1000;
}

#lyLayerDivShadow {
    background-image: url("/image/shadow_2.png");
    background-position: 4px 4px;
    background-repeat: repeat;
    display: none;
    left: 50%;
    margin: 0 5px 5px 0;
    padding-bottom: 4px;
    padding-right: 3px;
    position: absolute;
    top: 50%;
    z-index: 999;
}

#lyLayerDivBg {
    background-image: url("/image/bg_shadow.png");
    background-repeat: repeat;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99;
}

#lyLayerDiv h2 { padding: 0px;}
#lyLayerDiv input { margin-top: 4px;}

