/* lightbox .. */

/*<![CDATA[*/
	<!--
	@import url("lightbox.css");
	-->
/*]]>*/


/*---------------------------------/ Page structure /---------------------------------*/
* {
	padding: 0;
	margin: 0;
}

body {
	background: #ffffff;
 	font-family: Arial, 'Helvetica', sans-serif;
 	font-size: small;
	color: #333333;
}

* html body {
	font-size: x-small;
	f\ont-size: small;
}

/* checkboxes suck in IE6
input, select, textarea {
        border: solid #333333 1px;
        background: #FFFFFF;
}
*/

.left_align {
    text-align: left;
}

.right_align {
    text-align: right;
}

div#wrapper {
	width: 920px;
	margin: 0 auto;
}

div#leftCol {
	margin: 0;
	padding: 0 2px;
	width: 211px;
	float: left;
}

div#available select option, div#map_box select option {
        width: 215px;
}

div#rightCol {
	width: 702px;
	float: right;
	margin: 0;
	background: #ffffff;
}

div#centerCol {
	width: 702px;
	margin: 0 auto;
	background: #ffffff;
}

div#centerColPeer2Peer {
	width: 800px;
	margin: 0 auto;
	background: #ffffff;
}


a  {
	outline: none;
}
/*---------------------------------/ Page structure END/---------------------------------*/


/*---------------------------------/ Page Header START/---------------------------------*/

/*---------------------------------/ Page Header START/---------------------------------*/

#page_header {
	width: 920px;
	height: 157px;
	padding: 0 0 0 0;
}

img#logo {
	margin:  0 50px 0 0;
	float: left;
} 
#micro_nav {
	float: right;
	width: 263px;
	margin-right: 15px;
}

div#lame_image span.switch a {
	font-size: 11px;
	text-decoration: underline;
	float: right;
	margin: 5px 20px 0 0;
}

div#lame_image {
	float: right;
	position: relative;
	top: 0;
	top /**/: 0px;
	/*left: 400px;*/
	z-index: 3;
	margin: 0;	
}


div#lame_image p {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

div#lame_image img.logbutton {
	border: none;
	float: right;
}

#join {
    padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(base_images/join_free.gif);
    background-repeat: no-repeat;
	display: block;
	float: right;
	width: 119px;
	margin: 9px 0 0 0;
	color: #FFFFFF;
    height: 0px !important;
    height /**/:38px;
}

#refer {
    padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(base_images/refer.gif);
    background-repeat: no-repeat;
	display: block;
	float: right;
	width: 62px;
	margin: 9px 0 0 0;
	color: #FFFFFF;
    
    height: 0px !important;
    height /**/:38px;
}

#promos {
    padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(base_images/promos.gif);
    background-repeat: no-repeat;
	display: block;
	float: right;
	width: 82px;
	margin: 9px 0 0 0;
	color: #FFFFFF;
    
    height: 0px !important;
    height /**/:38px;
}

#nav_bar {
	width: 594px;
	float: left;
	height: 30px;
	margin: 0 0 0 0;

}

#navlist {
	width: 594px;
	float: left;
	padding: 0;
	font-size: 12px;
	
}

#navlist img {
	border: none;
	margin: 1px 2px;
}

#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
}

#navlist a:link, #navlist a:visited
{
	float: left;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	color: #c2f776;
}

#navlist a:hover { color: #c2f776; }

#freedom {
	margin: 0;
	padding: 10px 0 10px 30px;
	height: 10px;
	width: 200px;
	background-color:#1d1060;
	font-size: 80%;
	color: #ffffff;
	font-style:italic;
	font-weight: bold;
	float: left;
}

#circle {
	position: absolute;
	left: 340px;
	top: 50px;
	z-index: 10;
}

#logo_wrapper {
    height: 100px;
}

/*---------------------------------/ Page Header END/---------------------------------*/

/*--------------------/ Right Column START > this is for the regular page layouts/---------------------------------*/
.bigbox {
	width: 702px;
	background: #FFFFFF url(base_images/rightCol-back.gif) bottom right no-repeat;
	min-height: 300px;
	margin: 0;
	z-index: 0;
	float: left;
	padding-bottom: 30px;
}

#header {
	width: 702px;
	color: #FFFFFF;
	padding: 0;
	clear: both;
	float: right;
}

.bigbox_vehtype {
	width: 702px;
	background: url(base_images/car_selection_bottom1.gif) bottom right no-repeat;
	min-height: 300px;
	margin: 0;
	z-index: 0;
	float: left;
	padding-bottom: 30px;
}

.vehtype_descr {
        font-size: 90%;
}

.vehtype_descr p {
        padding-bottom: 0px;
        text-align: justify;
}

.vehtype_descr ul li {
        margin-left: 25px;
        margin-right: 11px;
}

#header_vehtype {
	width: 702px;
	background: url(base_images/car_selection1.gif) top left no-repeat;
	color: #FFFFFF;
	padding: 0;
	clear: both;
	float: right;
}

/*---------------------------------/ Right Column END/---------------------------------*/

/*====================/ This is for the account page bigbox layouts /=========================*/

.account_bigbox {
	width: 682px;
	background: #FFFFFF url(base_images/rightCol-back.gif) bottom right no-repeat;
	min-height: 300px;
	margin: 0;
	z-index: 0;
	float: left;
	padding: 0 13px 10px 0;
	padding /**/: 0 21px 10px 0;
}

.account_bigbox h5 {
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
/*	margin: 20px 0 20px 20px; */
	padding: 5px;
}

.account_bigbox p {
	margin: 0 0 0 20px;
	color: #333333;
}

.account_bigbox h4 {
	font-size: 100%;
	margin: 0 0 10px 20px;
	color: #333333;
}

.account_bigbox a {
}

.account_bigbox td.required {
	padding: 2px;
	background-color: #bee19a;
}

.account_bigbox select, .account_bigbox input {
	font-size: 11px;
}  

.account_bigbox select.dob {
	width: 50px;
	margin: 0 1px;
}

.account_bigbox table {
        width: 560px;
}

table td label {
        display: block;
        text-align: right;
}
table.mi {
	text-align: left;
	font-size: 11px;
}

.leftbox table.mi {
	margin: 10px;
}

table.mi td {
	padding: 0 5px;
}

table.ma {
	text-align: left;
	font-size: 12px;
	margin: 10px 30px 20px 60px;
	margin /**/: 10px 60px 20px 60px;
	font-weight: 500;
/*	width: 400px; */
}

table.ma td {
	padding: 2px;
	margin: 0;
}

table.ma td.button {
   text-align: right;
   padding-left: 10px;
}

tr.zebra {
	background-color: #dff4c9;
}

table.ma td a{
}

table.ma td span.notes{
	color: #333333;
	font-size: 85%;
}

table.ma td input.radio, label.radio{
/*
	float: left;
	display: block;
*/
	width: 20px;
	margin: 0;	
}

table.ma td input.check {
	float: left;
	width: 20px;
	margin: 0 0 0 100px;
}



#member_header {
	width: 692px;
	width /**/: 702px;
	color: #FFFFFF;
	padding: 0;
	clear: both;
	float: right;
}



/*========================/ Account page layout END /===================================*/

/*---------------------------------/ Left Column START/---------------------------------*/
.leftbox {
	width: 209px;
	background: #FFFFFF url(base_images/leftCol-back.gif) bottom right no-repeat;
	padding: 0 0 20px 0;
}

.leftbox h3 {
	color: #FFFFFF;
	margin: 0;
 	padding:12px 0 8px 15px;
	font-size: 80%;
}

.leftbox ul {
	list-style-type: none;
	margin: 25px 0 25px 25px;
	font-size: 85%;
}

.leftbox ul li {
	margin: 5px 0;
}

.leftbox div.my_org a {
    font-size: 12px;
    color: #000000;
    text-align: center;
    display: block;
}

/*---------------------------------/ Left Column END/---------------------------------*/

/*---------------------------------/ Legend Box START/---------------------------------*/
.legendBox {
	width: 209px;
	background: #FFFFFF url(base_images/legend-bottom.gif) bottom right no-repeat;
	padding-bottom: 25px;
}

.legendBox h3 {
	background: #ffffff url(base_images/legend-top.gif) top right no-repeat;
	color: #333333;
	margin: 0;
	padding:12px 10px 8px 15px;
	font-size: 80%;
	text-transform: uppercase;
}

.legendBox ul{
	list-style: none;
	margin: 5px 20px;
	font-size: 75%;
}

.legendBox li {
	margin: 5px 0;
}

/*---------------------------------/ Legend Box END/---------------------------------*/

/*---------------------------------/ right col tabs start/---------------------------------*/
#header ul {
 	  margin: 0 3px 0 0;
      margin /**/:0 2px 0 0;
      padding: 10px 5px 0;
	  padding /**/: 10px 10px 0;
      list-style:none;
	  font-size: 80%;
	  float: right;
	  width /**/: 200px;
	  width: 197px;
      }

#header li {
      float: right;
      background:url(base_images/tab_left_double.gif) no-repeat left top;
	  background-position: 0 -150px;
      margin:0 1px;
      padding: 0 0 0 9px;
      border-bottom:1px solid #765;
      }
#header a {
      float:left;
      display:block;
      width /**/:.1em;
      background:url(base_images/tab_right_double.gif) no-repeat right top;
	  background-position: 100% -150px;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
#header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
    /* End IE5-Mac hack */
#header a:hover {
      color:#333;
}
#header #current {
      background-position: 0 0px;
	  border-width: 0;
}
#header #current a {
      background-position: 100% 0px;
      padding-bottom: 5px;
      color:#333;
}
#header li:hover, #header li:hover a {
      background-position: 0 0px;
      color:#333;
}
#header li:hover a {
      background-position:100% 0px;
}
#header h3 {
 	float: left;
 	margin: 0;
	padding: 12px 0 8px 15px;
	font-size: 80%;
	clear: both;
	width: 450px;
}

/*---------------------------------/ vehicle type lightbox /---------------------------------*/
#header_vehtype ul {
 	  margin: 0;
      margin /**/:0 2px 0 0;
      padding: 10px 5px 0;
	  padding /**/: 10px 10px 0;
      list-style:none;
	  font-size: 80%;
	  float: right;
	  width: 50%;
      }

#header_vehtype li {
      float: right;
      background:url(base_images/tab_left_double.gif) no-repeat left top;
	  background-position: 0 -150px;
      margin:0 1px;
      padding: 0 0 0 9px;
      border-bottom:1px solid #765;
      }
#header_vehtype a {
      float:left;
      display:block;
      width /**/:.1em;
      background:url(base_images/tab_right_double.gif) no-repeat right top;
	  background-position: 100% -150px;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
#header_vehtype > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#header_vehtype a {float:none;}
    /* End IE5-Mac hack */
#header_vehtype a:hover {
      color:#333;
}
#header_vehtype li.current {
      background-position: 0 0px;
	  border-width: 0;
}
#header_vehtype li.current a {
      background-position: 100% 0px;
      padding-bottom: 5px;
      color:#333;
}
#header_vehtype li:hover, #header_vehtype li:hover a {
      background-position: 0 0px;
      color:#333;
}
#header_vehtype li:hover a {
      background-position:100% 0px;
}
#header_vehtype h3 {
 	float: left;
 	margin: 0;
	padding: 12px 0 8px 15px;
	font-size: 80%;
	clear: both;
	width: 150px;
}


/*==============this is top accomodate multiple tabs on member interfaces ==================================*/

#member_header ul#my_info_menu, ul#my_organization_menu {
 	  margin: 0;
      margin /**/:0 2px 0 0;
      padding: 3px 10px 0 0;
      list-style:none;
	  font-size: 10px;
	  float: right;
	  width: 100%;
	  width /**/: 98%;
      }
#member_header li {
      float: right;
      background:url(base_images/tab_left_double.gif) no-repeat left top;
      background-position: 0 -150px;
      margin:0 1px 0 0;
      padding: 0 0 0 9px;
      border-bottom:1px solid #765;
      }
#member_header a {
      float:left;
      display:block;
      width /**/:.1em;
      background:url(base_images/tab_right_double.gif) no-repeat right top;
	  background-position: 100% -150px;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
#member_header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#member_header a {float:none;}
    /* End IE5-Mac hack */
#member_header a:hover {
      color:#333;
}
#member_header #current {
      background-position: 0 0px;
	  border-width: 0;
}
#member_header #current a {
      background-position: 100% 0px;
      padding-bottom: 5px;
      color:#333;
}
#member_header li:hover, #member_header li:hover a {
      background-position: 0 0px;
      color:#333;
}
#member_header li:hover a {
      background-position:100% 0px;
}
#member_header h3 {
 	float: left;
 	margin: 0;
	padding: 12px 0 5px 15px;
	font-size: 80%;
	clear: both;
	width: 150px;
}
/*=============================== END the MULTIPLE TAB CODE ==============================*/



/*---------------------------------/ right col tabs end/---------------------------------*/

/*---------------------------------/ Base fonts start/---------------------------------*/
h1 {
font-size: 130%;
}

h2 {
font-size: 125%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 115%;
}

h5 {
font-size: 110%;
}

p {
margin: 10px 10px 0 10px;
padding-bottom: 20px;
}
/*---------------------------------/ Base fonts END/---------------------------------*/

/*-------------------------/ Reservation List START/---------------------------------*/

/* THE NEW SHIT */
/*================================= POD LAYOUT ========================================*/
div.list_left {
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	margin /**/: 0;
	padding: 0;	
}

div.list_mid {
	display: block;
	float: left;
	width: 400px;
	width /**/: 420px;
	margin: 0 0 0 10px;
	padding: 0;	
}

/* This is the new layout on the right-hand side with pricing images!!!!!!!!!!! */

div.list_right {
	display: block;
	float: left;
	width: 85px;
	width /**/: 80px;
	margin: 0 0;
	padding: 0;
}

div.list_right div.price {
	float: left;
	width: 14px;
	width /**/: 20px;
	padding: 10px 2px 5px 2px;
	padding /**/: 8px 0 5px 10px;
}

.reserve {
	float: left;
	width: 40px;
	width /**/: 50px;
	padding: 0;
	text-align: center;
	
}

.reserve a {
	background-color: #ffffff;
	font-size: 10px;
	color: #333333;
	display: block;
	padding: 4px;
	margin: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
}

.reserve a:hover {
	font-size: 10px;
	color: #ffffff;
	display: block;
	padding: 4px 4px 5px 4px;
	margin: 10px 0 0 0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	font-weight: bold;
}

.reserve span.est {
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;
}
/* This is the new layout on the right-hand side with pricing images!!!!!!!!!!! */

div#list {
	padding: 20px 3px 20px 3px;
	margin: 0 0 10px 7px;
	margin /**/: 0 0 10px 9px;
	float: left;
	width: 680px;
}

.pod_top {
	width: 673px;
	width /**/:675px;
	border-bottom: 1px solid #b4b2b3;
	float: left;
	margin: 10px 0 0 0;
}

#time_line {

	width: 529px;
	width /**/: 529px;
	padding: 0 0 0 0;
	padding /**/: 0;
	margin: 0 0 0 73px;
	margin /**/: 0 175px 0 151px;
	float: left;
}

#time_line img {
    float: left;
}

.pod_bot {
	width: 673px;
	width /**/:675px;
	padding: 0 0 2px 0;
	padding /**/: 0;
	float: left;
	background: #fff url(base_images/pod_bot.gif) bottom left repeat-x;
}

.pod_bot_bad {
	width: 673px;
	width /**/:675px;
	padding: 0 0 2px 0;
	padding /**/: 0;
	float: left;
	background: #fff url(base_images/pod_bot_bad2.gif) bottom left repeat-x;
}

.pod_bot_maybe {
	width: 673px;
	width /**/:675px;
	padding: 0 0 2px 0;
	padding /**/: 0;
	float: left;
	background: #fff url(base_images/pod_bot_maybe_2.gif) bottom left repeat-x;
}

.pod_head {
    width: 395px;
    height: 15px;
    padding: 5px 5px 5px 10px;
    float: left;
} 

.pod_head h4 {
	font-size: 80%;
	color: #ffffff;
	font-weight: bolder;
}

.pod_head h4 a {
       text-decoration: none;
       cursor: pointer;
       color: #ffffff;
}
.pod_head h4 a:hover {
       text-decoration: underline;
}

.pod_estimates_text {
    float: left;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
}

.pod_estimates_text .left {
    float: left;
    color: red;
    width: 30px;
    margin-right: 10px;
}

.pod_estimates_text .right {
    float: left;
    color: black;
}

.pod_estimates_text .single {
    line-height: 25px;
}

/*================================= POD LAYOUT ========================================*/


/*================================= PAGINATION ========================================*/
div#pagination {
/*margin: -50px 240px;*/
display: block;
text-align: center;
margin: 10px 0 0 0;
}

div#pagination a {
font-size: 85%;
/*float: left;
*/
text-decoration: none;
margin: 10px 5px;
}

div#pagination a.option {
text-decoration: underline;
}

div#pagination img.results_prev {
float: left;
margin: 0;
}

div#pagination img.results_next {
float: right;
margin: 0 10px 0 0;
}
/*================================= PAGINATION ========================================*/

/*===================================TIME BAR==========================================*/
.time {
	width: 425px;
	padding: 0;
	padding /**/: 0 0 0 5px;
	position: relative;
	z-index: 2;
	float: left;
}

ul.segments {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0 0 0 1px;
	float: left;
	position: relative;
	z-index: 5;
}

ul.segments li {
	float: left;
	display: inline;
	width: 16px;
	border: 1px solid #333333;
	margin: 0 0 0 -1px;
	height: 15px;
	/*background-color: #ffffff;*/
	
}

ul.segments li.free_16px {
    background: #fff url(base_images/time_free.gif) bottom left repeat-x;
}

ul.segments li.free {
	width: 4px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #fff url(base_images/time_free.gif) bottom left repeat-x;
	border: none;
	float:left;
}

ul.segments li.good {
	width: 4px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #a2da00 url(base_images/time_good.gif) bottom left repeat-x;
	border: none;
	float:left;
}

ul.segments li.bad {
	width: 4px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #7d7d7d url(base_images/time_bad.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.slct_bkd {
	width: 4px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #333 url(base_images/time_slct_bkd.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.free_2px {
	width: 2px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #fff url(base_images/time_free.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.good_2px {
	width: 2px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #a2da00 url(base_images/time_good.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.bad_2px {
	width: 2px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #7d7d7d url(base_images/time_bad.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.slct_bkd_2px {
	width: 2px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #333 url(base_images/time_slct_bkd.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.free_px {
	width: 1px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #fff url(base_images/time_free.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.good_px {
	width: 1px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #a2da00 url(base_images/time_good.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.bad_px {
	width: 1px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #CCC url(base_images/time_bad.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.segments li.slct_bkd_px {
	width: 1px;
	padding: 0;
	margin: 0px 0 0 0;
	background: #666 url(base_images/time_slct_bkd.gif) bottom left repeat-x;
	border: none;
	float: left;
}

ul.colors {
	position: relative;
	z-index: 2;
	list-style-type: none;
	width: 16px;
	width /**/: 17px;
	float: left;
	margin: 0 0 0 0;
	margin /**/: 0;
	padding: 0 1px 0 0;
	padding /**/:0;
	
}

ul.colors li.free {
	width: 4px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #ffffff;
	border: none;
	float:left;
}

ul.colors li.good {
	width: 4px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #99CC00;
	border: none;
	float:left;
}

ul.colors li.bad {
	width: 4px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #ccc;
	border: none;
	float: left;
}

ul.colors li.slct_bkd {
	width: 4px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #333;
	border: none;
	float: left;
}

ul.colors li.free_2px {
	width: 2px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #ffffff;
	border: none;
	float: left;
}

ul.colors li.good_2px {
	width: 2px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #99CC00;
	border: none;
	float: left;
}

ul.colors li.bad_2px {
	width: 2px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #ccc;
	border: none;
	float: left;
}

ul.colors li.slct_bkd_2px {
	width: 2px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #333;
	border: none;
	float: left;
}

ul.colors li.free_px {
	width: 1px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #ffffff;
	border: none;
	float: left;
}

ul.colors li.good_px {
	width: 1px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #99CC00;
	border: none;
	float: left;
}

ul.colors li.bad_px {
	width: 1px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #ccc;
	border: none;
	float: left;
}

ul.colors li.slct_bkd_px {
	width: 1px;
	padding: 0;
	margin: 7px 0 0 0;
	background-color: #333;
	border: none;
	float: left;
}

div.brick {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #cccccc;
	z-index: 1;
	height: 30px;
	margin-top: -23px;
	margin-top /**/: -23px;
	padding: 0 0 0 0;
	float: left;
}

div.hours {
    font-size: 10px;
	height: 12px;
	margin-top: -47px;
	margin-top /**/: -47px;
	padding: 0 0 0 0;
	float: left;
}

div.dater {
    font-size: 10px;
    text-align: center;
	border-left: 1px solid #333333;
/**	border-right: 1px solid #333333;**/
	z-index: 0;
	height: 12px;
	margin-top: -35px;
	padding: 0 0 0 0;
	float: left;
}

div.timer {
    font-size: 10px;
	z-index: 8;
	height: 12px;
	width: 35px;
	margin-top: 4px;
	padding: 0 0 0 0;
	float: left;
}

/*===================================TIME BAR===========================================*/

div.v_amenities {
	width: 150px;
	clear: both;
	margin: 0pt;
	margin /**/: 7px 0 0 0;
	float: left;
}

div.v_amenities ul {
	float: left;
	display: inline;
	list-style: none;
	padding: 0 4px;
}

div.v_amenities ul li{
	float: left;
	margin: 0 2px;
}


div.v_name {
	float: left;
}

.v_name h4 {
	font-size: 10px;
	color: #333333;
	float: left;
	width: 75px;
	display: block;
	margin: 13px 0 0 0;
	height: 2em;
	padding: 0 0 0 10px;
	text-align: center;
}

.v_img {
	float: left;
	width: 60px;
	height: 33px;
	display: block;
	margin: 5px 0 0 0;
}

/*
.v_price {
	font-size: 9px;
	color: #333333;
	padding: 0 2px;
	margin: 4px 0 0 0;
	float: right;
}

.reserve a {
	background-color: #ffffff;
	border: 1px solid #646464;
	font-size: 10px;
	color: #333333;
	display: block;
	padding: 2px;
	margin: 14px 0 2px 0;
	width: 74px;
	text-align: center;
}

.reserve a:hover {
	background-color: #99CC00;
	border: 1px solid #646464;
	font-size: 10px;
	color: #ffffff;
	display: block;
	padding: 2px;
	margin: 14px 0 2px 0;
	width: 74px;
	text-align: center;
}
*/
/*-------------------------/ Reservation List END/-----------------------------------*/

/*-------------------------/ Availability form START /-----------------------------------*/
form#available {
	padding: 0;
	margin: 10px 2px 0 2px;
	font-size: 80%;
}

form#available fieldset {
	border: none;
}

form#available ol {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

form#available li{
	margin: 0;
	padding: 0;
}

form#available img {
	margin: 0px 5px 0px 0px;
	display: inline;
}

form#available img.cal {
	margin /**/: 0px 0px 0px 0px;
	margin: 0 2px 0 2px;
	display: inline;
}

form#available input{
/*	width: 150px; */
	font-size: 90%;
	padding: 1px 0;
	line-height: 10px;
	margin-bottom: 2px;
}

form#available select{
        width: 160px;
	font-size: 90%;
	padding: 1px 0;
	line-height: 10px;
	margin-bottom: 2px;
}

form#available input.date {
	width: 60px;
	font-size: 88%;
	padding: 1px 0;
	line-height: 10px;
}

form#available a.date_chooser img {
        margin: 0;
}

form#available select.form_time {
	width: 75px;
	padding: 1px 0;
	line-height: 10px;
	font-size: 88%;
}

form#available input.checkbox {
	width: 15px;
	padding: 0;
	line-height: 10px;
	margin: 5px 5px 0 0;
}

form#available h5 {
	padding: 0;
	line-height: 10px;
	margin: 5px 0 5px 10px;
	font-weight: 900;
	color: #333333;
	font-size: 90%;
}

form#available .button {
       text-align: right;
}
form#available .button input {
       margin-right: 20px;
}

fieldset {
	margin: 0 0 10px 0;
	border: 0;
}
fieldset#amenities {
	margin: 0 0 20px 0;
	width: 165px;
}
	
.imageButton {
   border:none;
   width:80px;
   height:23px;
   cursor:pointer;
   display: block;
   margin: 20px 20px 0px 40px;
   margin /**/: 0 20px 0 100px;
}

.imageButton_mainform {
   border:none;
   width:80px;
   height:23px;
   cursor:pointer;
   display: block;
   margin: 0 20px 20px 160px;
   margin /**/: 0 20px 20px 300px;
}

.imageButton_save {
   border:none;
   width:100px;
   height:23px;
   cursor:pointer;
   display: block;
   /* ugh..
   margin: 30px 10px 20px 0;
   float: right;
   */
   padding: 0;
}

.imageButton_send {
   border:none;
   width:112px;
   height:23px;
   cursor:pointer;
   display: block;
   /* ugh..
   margin: 30px 10px 20px 0;
   float: right;
   */
   padding: 0;
}

input.imageButton_cancel {
   border:none;
   width:100px;
   height:23px;
   cursor:pointer;
   display: block;
   float: right;
   padding: 0;
   margin: 30px 10px 20px 0;
}

.imageButton_next {
   border:none;
   width:57px;
   height:23px;
   cursor:pointer;
   padding: 0;
   margin-left: 10px;
   margin-top: 20px;
}

.imageButton_prev {
   border:none;
   width:57px;
   height:23px;
   cursor:pointer;
   padding: 0;
   margin-right: 10px;
   margin-top: 20px;
}
/*
.imageButton:hover {
   background:url(https://reserva.respiromadrid.es/skin/link-to-your-image) no-repeat -100px top;
}
*/

/*-------------------------/ Availability form END /-----------------------------------*/

/*=================================MAP=============================================*/

#map {
	border: 4px solid #cccccc;
	margin: 20px 10px 60px 10px;
	margin /**/: 20px 20px 10px 20px;
	float: left;
	display: block;
}
/*=================================MAP=============================================*/

/*==================== Center box START (this is the code for all member pages, confirmations etc.) ==================*/

.midbox {
        background: #FFFFFF url(../pcs/img/midCol-back.gif) bottom right no-repeat;
	width: 920px;
	margin: 0;
	padding: 0 0 40px 0;
	float: left;
}

.midbox h3 {
	color: #FFFFFF;
	margin: 0 0 10px 0;
 	padding:12px 0 8px 15px;
	font-size: 80%;
}

.midbox h5, .bigbox h5, .lightbox h5 {
	margin: 0 15px 5px 15px;
 	padding:5px 0 8px 15px;
	font-size: 100%;
	text-transform: uppercase;
}
	
.midbox h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	margin: 15px;
	padding: 5px;
}

.midbox h4, h4.green_title {
	margin: 0;
 	padding:5px 0 8px 15px;
	font-size: 110%;
	text-transform: uppercase;
}

h2.green_bar {
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 20px;
	padding: 5px;
	width: 300px;
}

h5.inner_title {
        margin-left: 0px;
}

h5.confirm_title {
        text-transform: none;
}

.note, #sticky {
    margin-left: 20px;
    margin-bottom: 10px;
	font-weight: bold;
	background-color: #fcf35c;
	border: 1px solid #efa016;
	padding: 5px 0 8px 15px;
	color: #b54821;
}

p.instruction {
        margin-bottom: 10px;
	font-weight: bold;
	background-color: #DFE5E9;
	border: 1px solid #2D749F;
	padding:0 0 8px 15px;
	color: #21536F;
}

#sticky { 
        padding-top: 10px;
        display: block;
        margin: 5px 0px 13px 0px;
}
#sticky li {
        margin-left: 10px;
}

p.empty_res_list {
        width: 620px;
}

p.empty_res_tip {
        margin: 0px 15px;
}


.midbox p {
	margin: 0pt 15px 14px;
}

.midbox div.description p {
	margin: 0 15px 5px 15px;
	color: #333333;
}

.midbox div.description p a {
	margin: 0;
	color: #66CC00;
}

.midbox h5 img, p img, .bigbox h5 img, div.note img {
	margin: 6px 5px 0 0;
	display: inline;
	width: 16px;
	height: 16px;
}

.midbox p.confirmation {
	margin: 0 0 10px 25px;
	font-weight: bold;
	padding: 10px;
	background-color: #fcf35c;
	border: 1px solid #efa016;
	font-size: 90%;
	text-align: center;
	color: #b54821;
	width: 150px;
}

.midbox p.information {
	margin: 0 25px 10px 25px;
	font-weight: bold;
	padding: 10px;
	background-color: #ffff99;
	border: 1px solid #efa016;
	font-size: 90%;
	text-align: left;
	color: #b54821;

}

.midbox table {
/* causes problems on dlist .. ie/ my_res
	margin: 0 0 20px 40px;
*/
}

.midbox table td.left {
	font-weight: bold;
}

.midbox table td.right {
	padding: 0 0 0 10px;
}

.midbox ul {
	list-style-type: none;
	margin: 0 0 0 25px;
	font-size: 85%;
}

.midbox ul li {
	margin: 5px 0;
}

.midbox div.buttons_box {
	margin: 0 5px 15px 0px;
}

.midbox div.buttons_box table.ma {
        margin-left: 0px;
        width: 180px;
}

.midbox div.buttons_box tr {
    border: none;
}

.midbox div.buttons_box tr.zebra {
        background-color: transparent;
}

.midbox div.costs {
        float: left;
        margin-right: 15px;
        width: 165px;
}

.midbox div.price {
       font-size: 80%;
       text-transform: uppercase;
       text-align: center;
}
.midbox div.price div.container {
       padding: 0;
       margin: 0;
}

.midbox div.button a{
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #66cc00;
	text-align: center;
	color: #ffffff;
	font-size: 95%;
	display: block;
	width: 150px;
	margin: 10px 0 0 25px;
	font-weight: bold;
}

.midbox div.button a:hover{
	padding: 10px;
	text-align: center;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #ffffff;
	color: #66cc00;
	font-size: 95%;
	display: block;
	width: 150px;
	margin: 10px 0 0 25px;
	font-weight: bold;
}

.midbox div#small_map {
	width: 300px;
	height: 300px;
	/*border: 1px solid #333333;*/
	float: right;
}

.midbox div#left {
	float: left;
	width: 363px;
	margin: 0 0 10px 0;
}

.midbox div#right {
	float: left;
        width: 515px;
	margin: 2px 15px 15px 10px;
}

.midbox a {
	font-weight: bold;
	color: #333333;
/* causes problems on midbox dlist with links in it (my_res)
	margin: 0 0 0 30px;
*/
}

/*==================================================== Center box end ==========================================================*/

#main_login{
        background: #FFFFFF url(base_images/main_log_bot.gif) bottom right no-repeat;
	width: 410px;
	min-height: 300px;
	clear:both;
/* 	margin: 50px auto; */
 	margin: 10px auto;
	padding: 0 0 10px 0;
}

#main_login h3 {
	color: #FFFFFF;
	margin: 0;
 	padding:15px 0 15px 15px;
	font-size: 80%;
}

#calendar_box {
	width: 204px;
	height: 125px;
	background: url(base_images/calendar_box.gif) top left no-repeat;
	border-bottom: 1px solid #cccccc;
	margin: 2px 0 0 8px;
	padding: 0 0 0px 185px;
}

#map_box {
	width: 204px;
	height: 84px;
	background: url(base_images/map_box.gif) top left no-repeat;
	border-bottom: 1px solid #cccccc;
	margin: 2px 0 0 8px;
	padding: 25px 0 10px 185px;
}

#philly_box {
	width: 204px;
	height: 84px;
	background: url(base_images/philly_plate.gif) top left no-repeat;
	border-bottom: 1px solid #cccccc;
	margin: 2px 0 15px 8px;
	padding: 25px 0 10px 185px;
}

div#calendar_box h5, div#map_box h5, div#philly_box h5 {
       margin: 5px 0px;
}


/*---------------------------------/ Mid Column END/---------------------------------*/

/* javascript parameters */
.parameter {
  display : none;
}

/* inline form */
div.inline_box {
  clear      : both;
  width      : 496px;
  background : url(base_images/light_box_bot.gif) bottom left no-repeat;
  overflow   : hidden;
  margin     : 10px auto;
} 

div.inline_box_review {
  clear      : both;
  width      : 800px;
  background : url(base_images/light_box_bot.gif) bottom left no-repeat;
  overflow   : hidden;
  margin     : 10px auto;
}

div.inline_box h3 {
  background     : #ffffff url(base_images/inline_box_top.gif) top left no-repeat;
  margin         : 0;
  padding        : 30px 0 0 20px;
  text-transform : uppercase;
  font-size      : 125%;
}

div.inline_box p, div.inline_box div.container {
  margin         : 0;
  padding        : 5px 0 5px 20px;
  text-transform : uppercase;
  font-size      : 90%;
  color          : #333333;
}

div.inline_box p.error {
  color : #f50c0c;
}

/* lightbox */
div.lightbox {
  width      : 496px;
  overflow   : hidden;
}

div.lightbox_contents {
  background : url(base_images/light_box_bot1.gif) bottom left no-repeat; 
}

div.inline_box div.lightbox_contents {
    background: none;
}

div.lightbox h3 {
  background     : url(base_images/light_box_top.gif) top left no-repeat;
  margin         : 0;
  padding        : 30px 0 0 20px;
  text-transform : uppercase;
  font-size      : 125%;
}


div.lightbox p {
  margin         : 0;
  text-transform : uppercase;
  font-size      : 90%;
  color          : #333333;
  margin         : 0 20px;
}

div.lightbox p.error {
  color : #f50c0c;
}

div.lightbox_contents p#lightbox_instruction {
    position: relative;
    z-index: 1;
}

div.inline_box .note, div.lightbox .note {
	margin: 0px 20px 5px 20px;
	padding: 5px;
}

div.lightbox_contents, div.inline_box div.lightbox_contents,
div#wrapper div#fakeLightbox .lightbox_contents {
	padding-top: 10px;
}

div#loc_finder h3 {
    font-size: 115%;
}

div#loc_finder h5 {
    color: #66CC00;
     padding: 5px;
    font-size: 95%;
    text-transform: uppercase;
}

div#loc_finder h5 img {
    margin: 6px 5px 0 0;
    display: inline;
    width: 16px;
    height: 16px;
}

div#loc_finder input, div#loc_finder select {
    margin: 5px 0;
    margin-right: 6px;
    padding: 0 0 3px 0;
}

div#loc_finder input label.select, div#loc_finder input label.found {
    color: #333333;
    font-size: 100%;
    margin: 5px 0;
    font-family: Arial,'Helvetica', sans-serif;
    font-weight: bold;
}

div#loc_finder div.save {
    font-size: 100%;
    margin: 5px 0;
}

div#loc_finder div.save input {
    margin: 5px 10px 5px 5px;
}

div#loc_finder div.loc_search_box {
    margin-left: 20px;
    width: 450px;
}

div#loc_finder div.loc_search {
    margin-bottom: 10px;
}

div#loc_finder div.loc_search h2 {
    display: block;
    padding-top: 5px;
}

div#loc_finder div.loc_search div.eg {
    display: block;
    margin-top: -9px;
    font-size: 80%;
    color: #666;
    overflow: hidden;
}

div#loc_finder div.loc_result {
}

div#loc_finder div.loc_buttons {
    text-align: right;
}

div#loc_finder h2 {
    font-size: 90%;
}

div#loc_finder div.loc_search_box div.loc_search ul li {
    padding-right:10px;
}

/* lightbox login */
form.login {
  padding : 0 20px;
}

form.login div.left_panel {
  float   : left;
  clear   : right;
  display : inline;
  width   : 251px;
}

form.login div.right_panel {
  float   : right;
  display : inline;
  padding : 5px;
  width   : 195px;;
}

form.login div.bottom_panel {
  float        : left;
  display      : inline;
  margin-right : 10px;
  padding-top  : 10px;
  width        : 471px;
}

form.login div.bottom_panel div.buttons {
  float  : left;
  width  : 450px;
}

form.login fieldset {
  border        : none;
  margin-bottom : 10px;
}

form.login label {
  margin-right   : 10px;
  text-transform : uppercase;
  font-weight    : bold;
}

form.login input {
  font-size : 90%;
}

form.login button.cancel {
  float      : left;
  width      : 80px;
  height     : 23px;
  margin     : 20px 0 20px 10px;
  border     : none;
  cursor     : pointer;
}

form.login button.login {
  float      : right;
  width      : 102px;
  height     : 23px;
  margin     : 20px 0 20px 10px;
  border     : none;
  cursor     : pointer;
}

form#login button {
  float      : right;
  width      : 102px;
  height     : 23px;
  border     : none;
  cursor     : pointer;
} 

button.button_early {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_extend {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}
   
button.button_edit {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}
 
button.button_close {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_do_cancel {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

input.button_do_cancel {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_update {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

input.button_update {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  padding-top : 23px;
  margin     : 2px;
}

button.button_previous {
  height     : 23px;
  width      : 57px;
  padding-top: 23px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_next {
  height     : 23px;
  width      : 57px;
  padding-top: 23px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_recover_member_id,
button.button_recover_password {
  height     : 23px;
  width      : 145px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  padding-top : 23px;
  margin     : 2px;
}

.button_use_location {
  height     : 23px;
  width      : 145px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  padding-top : 23px;
  margin     : 2px;
}

.button_save_location {
  height     : 23px;
  width      : 145px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  padding-top : 23px;
  margin     : 2px;
}

.button_save_favourite {
  height     : 23px;
  width      : 150px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  padding-top : 23px;
  margin     : 2px;
}

button.button_print {
  height     : 23px;
  padding-top: 23px;
  width      : 150px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}
  
button.button_email {
  height     : 23px;
  width      : 150px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_outlook {
  height     : 23px;
  padding-top: 23px;
  width      : 150px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_email {
  height     : 23px;
  padding-top: 23px;
  width      : 150px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_reserve_location {
  height     : 23px;
  padding-top: 23px;
  width      : 250px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_disabled {
  border     : none;
  background : transparent;
  padding-top: 0px;
}

.button_select_adjust {
  height     : 23px;
  width      : 114px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}
.dloc_result_button {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

.dloc_descr_button {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_donate {
  height     : 23px;
  padding-top: 23px;
  width      : 100px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

button.button_change_rate_plan {
  height     : 23px;
  padding-top: 23px;
  width      : 159px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px 2px 2px 60px;
}

td.profile_name {
  cursor : hand;
}

td.profile_name input {
  width : 120px;
}

/* reservation form */
form.reservation {
  padding : 0 20px;
}
  
form.reservation fieldset {
  border        : none;
  margin-bottom : 10px;
}

form.reservation label {
  float          : right;
  margin-right   : 10px;
  text-transform : uppercase;
  font-weight    : bold;
} 

form.reservation span {
  text-transform : none;
  font-weight    : bold;
} 
  
form.reservation input {
  font-size : 90%;
}

form.reservation input.date_control {
  width     : 60px;
  font-size : 88%;
}
  
form.reservation select.time_control {
  width     : 75px;
  font-size : 88%;
} 

form.reservation input.memo_control {
  width : 150px;
}
  
form.reservation div.left_panel {
  float   : left;
  clear   : right;
  display : inline;
  width   : 258px;
}

form.reservation_review div.left_panel {
  float   : left;
  clear   : left;
  width   : 258px;
}

form.reservation div.right_panel {
  float   : right;
  display : inline;
  padding : 0px;
/*  width   : 179px; */
  width   : 195px;
}

form.reservation_review div.right_panel {
  float   : left;
  clear   : left;
  padding : 0px;
  width   : 195px;
}

form.reservation_review div.bottom_panel table.review_rating {
    float: left;
}

form.reservation_review div.bottom_panel table.review_comment {
    float: right;
    clear: right;
}

form.reservation div.right_panel div.price div.container {
  padding : 0;
  font-size : 80%;
}

form.reservation div.right_panel img.vehicle {
  width  : 195px;
  height : 125px;
}

form.reservation div.right_panel ul.amenity {
  list-style-type : none; 
  padding         : 5px 0 0 15px;
}

form.reservation div.right_panel ul.amenity li {
  float  : left;
  margin : 2px;
}

form.reservation div.bottom_panel {
  float        : left;
  display      : inline;
  margin-right : 10px;
  border-top   : 1px solid #b0b0b0;
  padding-top  : 10px;
  width        : 471px;
}

form.reservation div.bottom_panel div.cost {
  position : relative;
}

form.reservation div.bottom_panel label {
  clear     : left;
  float     : left;
  width     : 140px;
  margin    : 5px 10px 5px 0;
  font-size : 90%;
  display   : block;
}
  
form.reservation div.bottom_panel span {
  float   : left;
  padding : 3px;
}
  
form.reservation div.bottom_panel div.instruction {
  clear          : both;
  float          : left;
  width          : 460px;
  text-transform : none;
  font-weight    : bold;
  font-size      : 80%;
  color          : #f50c0c;
}

form.reservation div.bottom_panel div.instruction p {
  display        : inline;
  padding        : 0;
  text-transform : none;
  color          : black;
}

form.reservation div.bottom_panel div.price_box {
  position     : relative;
  float        : right;
  width        : 149px;
  height       : 75px;
  top          : -25px;
  margin       : 0 40px 0 0;
  margin /**/: 0 100px 0 0;
  padding-top  : 14px;
}

form.reservation div.bottom_panel div.price_box label {
  width     : 45px;
  margin    : -2px 2px 2px 15px;
  margin /**/:-2px 2px 2px 25px;
  padding   : 0;
  font-size : 75%;
  color     : #333333;
}

form.reservation div.bottom_panel div.price_box span {
  float       : right;
  clear       : right;
  margin      : -2px 12px 2px 0;
  margin /**/: -2px 25px 2px 0;
  padding     : 0;
  font-size   : 75%;
  font-weight : bold;
}

form.reservation div.bottom_panel span.amount_due {
  border : 1px solid #7F9DB9;
}

form.reservation div.bottom_panel span.amount_due span.owing {
  padding : 0;
  color   : #F50C0C;
}

form.reservation div.bottom_panel div.buttons {
  float  : left;
  width  : 450px;
}

form.reservation button.cancel_disabled,
form.reservation button.cancel {
  clear      : both;
  *clear     : both; /* IE7 hack */
  float      : left;
  width      : 80px;
  height     : 23px;
  margin     : 20px 0 20px 10px;
  border     : none;
  cursor     : pointer;
}

form.reservation_review button.cancel {
  clear      : left;
  *clear     : both; /* IE7 hack */
  float      : left;
  width      : 80px;
  height     : 23px;
  margin     : 20px 0 20px 10px;
  border     : none;
  cursor     : pointer;
}

form.reservation button.cancel_disabled {
}

form.reservation button.reserve_disabled,
form.reservation button.reserve {
  clear      : right;
  *clear     : both; /* IE7 hack */
  float      : right;
  width      : 102px;
  height     : 23px;
  margin     : 20px 10px 20px 0;
  border     : none;
  cursor     : pointer;
}

form.reservation button.reserve_disabled {
}

form.reservation button.adjust {
  clear      : right;
  float      : right;
  width      : 102px;
  height     : 23px;
  margin     : 20px 10px 20px 0;
  border     : none;
  cursor     : pointer;
}


form.reservation button.yes {
  clear      : right;
  float      : left;
  width      : 80px;
  height     : 23px;
  margin     : 20px 0 20px 10px;
  border     : none;
  cursor     : pointer;
}

form.reservation button.no {
  clear      : right;
  float      : right;
  width      : 102px;
  height     : 23px;
  margin     : 20px 10px 20px 0;
  border     : none;
  cursor     : pointer;
}

.stamp_control a {
  text-decoration : none;
}

.stamp_control a img {
  border : none;
  margin : 0 2px 0 2px;
}

/* slider */
div.slider.timeline {
  clear   : both;
  width   : 427px;
  padding /**/: 0 16px;
  position: relative;
  top     : -25px;
  height  : 90px;
} 
  
div.slider.timeline img {
  float       : left;
  width       : 427px;
  height      : 14px;
  margin      : -32px 0 -56px -1px;
  margin /**/ : -31px 0 0px -1px;
}

div.slider.timeline ul.segments {
  clear  : both;
  margin : 0;
  margin /**/ : -6px 0 0 0;
  padding : 0 2px 0 3px;
} 

div.slider.handle {
  position   : relative;
  width      : 10px;
  height     : 30px;
  cursor     : move;
  z-index    : 7;
  left       : 5px;
} 

div.slider.start {
}

div.slider.end {
}

div.slider.handle.start {
  background : url(../images/default_images/slider_left.gif) no-repeat left top;
  top : 53px;
  top /**/: 47px;
  margin-left: -1px;
} 
div.slider.handle.end {
  background : url(../images/default_images/slider_right.gif) no-repeat left top;
  top : 23px;
  top /**/: 17px;
  margin-left: 4px;
} 

div.slider.reservation {
  position : relative;
  height : 15px;
  top : 77px;
  top /**/: 70px;
  z-index : 6;
  padding : 0 4px 0 0;
}

.good_reservation {
  background-color : green;
  opacity : 0.5;
  _filter:Alpha(opacity=50);
}

.bad_reservation {
  background-color : red;
  opacity : 0.5;
  _filter:Alpha(opacity=50);
}

div.slider.date_display {
  padding : 0 20px;
}

div.slider.error_display {
  clear: both;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 415px;
}

/*This is the vehicle selection styles BIATCH*/

#container {
	float: left;
	padding: 20px 10px 0 10px;
	margin /**/: 0 0 10px 0;
}

.selection_list {
	float: left;
	width: 145px;
	margin: 0 0 0 5px;	
	margin /**/: 0 0 0 10px;
}

.selection_list h3 {
	display: block;
	color: #ffffff;
	padding: 2px;
	font-size: 90%;
	text-transform: uppercase;
}

.selection_list ol {
	font-size: 80%;
	color: #333333;
	text-transform: uppercase;
	text-indent: 2px;
	list-style: none;
}

.selection_list ol li {
	margin: 2px 0;
	margin /**/: 4px 0;
	word-wrap: normal;
}	

.selection_list input {
	margin: 0 5px 0 0;
}

.selection_list fieldset {
	border: none;
}	

.vehicle_image {
	width: 210px;
	float: left;
	margin: 0;
}	

.vehicle_image h3 {
	font-size: 100%;
	margin-left: 10px;
}


#select_buttons {
    float: right;
    width: 200px;
    display: block;
    margin: 130px 0pt 0px;
}
            
.select_cancel {
   border:none;
   width:80px;
   height:23px;
   cursor:pointer;
   display: block;
   margin: 5px;
   float: left;
}

.select_continue {
   border:none;
   width:83px;
   height:23px;
   cursor:pointer;
   display: block;
   margin: 5px;
   float: left;
}

div#footer {
        clear: both;
        background: #56B94C;
	padding: 5px 10px;
}

div#footer a {
        text-decoration: none;
        color: white;
}

.mv_header {
display:none;
}

.cur_res {
    padding-bottom: 10px;
}
.cur_res table {
    margin: 0 auto;
}
.cur_res h5 {
    text-transform: none;
}

div.search_map {
    display: block;
    width: 500px;
    height: 400px;
    float: left;
}

#login_box {
    margin: 0 auto;
    width: 700px;
}

div.search_map {
  display: block;
  margin: 20px 10px 60px 10px;
  margin /**/: 20px 20px 10px 20px;
  width: 655px;
  height: 500px;
  float: left;
  border: 4px solid #cccccc;
}

.multi_filter {
  margin: 15px;
}
.multi_filter select {
  width: 160px;
}


/*
 * location search gmap
 */

div.dloc_map {
  display: block;
  width: 450px;
  height: 250px;
  margin: 5px 10px 0px 10px;
  margin /**/: 25px 20px 7px 20px;
  background-color: #336699;
  overflow: auto;
  border: solid #666666 1px;
}

div.dloc_instructions {
    border: 0;
    background-color: #669966;
    margin: 20px 10px 60px 10px;
    margin /**/: 20px 20px 10px 20px;
    padding: 5px;
}

div.dloc_box {
  border: 0;
  width: 450px;
  margin: 0px 25px 10px 25px;
}

div.dloc_box h5 {
  clear: both;
}

.dloc_result_button,
.dloc_descr_button {
    margin: 2px;
    width: 80px;
}

.dloc_address {
    margin: 2px;
    width: 260px;
}

.dloc_address_result, .dloc_pod_district, .dloc_pod {
    margin: 2px;
    width: 290px;
}

.dloc_profile_descr {
    margin: 2px;
    width: 240px;
}

#ldform_dlocation_geoctl_search_query_ {
    height: 30px;
}

div.save_label {
    margin-top: 2px;
}

div.nosave {
    line-height: 25px;
}

div.yessave {
}

div#loc_finder input.dloc_descr_save_cb {
    float: left;
}

option.extra {
  font-weight : bold;
}

p.profile_list_instruction {
    margin : 0px;
    padding : 2px;
}

p.profile_list_confirmation {
    margin : 0px;
    padding : 2px;
}

td.profile_name {
  cursor : pointer;
}

td.profile_rename button.profile_rename {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

td.profile_rename button.profile_norename {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

div.favourite_list div.lightbox_contents  {
  padding-bottom : 30px;
  padding-bottom /**/: 20px;
}

div.favourite_list table {
  margin-left : 20px;
}

div.favourite_list button.close {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 5px 2px 10px 20px;
  margin /**/: 5px 2px 10px 20px;
  float      : left;
}

div.favourite_list button.continue {
  height     : 23px;
  padding-top: 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 5px 20px 10px 2px;
  margin /**/: 5px 20px 10px 2px;
  float      : right;
}

/*
 * location search gmap (ends)
 */

.dlist_empty {
  text-align: center;
  font-weight: bold;
}

span.instruction, span.instruction {
  font-weight: bold;
  color : #f50c0c;
}

span.instruction .textbb {
    color: #000000;
}

span.unavailable {
  color: #c00000;
}

table.gmap_bubble {
  width: 310px;
}
table.gmap_bubble td {
  padding: 5px;
}

img.powered {
  float: right;
  border: 0;
}

a.normal {
  color: black;
  text-decoration: none;
}
a.normal:hover {
  text-decoration: underline;
}
a.normal img {
  border: 0;
  margin: 0;
}

.tooltip_icon {
  position: relative;
  left: 4px;
  top: 4px;
  z-index: 1;
}

.tooltip {
  border: solid #999999 1px;
  background: #F2F2F2;
  color: #000;
  padding: 3px;
  z-index: 1000;
}

#available .tooltip {
  width: 140px;
  position: absolute;
}

.timestamp p {
	font-size: 85%;
	margin: 0 0 0 5px;
	position: relative;
	/*width: 398px;*/
	clear: both;
	padding: 1px 1px 1px 20px;
	float: left;
}

.timestamp p.good {
	background: url(base_images/good.gif) no-repeat left center;
	color: #69BE56;
	font-weight: bold;
}

.timestamp p.bad {
	background: url(base_images/bad.gif) no-repeat left center;
	color: #cc0033;
	font-weight: bold;
}

.timestamp p.maybe {
	background: url(base_images/maybe.gif) no-repeat left center;
	color: #B54821;
	font-weight: bold;
}

.g_map table td.good_stack {
	background: url(base_images/good.gif) no-repeat left center;
	color: #69BE56;
	font-weight: bold;
    padding-left: 20px;
}

.g_map table td.bad_stack {
	background: url(base_images/bad.gif) no-repeat left center;
	color: #cc0033;
	font-weight: bold;
    padding-left: 20px;
}

.g_map table td.maybe_stack {
	background: url(base_images/maybe.gif) no-repeat left center;
	color: #B54821;
	font-weight: bold;
    padding-left: 20px;
}

.g_map {
    width: 435px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    float: left;
}

.g_map h3 {
    color:#66CC00;
    font-size:100%;
    float: left;
}

.g_map table {
    font-size: 80%;
    text-transform: uppercase;
    clear: both;
}

.g_map table td {
    padding: 5px;
}

.g_map tr.alt {
    background: #d7d7d7;
}

.g_map tr th {
    border: none;
}

.g_map th {
    background: #66CC00;
    color: #ffffff;
    padding: 3px;
    text-align: left;
    border-left: 1px solid #000;
}

.g_map th#blank {
    background: #fff;
}

.g_map img.button {
    margin: 2px 0 1px 0;
}


#close_button {
    float: left;
    padding: 0 16px 2px 0;
    background: #fff url(base_images/close.gif) top right no-repeat;
    text-transform: uppercase;
    font-size: 55%;
    margin: 20px 0 0 290px;
    color: #559f4d;
}

table.filter {
    /* margin-left: 350px; */
    /* width: 300px; */
    margin-top: 10px;
    margin-left: 50px;
}

table.filter td {
    text-align: left;
    padding: 5px;
}

table.filter label {
    text-align: right;
    float: left;
    width: 150px;
    margin-right: 5px;
}

table.filter .button_update,
table.filter .imageButton {
    margin: 0px 0px 0px 150px;
}

button#add_applicant {
  height     : 23px;
  width      : 109px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
  padding-top: 23px;
}

button#invite_applicant {
  height     : 23px;
  width      : 122px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
  padding-top: 23px;
}

button#approve_applicant {
  height     : 23px;
  width      : 160px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
  padding-top: 23px;
}

button#invite_applicant {
  height     : 23px;
  width      : 122px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
  padding-top: 23px;
}

button#add_reservation {
  height     : 23px;
  width      : 147px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
  padding-top: 23px;
}

.collapsable_open {
  visibility: visible;
  display: table;
}

.collapsable_closed {
  visibility: hidden;
  display: none;
}

#donation_form {
    margin: 0 auto;
    width: 850px;
}

div.dynamic_content p {
    margin: 0px;
}

div.dynamic_content table.ma {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/*---------------------------------/ Applicant form /---------------------------------*/

.applicant_form {
    background: #FFFFFF url(../newui/img/applicant_form_bg.gif);
    padding-bottom: 5px;
}

.applicant_form img { border: none; }

.applicant_form_bottom {
    background: #FFFFFF url(../newui/img/applicant_form_bottom.gif) bottom right no-repeat;
    width: 920px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    float: left;
}

.applicant_form button#cancel {
    border:none;
    width:80px;
    height:23px;
    cursor:pointer;
    display: block;
    margin: 0px;
    padding: 0px;
}

.applicant_form.midbox ul {
    font-size: 100%;
    list-style-type: disc
}

.applicant_form_header ol {
    font-size: 100%;
    list-style: decimal inside;
}

.applicant_form_header ul {
    font-size: 100%;
    list-style-type: disc
}

.applicant_form_header table.ma h3 {
	background: #FFFFFF;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.applicant_form button#appl_confirm {
    border:none;
    width:250px;
    height:23px;
    cursor:pointer;
    display: block;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    line-height: 23px;
}

.imageButton_continue, .applicant_form button#appl_confirm.imageButton_continue {
    border:none;
    width:80px;
    height:23px;
    cursor:pointer;
    display: block;
    margin: 0px;
    padding: 0px;
}

.imageButton_messages {
    border:none;
    height:23px;
    cursor:pointer;
    margin: 0px;
    padding: 0px;
}

.imageButton_agree, .imageButton_disagree {
    border:none;
    width:80px;
    height:23px;
    cursor:pointer;
    display: inline;
    margin: 0px;
    padding: 0px;
}

/*---------------------------------/ Vehicle Type Popup /---------------------------------*/

.bigbox_vehtype .vehicle_image {
    float: left;
}

.bigbox_vehtype #make_list,
.bigbox_vehtype #class_list {
    width: 460px;
    float: left;
}

.bigbox_vehtype #make_list div,
.bigbox_vehtype #class_list div {
    width: 135px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
    float: left;
}


/* driver login select */
.dual_select_control ul.dual_select_logins,
.dual_select_control ul.dual_select_logins li ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.dual_select_control ul li {
    overflow: auto;
}

.dual_select_control ul.dual_select_logins ul {
    float: left;
}

.dual_select_control ul.dual_select_logins li {
    padding: 0px 0px 4px 4px;
    border: 1px solid #8f8f8f;
    background-color: white;
	clear: both;
	height: 100%;
}

.dual_select_control ul.dual_select_logins li ul li {
	padding: none;
	border: none;
	margin: none;
	background: none;
}

.dual_select_control ul li.dual_selected {
    border: 1px solid #8fd400;
    background-color: #e2efc7;
}

.dual_select_control ul li.dual_login_hover {
    border: 1px solid #aff420;
    background-color: #ffffe7;
    cursor: pointer;
}

.dual_select_control img.dual_select_icon {
    float: left;
    margin-right: 4px;
    margin-top: 5px;
}

.dual_select_control li.member-type {
    font-weight: bold;
    text-decoration: underline;
}

.dual_select_control li.login-name {
    font-size: 12px;
}

.dual_select_control li.member-name {
    font-weight: bold;
}

/***/

a.css-tooltip-disabled span.css-tooltip-target,
a.css-tooltip span.css-tooltip-target {display:none; padding:2px 3px; margin-left:8px; z-index: 1000; }
a.css-tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.css-tooltip:hover span.css-tooltip-target {display:block; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

a.css-tooltip-disabled { cursor: default; }

div.inline_box .cancel_note { 
    color: #000000;
    text-transform: none;
    position: relative;
    padding-right: 10px;
}

div#left .cancel_note {
    padding: 5px 0px 5px 15px;
    font-weight: bold;
}

div#left .estimate_note {
    padding: 5px 0px 5px 15px;
}

.hidden {
    display: none;
}

table.dlist {
    margin: 15px 0px 0px 15px;
    width: 95%;
}

table.dlist td,
table.dlist th {
    padding: 5px !important;
}

#dlist_pagination, table.full_width {
    width: 95%;
    margin: 5px 0px 0px 15px;
}

#authority_panel_link {
    display: block;
    border: solid 1px #999;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #EEE;
}

button.button_export {
  height     : 23px;
  width      : 80px;
  color      : transparent;
  border     : none;
  cursor     : pointer;
  margin     : 2px;
}

a.no-fee-available,
a.no-tax-available {
    text-decoration: none;
    color: #333333;
}

a.fee-available,
a.tax-available {
    color: #3333ff;
    text-decoration: underline;
}

/* Powered by Metavera Badge - Start */

#mv_powered {
    float: right;
    margin: 2px;
    padding: 2px;
}

#mv_powered_left {
    float: left;
    width: 26px;
    margin: 0px;
    padding-top: 5px;
}

#mv_powered_left img {
    border: none;
}

#mv_powered_right {
    float: left;
    margin: 0px;
    padding: 5px 0px;
    font-family: verdana, sans-serif;
    font-style: normal;
    font-size: xx-small;
    line-height: 8pt;
}

#mv_powered_right a {
    text-decoration: none;
    color: #333;
}

#mv_powered_right a.subtle {
    color: #999;
}

#mv_powered_right span {
    font-weight: bold;
}

#mv_powered_extra {
    float: left;
}

/* Powered by Metavera Badge - End */

/* Contract Logo - Start */
#contract_logo {
    float: right;
    position: relative;
    height: 100px;
}

#contract_logo img {
    position: absolute;
    right: 0px;
}

/* Contract Logo - End */

/* Allow custom CSO images to not be affected by other CSS */
img.custom_image {
    width: auto !important;
    height: auto !important;
    border: none !important;
    padding: 2px !important;
    margin: auto !important;
}

/*
---------------------------------------------------
CyberSource Lightbox
---------------------------------------------------
*/

.account_bigbox #stb_lightbox {
    position: fixed !important;
    _position: absolute !important;
}

.account_bigbox #stb_container {
    position: fixed !important;
    _position: absolute !important;
}


div#lame_link a img#logo {
     border: 0 none;
 }

/* Owner / Vehicle Details */

div.owner_vehicle_info {
    margin-bottom: 10px;
}

div.owner_vehicle_info h3,
div.owner_info h3
div.owner_panel h3 {
    font-size: 12px;
    background: none;
    padding: 0px;
}

div.owner_info {
    clear: right;
    overflow: auto;
    padding: 5px;
    background : none repeat scroll 0 0 #F0F0F0;
}

div.owner_info .left {
    text-align: center;
}

#container_peer2peer div.owner_info .left,
#container_peer2peer_confirmation div.owner_info .left {
    text-align: center;
    float: left;
}

div.owner_info .right {
    float: left;
    margin-left: 15px;
    width: 370px;
}

div.owner_panel div.owner_info .right {
    float: left;
    margin-left: 15px;
    width: auto;
}

div.midbox div.owner_info, div.owner_info {
/*    margin: 10px;*/
}

div.midbox div.owner_info .right {
    width: 650px;
}

#container_peer2peer_confirmation div.owner_info .right{
    width: 635px;
}

#owner_contact {
	background: #EEE;
	margin-bottom: 5px;
	width: 635px;
}

#owner_contact div {
	float: left;
	padding: 3px;
	width: 200px;
}

#owner_contact div span {
	margin-right: 10px;
}

/* Public Owner / Vehicle Details */ 

#public_owner_details div h3 {
    background: none;
    color: black;
}

#public_owner_details .owner, .owner{
    float: right;
    width: 240px;
    padding: 10px;
    margin: 5px 10px;
    background: #F0F0F0;
}

#public_owner_details div.owner_info .right,
.reservation_review div.owner_info .right {
    width: auto;
    float: none;
}

#public_owner_details .vehicle {
    width: auto;
    padding: 10px;
    margin: 0px 10px;
    clear:  none;
}

#public_owner_details .vehicle h3.title {
    margin-top: 5px;
    font-size: 14pt;
}

#public_owner_details .vehicle .owner_vehicle_info,
#review .vehicle .owner_vehicle_info,
#container_peer2peer .owner_vehicle_info {
    clear: left;
}

#public_owner_details .vehicle .owner_vehicle_info img,
.owner_vehicle_info img,
.costs img {
    max-width  : 195px;
    max-height : 125px;
}

/*#review img {*/
/*    max-width: 450px;*/
/*}*/

#public_owner_details .vehicle dl,
#review .vehicle dl,
#container_peer2peer dl {
    margin-bottom: 10px;
    clear: left;
}

#public_owner_details .vehicle dt,
#review .vehicle dt,
#container_peer2peer dt {
    font-weight: bold;
    float: left;
    width: 100px;
    margin-bottom: 5px;
    clear: left;
}

#public_owner_details .vehicle dd,
#review .vehicle dd,
#container_peer2peer dd {
    float: left;
    margin-right: 5px;
}

#public_owner_details .footer {
    padding: 10px;
    clear: both;
}

/* Driver Details */

.leftbox .profile_photo {
	margin-top: 10px;
	text-align: center;
}

/* Account Balances */
div#account_balances {
    width: 300px;
    padding: 0px;
    text-align: right;
    z-index: 500;
    position: absolute;
    margin-left: 250px;
    margin-top: 5px;
    line-height: 22px;
}

*div#account_balances {
    margin: -60px 0px 0px 0px;
}

div#account_balances div.label {
    float: left;
    width: 175px;
    overflow: auto;
    font-weight: bold;
}

div#account_balances div.tooltip_target {
    float: left;
    width: 100px;
    overflow: auto;
}

div#account_balances div.tooltip_target:hover {
    text-decoration: underline;
}

div#account_balances .tooltip {
    position: absolute;
    font-size: 85%;
    padding: 5px;
    line-height: 15px;
}

div#account_balances .tooltip dl {
    width: 235px;
}

div#account_balances .tooltip dt {
    font-weight: bold;
    float: left;
    clear: both;
    width: 160px;
    text-align: left;
}

div#account_balances .tooltip dd {
    float: left;
    width: 75px;
}