@CHARSET "UTF-8";
html, body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; margin:0px auto; background:none; }

h2 { margin: 0; clear: both;color: #343434; font-weight: normal; font-size: 20px; line-height: 26px;  padding-left: 14px;}
h3, h2.error, h2.warning { margin: 0; clear: both;color: #343434; font-weight: normal; font-size: 18px; line-height: 26px; padding-left: 14px; }
h3 {font-size:14px;color:#69f;margin-left:0px;padding-left:10px;}

h2.error, h2.warning, h3.warning {color:#990000;}
h2.confirm { margin: 0; clear: both; color: #343434; font-weight: normal; font-size: 20px; line-height: 30px; }
h2.success { margin: 0; clear: both; background: url(../images/confirm.png) no-repeat 0px 6px; padding-left: 34px; color: #343434; font-weight: normal; font-size: 20px; line-height: 26px; }

#icbe_main { float:center; margin:auto; min-width: 480px; width:100%; }
#book-container, #track-container { position: relative; min-height:480px; }
fieldset { border: 0px none; position: relative; padding: 0; margin:0;}
ul.progress { background: url(../images/bar.png); height: 29px; margin: 0; padding: 0; list-style: none; }
ul.progress li {  position: relative; height: 29px; line-height: 29px; margin: 0px 0 0 0; padding: 0 30px 0 30px; background: url(../images/bar-sub.png) no-repeat right top; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #999; text-shadow: white 0px 1px 1px; float: left; }
ul.progress li.stage-clear { background: url(../images/bar-sub-none.png) no-repeat right top }
ul.progress li.active { background: url(../images/bar-sub-active.png) no-repeat right top; color: white; text-shadow: #326490 0px 1px 1px; }
ul.progress li.active span { position: absolute; left: 0px; top: 0px; width: 8px; height: 29px; background: url(../images/bar-tail.gif) no-repeat left top; }
DIV.form-container, DIV.confirm-container, DIV.track-container {  width: 100%;  }
DIV.container { background: #f1f1f1; border-bottom:1px solid #ccc;border-top:1px solid #fff;}
DIV.container-has-changes {background:#FFF88D;}
DIV.container-inner { padding: 1%; width: 98%;padding-top:10px;padding-bottom:10px; }
DIV.content-container { width: 100%; position: relative; }
DIV.form { width: 37.33%; padding-bottom:10px;}
dl.form-entry, dl.form-entry dt, dl.form-entry dd { margin: 0; padding: 0; }
div.content-container { }
div.form dl.form-entry { width: 100%;  }
div.form dl.form-entry { position: relative; width: 100%; height: 40px; }
div.form dl.form-entry dt { position: absolute; left: 0.5%; width: 24.5%; height: 40px; text-align: right; }
div.form dl.form-entry dd { position: absolute; left: 25.5%; width: 74.5%; height: 40px; }
div.form dl.form-entry dt label { line-height: 40px; color: #333; }
div.form dl.form-entry div.error { background: #69f url(../images/white-arrow-left.png) 10px 10px no-repeat; position: absolute; z-index: 99; left: 92%; width: auto; white-space: nowrap;  color: #fff; border: 1px solid #333; top: 6px; height: 34px; line-height: 32px; padding-left: 30px; padding-right: 10px; margin-left: 2px; }
div.content-container dl.form-entry { width: 100%;  }
div.content-container dl.form-entry { position: relative; width: 100%; height: 40px; }
div.content-container dl.form-entry dt { position: absolute; width: 147px; height: 40px; text-align: right; }
div.content-container dl.form-entry dd { position: absolute; left: 157px; width: 400px; height: 50px; }
div.content-container dl.form-entry dt label { line-height: 40px; color: #333; }
div.content-container dl.form-entry div.error { background: #69f url(../images/white-arrow-left.png) 10px 10px no-repeat; position: absolute; z-index: 99; left: 92%; width: auto; white-space: nowrap; color: #fff; border: 1px solid #333; top: 6px; height: 34px; line-height: 32px; padding-left: 30px; padding-right: 10px; margin-left: 2px; }
span.dd-info { float: left; height: 40px; line-height: 40px; }
dl.form-data, dl.form-data dt, dl.form-data dd { margin: 0; padding: 0; }
div.form dl.form-data { width: 100%;  }
div.form dl.form-data { position: relative; width: 100%; height: 50px; }
div.form dl.form-data dt { position: absolute; left: 0.5%; width: 24.5%; height: 38px; text-align: right;}
div.form dl.form-data dd { position: absolute; left: 25.5%; width: 74.5%; height: 38px; line-height: 48px; }
div.form dl.form-data dt label { line-height: 38px; color: #333; }
input { min-width: 200px; margin: 0; padding: 0px; line-height: 24px; height: 24px;  border: 1px solid #ccc; margin-top: 6px; margin-bottom: 6px; margin-right: 2%; }
dl.form-entry input { width: 90%; margin-left: 5px; margin-top:0;}
dl.form-entry select { margin: 0; padding: 4px; line-height: 30px; height: 30px; border: 1px solid #ccc; width: 90%; margin-left: 5px; margin-right: 5px; margin-top: 6px; margin-bottom: 6px; width: 94%;}

input, select {font-size:12px;}
input[type='text'], input[type='password'], select, textarea{padding:5px;}
input[type='submit'] { cursor:pointer;height:34px;line-height:34px;}


#hours, #minutes, #months, #years { width: 25% }
#hours, #months { margin-right: 0 }
#minutes, #years { margin-left: 0 }
dl.form-entry input[type='checkbox'] { margin-left: 5px;margin-top:18px; padding:0; width:auto;height:auto;}
input[type='submit'] { background-attachment: scroll; background-clip: border-box; background-color:#2B70C3; background: -webkit-linear-gradient(top, #52A8E7 5%, #2B70C3 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #52A8E7), color-stop(1, #2B70C3) ); background-origin: padding-box; background-size: auto;  border-top-color: #08C;   border-top-style: none; border-top-width: 0px; bottom: auto;  font-size: 14px; color: white; text-shadow: 0 -1px #367BBB; }
input[type="submit"].back { background-attachment: scroll; background-clip: border-box; background-color:#EDEDED; background: -webkit-linear-gradient(top, #ffffff 5%, #ededed 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ededed) ); background-origin: padding-box; background-size: auto;  border-top-color: #08C;   border-top-style: none; border-top-width: 0px; bottom: auto;  font-size: 14px; color: #6F6F6F; text-shadow: 0 1px white; }
p { padding: 10px; margin: 0; }
span.eta { float: right; background-attachment: scroll; background-clip: border-box; background-color:#2B70C3; background: -webkit-linear-gradient(top, #52A8E7 5%, #2B70C3 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #52A8E7), color-stop(1, #2B70C3) ); background-origin: padding-box; background-size: auto;  border-top-color: #08C;  border-top-style: none; border-top-width: 0px; bottom: auto;  padding-left: 10px; padding-right: 10px; font-size: 14px; color: white; text-shadow: 0 -1px #367BBB; }
DIV.form-canvas { float: left; width: 33.33%; }
DIV.map-outer { border: 1px solid #ccc; height: 445px; position: absolute; left: 38.33%; width: 60.66%; top:10px; }
#map { width: 100%; height: 445px; }
DIV.tab_inner { background-color: #fff }
DIV._control_search_canvas { max-height: 300px; min-height: 220px; background-color: #fff; }
p._control_search_noaddress { text-align:center; background:#ddd; color:#222; border-top: 1px solid #666; height:40px; margin:0; margin-top:10px; padding:0; line-height: 40px; }
p._control_search_noaddress a { color: #69f }
UL._control_search_list { max-height: 370px; min-height: 180px; overflow-y: auto; margin: 0px; padding: 0px; list-style: none; }
UL._control_search_list LI { font-size: 12px; border-bottom: 1px solid #ccc; padding: 10px; padding-left: 30px; background: url(../images/white-circle.png) no-repeat 10px center; }
UL._control_search_list LI:HOVER { background: #ddd url(../images/orange-circle.png) no-repeat 10px center; cursor: pointer; }
UL._control_search_list LI.selected { background: #eee; background: url(../images/orange-circle.png) no-repeat 10px center; }
#icbe_main .ui-tabs .ui-tabs-panel { padding: 0px; margin-left: 10px; background-color: #fff; margin-bottom: 10px; margin-right: 10px; border: 1px solid #AAA; border-top: 0px none; }
#icbe_main .ui-widget-header { background: none; border: 0px none; }
#icbe_main .ui-tabs .ui-tabs-nav { padding: 0px; margin-left: 10px; margin-top: 10px; margin-right: 10px; }
#icbe_main .ui-tabs .ui-tabs-nav LI { background: transparent; border: 0px none; color: #fff; }
#icbe_main .ui-tabs .ui-tabs-nav LI A { color: #fff; border: 0px none; }
#icbe_main .ui-tabs .ui-tabs-nav LI.ui-tabs-active { background: #fff; border: 1px solid #ababab; border-bottom: 0px none; color: #444; }
#icbe_main .ui-tabs .ui-tabs-nav LI.ui-tabs-active A { color: #444; border: 0px none; }
#icbe_main ul li a:focus { outline: none }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #eee  !important; border: 1px solid #eee  !important; }
DIV.seperator { margin: 10px; margin-top: 12px; margin-bottom: 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; }
#availability { background: #fff; opacity: 0.85; z-index: 91; }
#availability-when { float: left; margin: 0; font-size: 18px; color: #000; text-align: left; padding: 0px; padding-left: 10px; }
#availability-estimate { float: left; margin: 0; font-size: 18px; color: #000; text-align: right; padding: 0px; padding-left: 20px; }
dt.label-from { background: url(../images/pickup_key.png) 20px no-repeat }
dt.label-to { background: url(../images/destination_key.png) 20px no-repeat }
DIV.pac-container { width: 500px !important; }
DIV.pac-item { font-size: 14px; padding: 4px; margin: 1px; }
DIV.pac-item:HOVER { background: #eee }

table.data { width: 90%; }
table.confirm {width:60%;min-width:480px;}
table.data tr { }
table.data tr td { color: #222; font-weight: 400; padding: 12px; }
table.data tr td.label { text-align: right; font-weight: 400; min-width: 130px; width: 130px; : ; max-width: 130px; }
table.data tr td.data, table.data tr td.data-extra { background: #fff88d; color: #222;  border: 1px solid #ccc; }
table.data tr td.data-extra { background: #fff;}
table.data tr td.no-padding { padding: 0 }
table.submit { width: 100% }
table.submit input{margin:0;}
table.submit td.left { width: 70% }
table.submit td.right { width: 30%; text-align: right; }
DIV.checkbutton button { margin: 0px; display: block; background: #fff; padding: 5px; padding-left: 34px; padding-right: 15px; border: 1px solid #c4c4c4; background-repeat: repeat-x; color: #767676; line-height: 26px; font-weight: bold; text-align: left; min-width: 200px;  margin-right: 2px; margin: 5px; float: left; background: #e2e2f1 url(../images/checkbutton_off.png) 10px center no-repeat; }
DIV.checkbutton button:HOVER { background: #e0e0f1 url(../images/checkbutton_off.png) 10px center  no-repeat; color: #646464; border: 1px solid #b4b4b4; }
DIV.checkbutton button:ACTIVE { background: #fff url(../images/checkbutton_off.png) 10px center  no-repeat; color: #767676; border: 1px solid #69f; }
DIV.checkbutton button.checkbutton_active { background: #69f url(../images/checkbutton_on.png) 10px center  no-repeat; color: #fff; border: 1px solid #444; }
DIV.checkbutton button.checkbutton_active:HOVER { background: #69f url(../images/checkbutton_on.png) 10px center  no-repeat; color: #fff; border: 1px solid #444; }
DIV.track-info { width: 70%; float: left; }
DIV.track-live { width: 28%; float: left; }
DIV.track-status { background: #fff; background: #fff; margin: 5px; height: 160px; position: relative; }
td#track-status { background: #fff88d url(../images/loading.gif) no-repeat 10px 12px; padding: 12px; padding-left: 30px; }
td#track-status.booked { background: #fff88d  url(../images/yes.png) no-repeat 10px 12px }
table.track-container { padding: 0; margin: 0; width: 100%; }
table.track-container td { vertical-align: top; padding: 0; }
table.track-container td table tr td { width: 100% }
table.list { width:100%; }
table.list th { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; color: #888; }
table.list td { padding: 10px; vertical-align: top; }
#reverse_geocode {height:120px;min-height:120px;border:1px solid #ccc; }
UL.reverse_geocode {max-height:120px;overflow-y:auto;margin:0;padding:0;list-style:none;}
UL.reverse_geocode li {padding:2px;margin:0;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #ccc;}
UL.reverse_geocode li:HOVER {background:#69f;}
dl.form-entry input.address_descriptor {margin:0;width:298px;}
table.nopadding {padding:0;margin:0;width:100%;}
table.nopadding  td{vertical-align:top;}



#icbe_nav { width: 100%; float: left; margin: 0; padding: 0; list-style: none;margin-bottom:-1px;}
#icbe_nav ul{ list-style:none outside none;padding:0;margin:0;}
#icbe_nav li { display:inline; float:right; font-size:11px; width:100px; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; margin:0; z-index:100; margin-left:1px; margin-top:1px; position:relative;}
#icbe_nav li a {white-space:nowrap; color:#222; text-decoration:none; display:block;   height:30px; line-height:30px; font-weight:bold; background:#f1f1f1;}
#icbe_nav li a:hover { background-color: #2B70C3; background: -webkit-linear-gradient(top, #52A8E7 5%, #2B70C3 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #52A8E7), color-stop(1, #2B70C3)); color:#fff;} /*ffe700*/
#icbe_nav li a:active { background-color: #2B70C3; background: -webkit-linear-gradient(top, #52A8E7 5%, #2B70C3 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #52A8E7), color-stop(1, #2B70C3)); color:#fff;} /*ffe700*/
#icbe_nav li.licurrent a{background-color: #2B70C3; background: -webkit-linear-gradient(top, #52A8E7 5%, #2B70C3 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #52A8E7), color-stop(1, #2B70C3)); color:#fff;}
#icbe_nav li.licurrent a:link {color: #fff;}
#icbe_nav li.logout { float: right }

