@charset "utf-8";
/* CSS Document */

#quotation fieldset label {
	width: 40%;
	display: block;
	clear: both;
	float: left;
    font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
    padding-top: 6px;
    font-weight: bold;
    text-align: right;
    overflow: auto;
}
#quotation fieldset label.radio {
	width: 100%;
	display: block;
	clear: both;
    font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
    padding-top: 0px;
    font-weight: normal;
    text-align: left;
}
#quotation fieldset input,textarea,select {
	width: 50%;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
    padding: 5px;
}

#quotation fieldset input.href {
	background: none;
	border: none;
	color: #4288e8;
	text-decoration: none;
	width: 80%;
    text-align: left;
}
#quotation fieldset input.href:hover {
	color: #0d499b;
	text-decoration: underline;
}
#quotation fieldset input[type=radio] {
	width: 10px;
}
#quotation fieldset input[type=submit].add_button {
    height: 32px;
    background-color: #FFF;
    padding:5px 5px 5px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url('/images/icons/add.png');
    float: right;
    font-weight: bold;
    color: #4288E8;
    border: none;
}
#quotation fieldset input[type=submit].add_button:hover {
    text-decoration: underline;
    color: #0d499b;
}
#quotation fieldset input[type=image].x {
    height: 16px;
    width: 16px;
    margin: 0px;
    padding: 0px;
}
#quotation fieldset label.date {
	clear: both;
    float: none;
    text-align: center;
	width: 100%;
}
#quotation fieldset select.date {
    width: 60px;
    border: 0px;
    margin-left: 2px;
}
#quotation fieldset select.year {
    width: 80px;
}
#quotation fieldset select.month {
    width: 130px;
}
#quotation fieldset input[type='submit'] {
    margin: 0 auto 0 auto;
}
#quotation fieldset {
	border: none;
}
#quotation fieldset legend {
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 16px;
}
#steps .active {
	font-size: 16px;
	font-weight: bold;
}
#quotation #pickup_details #pickup_scroll {

}
#quotation #pickup_details #pickup_scroll .map_canvas {
	width: 600px;
    height: 200px;
}
#quotationHelper h3{ 
	font-size: 20px;
}
#quotationHelper .destination{ 
	display: block;
	padding-left: 10px;
}
#quotationHelper h3{ 
	font-size: 20px;
}
#quotation .mapBox_selected {
	float: left;
    width: 40%;
    overflow: auto;
    margin-left: 10px;
    border: 1px solid;
    padding: 10px;
    color: #00529B;
    background-color: #BDE5F8;  
    position: relative;
    left: 25px;  
}
#quotation .mapBox_selected .x {
	position: relative;
    top: -98px;
    float: right;
}
form input.next {
	width: 185px;
	height: 55px;
	background: none;
	border: none;
	background-image: url(/images/layout/orangeButton.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
	text-transform: uppercase;
	text-align: left;
	padding-left: 15px;
}
form input.next:hover {
	background-position: bottom;
}
form input.previous {
	background: none;
	border: none;
	background-position: top;
	font-family: "Arial", Gadget, sans-serif;
    font-size: 12px;
	color: #000;
	text-align: left;
	padding-left: 15px;
    color: #4288E8;
}
form input.previous:hover {
    text-decoration: underline;
    color: #0d499b;
}
#controls {
	border-top: 1px solid #000;
	text-align: center;
    padding-top: 5px;
}
#vehicleList,.vehicleList {
	float: left;
    width: 50%;
}
div.error {
    width: 90%;
}
div.error p {
	text-align: right;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-right: 40px;
}
input.error {
    border: 2px solid #D8000C;
}
div.extraInfo #map_canvas {
	margin-top: 5px;
    margin-bottom: 5px;
	width: 250px;
    height: 200px;
}
div.extraInfo #map_canvas_waiting {
	margin-top: -205px;
    margin-bottom: 5px;
	width: 245px;
    height: 195px;
	border: 3px dashed #000;
    position: relative;
}
div.extraInfo #map_canvas_text {
	margin-top: -200px;
    position: relative;
    
    padding: 40px 20px 20px 20px; /* Top, Right, Bottom, Left */
    
    font-size: 36px;
    text-align: center;
    
	width: 205px;
    height: 145px;
}
div.extraInfo #map_canvas_overlay {
	width: 245px;
    height: 195px;
    background-color: #FFFFFF;
    filter:alpha(opacity=80);
    opacity:.8;
}
div.notice {
	width: 80%;
	margin: 0 auto 0 auto;
	background-color: #f4f4f4;
}


#quotation .mapBox_selected input.refineAddress {
	margin: 0px;
	padding: 2px;
	border: 0px;
	font-size: 10px;
}