﻿* { margin:0; padding:0; }
body 
{
    background-color:#89b556;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#container {
	width:1000px;
	margin:0 auto;
	padding: 0 10px;
}
#header {
  position:relative;
  width: 100%;
  height:81px;
}
#header h1 {
  display:block;
  float:left;
  width:269px;
  height:81px;
  background:url(../formimages/logo2.png) no-repeat 0 0;
  text-indent:-9999px;
}
#header h1 a {
  display: block;
  height: 100%;
  width: 100%;
}
#menubar
{
    width:1000px;
    margin:10px 0 auto;
    padding:0;
    height:37px;
}
#menubar ul
{
    width:663px;
    margin:0 auto;
    padding:0;
}
#menubar ul li
{
    display:block;
    float:left;
    height:37px;
    list-style-type:none;
    padding:0;
}
#menubar img
{
    display:block;
    border:0;
    text-decoration:none;
    
}
#mainbody
{
    width:1000px;
    margin:5px auto;
    padding:10px;
}
#leftcontent
{
    width:684px;
    float:left;
    padding:5px;
    height:auto;
    margin:0 5px 0 0;
}
#rightcontent
{
    width:290px;
    /*background-color:#f4f4f4;*/
    float:left;
    padding:3px;
    height:auto;
    margin:5px 0 0 5px;
}
#lefttop
{
    background:url(../formimages/contentbgtop.png) no-repeat 0 0;
    height:12px;
}
#leftbottom
{
    background:url(../formimages/contentbgbottom.png) no-repeat 0 0;
    height:19px;
}
#leftmiddle
{
    background:url(../formimages/contentbgmiddle.gif) repeat-y 0 0;
    height:inherit;
    padding:5px 15px;
    min-height:200px;
}
#leftmiddle .error { color:Red; line-height:15px;}
#leftmiddle .phone { color:Green; text-align:center;}
#leftmiddle .note { color:Gray; font-size:10px; margin-top:14px;}

#footer{ font-size:12px; color:#fff; line-height:18px; text-align:center; width:1000px; margin:10px auto; 
         height:25px; display:block; padding:0; float:left;}
#footer a{ text-decoration:none; color:#fff;}

.myform{
margin:0 auto;
width:600px;
padding:14px;
}


/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

.validationsummary 
{
    border:1px solid #FC6;
    background-color: #FFC;
    background:#FFC url(../formimages/err.gif) no-repeat 28px 31px;
    background-position:left top;
    padding: 3px 0px 10px 0px;
    margin: 5px 0 10px 0 auto;
    font-size: 12px;
    width:90%;
    color:Red;
}
.validationheader
{
    padding-top:3px;
    padding-left:30px;
    position:relative;
    font-weight:bold;
}
.validationsummary ul
{
    padding:5px 0 10px 50px;
}
.validationsummary ul li
{
    padding:2px 0px 0px 1px;
}

/* Form styles */
div.form-container { margin: 10px auto; width:500px; padding: 10px; background-color: #ebf4fb; border: #b7ddf2 2px solid; min-height:250px; height:auto; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container p { margin: 0; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container div { padding: 0.25em 0; }
div.form-container div span { padding:0 0.25em; }
div.form-container label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: left; position: relative; font-weight:bold; }
div.form-container label.smlabel { margin-right: 1px; padding-right: 1px; width: 50px; float: left; text-align: right; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input {border:solid 1px #aacfe4; font-size: 12px; padding:1px;}
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container controlset label, 
div.form-container controlset input { display: inline; float: none; }
div.form-container controlset label.controlset { display: block; float: left; }
div.form-container controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
div.form-container div.full2 { margin:5px 0 0 0 auto; width:100%; padding:7px 0; float:left; }
div.form-container div.full2 label { padding: 0 10px 0 5px; float:right; text-align:left; position: relative; font-weight:normal; width:auto;}
div.form-container div.full2 label.leftlabel2 { padding-right: 5px; padding-left:0; width:150px; float: left; text-align: left; position: relative; font-weight:bold;}
div.form-container div.full2 div {  margin-bottom:0px; display:block; width:300px;}
div.form-container div.full2.error2 {  color:#c00; width:2px;}

.continue 
{
    width:100%;
    margin:2px 50px 0 auto;
    text-align:center;
}

.drbuttons
{
    margin:10px 0 5px 0;
    padding-top:10px;
 width:90%;
 text-align:center;  
 vertical-align:bottom; 
 
}

.fullwidth
{
    margin:10px 0 0 0;
    width:684px;
}

#divDriversIncidents
{
    margin: 0 0 30px 0 auto;
    width:684px;
    padding:3px;
    height:auto;
}

/*
#divDrivers
{
   width:90%;
   margin:5px auto;
   padding:3px;
   height:auto; 
   min-height:100px;
   /*background-color:#f7e2a4;   
}
*/

#divDriversOld
{
   width:320px;
   float:left;
   margin:3px 3px 0 3px;
   padding:3px;
   height:auto; 
   min-height:100px;
   background-color:#f7e2a4;   
}

#divIncidents
{
    width:300px;
    float:left;
    margin:3px 3px 0 3px;
    padding:3px;
    height:auto;
    min-height:100px;
    background-color:#ececec;
}

div.vehicle-form { margin: 10px auto; width:620px; padding: 10px; background-color: #ebf4fb; border: #b7ddf2 2px solid; min-height:350px; height:auto; }
div.vehicle-form div.left { margin:0 auto; width:330px; padding:2px; float:left; min-height:50px;}
div.vehicle-form div.middle { margin:0 auto; width:1px; padding:0px; float:left; background-color:#b7ddf2; min-height:270px}
div.vehicle-form div.right { margin:0 auto; width:265px; padding:2px 2px 2px 5px; float:right; min-height:50px}
div.vehicle-form div.left label { padding-right: 10px; width: 40px; display: block; float: left; text-align: left; position: relative; font-weight:bold; }
div.vehicle-form div.left div {  margin-bottom:5px;}
div.vehicle-form div.right div {  margin-bottom:5px; display:table; width:250px;}
div.vehicle-form div.right label { padding-right: 10px; width: 70px; display: block; float: left; text-align: left; position: relative; font-weight:bold;}
div.vehicle-form div.full { margin:2 auto; width:100%; padding:5px; float:left; min-height:50px;}
div.vehicle-form div.full label { padding: 0 10px 0 5px; float:right; text-align:left; position: relative; font-weight:bold;}
div.vehicle-form div.full label.leftlabel { padding-right: 5px; width:200px; float: left; text-align: left; position: relative; font-weight:bold;}
div.vehicle-form div.full div {  margin-bottom:5px; display:block; width:500px;}

.modalform
{
  width:500px; height:300px; padding:10px; margin: 0 auto; border:2px solid #b7ddf2; background-color:White; display:none;
}
.modalBackground 
{
    background-color:Gray;filter:alpha(opacity=70);opacity:0.7;
}

h2{ color:#0864ae;}

.h3{ color:#0864ae; font-size:18px; font-weight:bold; margin-top:15px;}