/* 
    Document   : quote
    Created on : Nov 30, 2009, 2:35:37 PM
    Author     : anver
    Description:
        styles the quotation page.
*/
@import url('datePicker.css');
#divContent { width: 700px; }
#divQuote { padding: 20px 0; }
fieldset { margin: 20px 0; border: 2px solid #E7EEF3; font: bold 16px Arial, Helvetica, sans-serif; color: #385872; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
legend { margin: 0 0 0 10px; }
span.req { color: red; }
.text { width: 200px; }
label { float: left; width: 250px; margin: 0 10px 0 0; text-align: right; font: bold 11px/25px Arial, Helvetica, sans-serif; color: #5887AE; vertical-align: baseline; }
#divQuote ul.chk_options { margin: 0 0 0 255px; }
#divQuote ul.chk_options label { float: none; text-align: left; }
#divQuote ul.chk_options span.jqTransformCheckboxWrapper { margin: 5px 10px 0 0; }
div.divService { margin: 0 0 0 255px; }
div.divService label { float: left; width: 150px; margin: 0 0 0 10px; text-align: left; line-height:20px; }

.area { width: 350px; }
button#submit_quote span span { width: 100px; font: bold 12px/18px Arial, Helvetica, sans-seriff; }
span#date_picker a { float: left; width: 16px; height: 16px; }

a.dp-choose-date { float: right; width: 16px; height: 16px; margin: 7px 3px 0; text-indent: -2000px; overflow: hidden; background: url(../images/calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied { width: 140px; float: left; }
#multimonth { border: 2px solid #000; overflow: auto; float: left; }
.dp-applied { float: left; }
table.jCalendar { border: none; }
.dp-popup-inline { height: 160px;}
#divResults #divErrWrap { margin: 10px 0; padding: 15px 0; text-align: center; border: 3px solid #FF8989; -moz-border-radius: 5px; -webkit-border-radius: 5px; }