/**
 * booking.css
 *
 * $Id: booking.css 1449 2010-08-28 22:51:35Z Dave $
 */
 
/* jQuery Theme */
@import url("/css/jquery-ui/smoothness/jquery-ui-1.8.custom.css"); 

/* Override DatePicker font size */
#ui-datepicker-div {
    font-size: 80%;
}

#addinfo {
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif;
}
#main {
    float: left;
    width: 770px;
    padding: 0 5px 0 2px;
}
#warning-message {
    float: left;
    width: 500px;
    color: #c00;
    font-weight: bold;
    text-align: left;    
    vertical-align: middle;
    padding: 0 0 2px 0;
}
#warning-message img {
    vertical-align: middle;
}

form div#outer {
    width: 750px;
    clear: both;
    float: left;
    background: #F2EFE9 url(/images/bg_form.jpg) repeat-x;
}
form div {
    clear: left;
    margin: 0;
    padding: 0.6em 0 0 0;
}
form fieldset {
    border: none;    
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
form fieldset#details {
    width: 560px;
}
form fieldset#details div label {
    position: relative;
    float: left;
    width: 130px;
    margin-right: 10px;
    text-align: right;  
}
form fieldset#details div label strong {
    position: absolute;
    left: 430px;
    top: 2px;
    width: 22em;
    color: #c00;
    font-size: 85%;
    font-weight: bold;
    text-align: left;    
}
form fieldset#details div input,
form fieldset#details div textarea,
form fieldset#details div select {
    /*border: 1px solid #666;*/
    padding: 2px;    
    width: 280px;
}
form fieldset#details div#sat10 {
    font-size: 80%;
    margin: 0 30px 0 80px;
}
form fieldset#details div label,
form fieldset#details div input,
form fieldset#details div select {
    vertical-align: middle;   
}
form fieldset#numbers {
    float: right;
    width: 170px;  
}
form fieldset#numbers legend {
    color: #003;
}
form fieldset#numbers div {
    float: left;
    width: 100%;
}
form fieldset#numbers div label {
    position: relative;
    float: left;
    width: 40px;
    margin: 0 6px 0 0;
    padding: 0;
    text-align: right;
}
form fieldset#numbers div label,
form fieldset#numbers div input,
form fieldset#numbers div select {
    vertical-align: top;   
}    
form fieldset#numbers div input,
form fieldset#numbers div select {
    /*border: 1px solid #666;*/
    margin: 0;
    padding: 2px;     
}
form fieldset#numbers legend strong {
    color: #c00;
    font-size: 85%;
    font-weight: bold;
    text-align: left; 
}
form div textarea {
    height: 160px;
}
form div input:focus, 
form div textarea:focus {
    border: 1px solid #FFC22B;
}

form fieldset.submit {
    clear: both;
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    border-style: none;
    background-color: #fff;
    background-image: none;
}



/* CAPTCHA */
form fieldset#details div.captcha img,
form fieldset#details div.captcha label,
form fieldset#details div.captcha input {
    vertical-align: middle; 
}
form fieldset#details div.captcha input {
    width: 60px;
    margin-left: 14px;
}    

form fieldset#details div.captcha img.captcha {
    /*border: 1px solid #666;*/
    border: 1px solid transparent;
}