body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html { font-size: 100.01%; }
body { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; text-align: center; background: #f6f6f6 url(bg.png) repeat-y top center; }

#page { width: 800px; margin: 0 auto; text-align: left; padding: 15px 30px 30px; }

table.header { width: 100%; text-align: center; }
td.header-text { font-size: 1.4em; }
td.header-image-left { width: 150px; height: 100px; }
td.header-image-right { width: 150px; height: 100px; text-align: right; }

div.navi { position: relative; height: 1.2em; margin-top: 15px; }
ul.user-nav { position: absolute; bottom: 0; right: -15px; font-size: 1.2em; }
ul.user-nav li { float: left; display: inline; }
ul.user-nav li { margin-right: 15px; }
ul.user-nav a { color: #777; text-decoration: none; }
ul.user-nav a:hover { color: #000; text-decoration: underline; }

/*
	Reservation Page
*/
#reservation-form fieldset { margin-top: 20px; border: 1px solid #555; clear: both; padding-bottom: 20px; }
#reservation-form h5 { color: #eee; background-color: #555; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.02em; padding: 7px 15px; border-color: #333; }
#reservation-form label { float: left; display: block; width: 200px; font-size: 1.2em; line-height: 1.5em; text-align: right; clear: left; margin: 0 5px 3px 0; padding: 3px 0; }
#reservation-form input, #reservation-form select, #reservation-form textarea { float: left; }
#reservation-form input, #reservation-form textarea { padding: 3px; border: 1px solid #333; }
#reservation-form textarea { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
#reservation-form input[type=radio], #reservation-form input[type=checkbox] { border: none; margin: 3px 3px 0 0; }
#reservation-form select { margin-top: 2px; }  

#reservation-form td.cb { padding-left: 205px; }
#reservation-form td.cb input { float: left; width: auto; margin-top: 5px; }
#reservation-form td.cb label { float: left; width: 130px; text-align: left; clear: none; }
#reservation-form tr.hide, #reservation-form td.hide { display: none; }

#reservation-form table.flight-info label { width: 130px; }
#reservation-form table.flight-info label.inline { display: inherit; width: auto; clear: none; padding: 0 5px; height: 1em; }
#reservation-form table.service-requests label { display: inherit; font-size: 12px; float: none; width: auto; padding-right: 10px; }
#reservation-form table.service-requests td.label { width: 375px; text-align: right; padding-right: 10px; }
#reservation-form table.service-requests td.cntr { text-align: center; }
#reservation-form table.service-requests input { float: none; }
#reservation-form table.service-requests { font-size: 1.2em; line-height: 1.5em; width: 100%; }

#reservation-form div.submit-info input { float: none; width: auto; } 
div.submit-info { margin-top: 20px; text-align: center; }
#reservation-form div.submit-info label.save-settings { float: none; width: auto; text-align: center; margin-top: 10px; }
#reservation-form div.submit-info label.save-settings span { font-size: 0.8em; }
div.info { font-size: 1.1em; line-height: 1.5em; margin-top: 15px; text-align: center; }
span.description {clear:both; color:#777; display:block; padding-left:135px;}

ul.errors, ul.msg { color: #eee; border: 1px solid #300; background-color: #700; margin-top: 15px; padding: 15px; }
ul.errors li, ul.msg li { font-size: 1.2em; line-height: 1.5em; }
ul.errors a, ul.msg a { color: #fff; }
ul.errors a:hover, ul.msg a:hover { text-decoration: none; }
ul.msg { background-color: #070; border: 1px solid #030; }

#page div.info p { font-size: 11px; line-height: 16px; margin: 15px 0 0 0; }

/*
	Reservation success output
*/
#page h3 { font-size: 1.8em; margin: 1em 0; }
#page h4 { font-size: 1.2em; font-weight: bold; margin: 1em 0; }
#page p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em; }
div.barcode { margin: 1em 0; text-align: center; }

/*
	Login/Password Reset Page
*/
#login-form fieldset, #password-reset-form fieldset { margin-top: 20px; border: 1px solid #555; clear: both; padding-bottom: 20px; }
#login-form h5, #password-reset-form h5{ color: #eee; background-color: #555; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.02em; padding: 7px 15px; border-color: #333; }
#login-form label, #password-reset-form label { float: left; display: block; width: 300px; font-size: 1.2em; line-height: 1.5em; text-align: right; clear: left; margin: 0 5px 3px 0; padding: 3px 0; }
#login-form input, #password-reset-form input { float: left; padding: 3px; border: 1px solid #333; }
#login-form div.submit-login input, #password-reset-form div.submit-reset input { float: none; }
div.submit-login, div.submit-reset { margin-top: 10px; text-align: center; clear: both; }
div.submit-login p, div.submit-reset p { font-size: 1.1em; margin-top: 10px; }
div.submit-login a, div.submit-reset a { color: #777; }
div.submit-login a:hover, div.submit-reset a:hover { color: #000; }

div.user fieldset { margin-top: 20px; border: 1px solid #555; clear: both; padding-bottom: 20px; }
div.user fieldset p, fieldset .indent { margin-left: 30px; }
div.user h5 { color: #eee; background-color: #555; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.02em; padding: 7px 15px; border-color: #333; }
div.config-link { position: absolute; top: -34px; right: 5px; height: 22px; }
div.config-link a { color: #111; display: block; font-size: 12px; padding: 5px 10px; background-color: #ddd; text-decoration: none; }

table.vehicles-list, table.reservations-list, table.user-info { font-size: 1.2em; margin: 0 15px; width: 765px; }
table.vehicles-list a, table.reservations-list a, table.user-info a { color: #777; text-decoration: none; }
table.vehicles-list a:hover, table.reservations-list a:hover, table.user-info a:hover { color: #111; text-decoration: underline;; }
table.vehicles-list td, table.reservations-list td, table.user-info td { padding: 5px; }
table.vehicles-list thead td, table.reservations-list thead td { font-weight: bold; border-bottom: 1px solid #777; }
table.vehicles-list tr.even td, table.reservations-list tr.even td { background-color: #f0f0f0; }
table.vehicles-list td , table.reservations-list td { border-bottom: 1px solid #ddd; padding: 7px 0 7px 12px; }
table.vehicles-list tr.vehicle-select td { border: none; padding: 10px 10px 0 0; text-align: right; }
table.vehicles-list tr.vehicle-select td input { margin-left: 5px; }
table.user-info { width: auto; }
table.user-info td.tag { text-align: right; }
table.user-info td.edit-link { padding-left: 15px; }
table.vehicles-list td.form { width: 60px; padding-right: 10px; }
table.reservations-list td.form { padding-right: 0; }
#reservation-edit { width: 50px; } 
#reservation-delete { width: 70px; } 
#reservation-print { width: 50px; }

div.add-vehicle { font-size: 1.2em; margin: 0 30px 15px; text-align: right; }
div.add-vehicle a { color: #777; text-decoration: none; }
div.add-vehicle a:hover { color: #111; text-decoration: underline; }

form.vehicle-action input, table.vehicles-list td input, form.reservation-action input { color: #111; background-color: #eee; border: 1px solid #777; padding: 2px 3px; }

.cntr { margin-top: 25px; text-align: center; }
br.clear { display: block; width: 0; height: 0; overflow: hidden; clear: both; }