html                            {overflow-y: auto; padding: 0; vertical-align:middle;}

html, body                      {
                                font-size: 90%;
                                background-color: #EEEEEE;
                                color: black;
                                }

form                            {padding: 0; margin: 0}
    
input, select, textarea         {font-family: Verdana,Helvetica,Geneva,sans-serif;
                                font-size: 100%;
                                vertical-align:middle;}
    
a                               {text-decoration:none;
                                color:#cf0c29}
                                  
a:hover                         {text-decoration:underline;}

img                             {border:none;}

h2                              {margin: 20px 0 10px; color: black}

.left                           {float:left}
.right                          {float: right}
.clear                          {clear:both}
.half                           {width:49%}
.full                           {width:100%; clear:both;}
.label                          {padding: 0 10px 0 0;}
.parent                         {padding: 10px 0 0}
label.error                     {color: red}

#calculations                   {display:none}

#memberid                       {border: 1px solid #000;
                                padding: 2px;}

#memberid:focus                 {
                                    outline: none !important;
                                    box-shadow: 0 0 4px #666 !important;
                                }

#mileage                        {width:100%; }

#mileage, #start                {background-color: #FFFFFF;
                                border-color: #EEEEEE #CCC #CCC #EEEEEE;
                                border-radius: 3px 3px 3px 3px;
                                -moz-border-radius: 3px 3px 3px 3px;
                                border-style: solid;
                                border-width: 1px;
                                margin: 10px auto 0;
                                margin-top: 0px;
                                padding: 10px;
                                width: 960px;}

#mileage                        {padding: 0 10px 10px}

#start form                     {margin: 50px 50px;
                                text-align: center;}
                                
#start form input[type="submit"]{background-color: #00B0A5;
                                color: #fff;
                                text-align: center;
                                border: 0;
                                padding: 3px 10px;
                                font-family: "Droid Serif", sans-serif;
                                margin-left: 3px;
                                cursor: pointer;
                                height: 22px;}

.ui-datepicker-trigger          {vertical-align:middle; padding: 0 0 3px}

#message                        {background: #fff;
                                text-align: center; 
                                border: 3px solid #e3e3e3;
                                color: #777777;
                                font: bold 16px Verdana, sans-serif;
                                padding: 50px 10px;}
                           
#calculationform .label         {width:150px;}

.mileage_btn
{
    font-size: 16px;
    height: 50px;
}