@import url('jquery.tipsy.css');
@charset "utf-8";

.tuyenphobien { 
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: rgb(27, 126, 186);
}
.box_place p {
  text-align: center;
  margin-bottom: 10px;
}
.box_place p a{ text-decoration: underline}
.footer_partner_logo h2{ font-size: 16px; text-transform: uppercase; color: rgb(27, 126, 186);}
.flL {float: left}
.flR {float: right}
.custom-combobox {
    position: relative !important;


}
.info_table td{vertical-align: middle} 
.custom-combobox-toggle {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    margin-left: -1px !important;
    padding: 0 !important;
    /* support: IE7 */
    *height: 1.7em !important;
    *top: 0.1em !important;
}
.custom-combobox-input {
    margin: 0 !important;
    padding: 6px !important;
    width: 220px !important;
    font-weight: bold !important;
    color: rgb(95, 95, 95) !important;
    font-size: 12px !important;
    font-family: inherit !important;
    border-radius: 0!important;
    webkit-border-radius: 0!important;
    moz-border-radius: 0!important;
    height: 16px
}
.ui-state-focus {
    color: #fff !important;
    border: 1px solid #1B7EBA !important;
    background: #1B7EBA !important;
    font-weight: normal !important;

}
.ui-autocomplete{overflow-x: hidden !important;overflow-y: auto !important; max-height: 424px !important;}
.ui-autocomplete.ui-menu .ui-menu-item a{
    display: block;
    border-bottom: solid 1px #ccc !important;
    border-radius: 0 !important;
}
  
/*------MAIN GLOBALS-------*/
#ui-datepicker-div { display: none; }

*.float-divider {
    clear:both; display:block;
    height:1px; font-size:1px; line-height:1px;
}
.spinner {
    padding:0 8px;
    line-height:36px;
}

html {
    cursor:default;
}

body {
    color: #404040;
    font-size: 13px;
    font-family:Arial;
}

a, .sim_link {
    color: #29598E;
    text-decoration: none;
}
a:hover, .sim_link:hover {
    color:#022143;
    cursor:pointer;
}
.te_account h2 a:focus {
    outline:0;
    border:0;
}
h1 {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;

}

h3, strong {
    font-weight: bold;
}

.preload {
    display: none;
}

.clearfix {
    display: block;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.align_left {
    text-align: left;
}
.align_center {
    text-align: center;
}
.align_right {
    text-align: right;
}

.valign_top {
    vertical-align: top;
}
.valign_middle {
    vertical-align: middle;
}
.valign_bottom {
    vertical-align: bottom;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}

.clearer {
    clear: both;
}

.linklist_last {
    border-right: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.notice {
    background-color: #FFF9D7;
    color: #333;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.notice p {
    background: transparent url('/assets/images/icon_notice.png') center left no-repeat;
    line-height: 16px;
    padding: 5px 0 5px 25px;
}

.error {
    background-color: #FFEBE8 !important; 
    color: #333;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.error p {
    background: transparent url('/assets/images/icon_error.png') center left no-repeat !important;
    line-height: 16px;
    padding: 5px 0 5px 25px;
}

.hidden_error {
    margin-bottom: 0;
    padding: 0;
    visibility: hidden;
}

.hidden_error p {
    padding: 0;
}

.success {
    background-color:#edfcd8;
    border:1px solid #c0dda9;
    color: #333;
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align: center;
}

.normaltext {
    font: normal 14px/21px "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
}

.smalltext {
    font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
}

.hidden {
    display: none;
}

#inbox .hidden {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

.h_separator {
    font-size: 0;
    margin: 0 10px;
    text-indent: -9999em;
}

.v_separator {
    font-size: 0;
    margin: 10px 0;
    text-indent: -9999em;
}

.borderless {
    border: 0 !important;
}

.small_text {
    font-size: 12px;
}

.pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.block_content {
    /* Prevents content from wrapping below a floated element. */
    display: table-cell;
    vertical-align: top;
    width: 1000px;
    /* Necessary IE7 hacks */
    *width: auto;
    *zoom: 1;
}


/* Global elements */

#header_container {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 20px 0 10px 0;
    width: 940px;
}

#header_primary ul li {
    border-right: 1px solid #EEEEEE;
    float: left;
    margin-right: 15px;
    padding-right: 15px;
}

#header_secondary {
    float: right;
    color:#aaa;
}
#header_secondary #greeting {
    display:inline-block;
    margin-right:0px;
    color:#5a5a5a;
}

#header_secondary ul li {
    float: left;
    margin-right: 5px;
}

#header_secondary ul a {
    color: #29598E;
    font-weight: bold;
    line-height: 51px;
    text-decoration: none;
}

#actionbar_wrapper {
    background-color: #29598E;
    border-bottom: 1px solid #d2d2d2;
    clear: both;
    color: #FFFFFF;
    display: block;
    height: 25px;
    overflow: hidden;
    padding: 10px 0;
}

#actionbar_container {
    margin: 0 auto;
    width: 940px;
}

#actionbar_container p {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

#actionbar_links li {
    float: left;
}

#actionbar_links a {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    margin-right: 10px;
    padding: 5px 9px;
}

#actionbar_links a:hover {
    background-color: #4473A6;
}

#actionbar_links a span {
    /*font-size:11px;*/
    font-weight:normal;
    color:#86a0bf;
}

#actionbar_search {
    float: left;
    border:1px solid #444;
    margin-left:15px;
    margin-top:1px;
    -webkit-box-shadow:0 1px 5px #1b416b;
    -moz-box-shadow:0 1px 5px #1b416b;
}

#actionbar_search .input_text {
    border:0;
    float:left;
    font-size:13px;
    line-height:19px;
    margin-right:0px;
    padding:2px 4px 2px 7px;
    width:223px;
    height:19px;
}
#search_s {
    -webkit-border-top-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-bottomleft:4px;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-right:1px solid #bbb !important;
}
#search_s.input_text.input-invalid {
    background:#fcbeac;
    border-right:1px solid #aaa !important;
}
#search_s.input_text.input-valid {
    border-right:1px solid #bbb !important;
}
#search_e.input_text.input-invalid {
    background:#fcbeac;
}
#actionbar_search .input_submit {
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border:0;
    outline:0;
    border-left:1px solid #777 !important;
    float: left;
    font-weight:bold;
    padding:3px 9px;
    height:23px;
}

#actionbar_addride {
    float: right;
}

#actionbar_addride a {
    color:#fff;
    display: block;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    text-shadow: #555 0 -1px 1px;
    -webkit-box-shadow:inset #91B43F 0 0 2px, #222 0 1px 3px;
    -moz-box-shadow:inset #91B43F 0 0 2px, #222 0 1px 3px;
    text-transform: none;
    background: #6ea953 url('/assets/images/bg_button_confirm.gif') top repeat-x scroll;
    padding:3px 15px;
}
#actionbar_addride a:hover,
#actionbar_addride a:focus {
    background-position: top;
}
#actionbar_addride a:active {
    background-position: bottom;
}

#actionbar_addride a span {
    position: relative;
    top: -2px;
}

#content_wrapper {
    margin: 0 auto;
    width: 990px;
}

#content_container {
    margin: 0 auto;
    padding: 15px 0 4px 0; 
}

.bluebox {
    background-color: #F0F5F6;
    margin-bottom: 10px;
    padding: 10px;
}

.bluebox h2 {
    color: #000000;
    font-weight: bold;
}

.blueboxoutline {
    background-color: #FFFFFF;
    border: 1px solid #C4CDCF;
    margin-bottom: 20px;
    padding: 10px;
}

.blueboxoutline h3 {
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 17px;
}

.blueboxoutline p {
    margin: 0 0 20px 0;
    line-height: 17px;
}
.blueboxoutline p.last {
    margin-bottom: 0;
}

.bluebox_entry {
    float:left;
    width:100%;
}

.blueboxoutline img {
    padding-right: 10px;
}

.callout {
    margin: 5px;
    position: relative;
}
.callout .nub {
    clear: both;
    display: block;
    background-image: url('../assets/images/sprites_nub.gif');
    background-repeat: no-repeat;
    font-size: 0;
    position: absolute;
    text-indent: -9999em;
    z-index: 10;
}
.callout .callout_info {
    background-color: #FFF9D7;
    border-color: #E2C822;
    border-style: solid;
    border-width: 0;
    color: #333;
    padding: 5px 10px;
}

.callout.up {
    margin-top: 11px;
}
.callout.up .nub {
    background-position: 0 0;
    height: 7px;
    margin-left: 10px;
    top: -6px;
    width: 13px;
}
.callout.up .callout_info {
    border-top-width: 1px;
}

.callout.down {
    margin-bottom: 11px;
}
.callout.down .nub {
    background-position: 0 -7px;
    bottom: -6px;
    height: 7px;
    margin-left: 10px;
    width: 13px;
}
.callout.down .callout_info {
    border-bottom-width: 1px;
}

.callout.left {
    margin-left: 11px;
}
.callout.left .nub {
    background-position: -13px 0;
    height: 13px;
    left: -6px;
    margin-top: 10px;
    width: 7px;
}
.callout.left .callout_info {
    border-left-width: 1px;
}

.callout.right {
    margin-right: 11px;
}
.callout.right .nub {
    background-position: -20px 0;
    height: 13px;
    margin-top: 10px;
    right: -6px;
    width: 7px;
}
.callout.right .callout_info {
    border-right-width: 1px;
}

.clickaway {
    color: #999999;
}

#footer_wrapper {
    margin: 0 auto;
    padding: 15px 0 50px 0;
    width: 990px;
}

#footer_container {
    margin: 0 auto;
    text-align: center;
    width: 940px;
}

#footer_container #copyright {
    float: left;
}

#footer_container #footer_links {
    float: right;
}

#footer_container #footer_links li {
    float: left;
    margin-right: 20px;
}

/* Shared */

#column_left,
#wide_column_left {
    float: left;
}
#column_left {
    width: 585px;
} 

#column_right,
#wide_column_right {
    float: right;
    margin-left: 0px;
    width:300px
}
#add_ride  #column_right {
    width: 420px;
}
#column_right {
    margin-top: -13px;
    width: 200px;
}

#add_ride
#wide_column_right {
    width: 335px;
}

#admin_column_left {
    width: 150px;
    float:left;
}

#admin_column_right {
    width: 760px;
    margin-left: 20px;
    float: right;
}

#split_right,
#split_left {
    float: left;
    width: 48%;
}
#split_right {
    margin-left: 3%;
}

.browsebox {
    display: block;
}

.browsebox h1 {
    border-bottom: 1px solid #D5DFE1;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.browsebox h1 .viewAllLinks {
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
}

.browsebox dt {
    font-size: 12px;
}

.browsebox dd a {
    color: #29598E;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.sidebar_container {
    margin-right:2%;
    width:98%;
    float:left;
}

.half_sidebar_container {
    width: 130px;
    float: left;
}

.splash_page_link {
    color: #29598E;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.no_rides {
    color: #29598E;
    font-size: 15px;
    text-decoration: none;
    line-height: 17px;
}

.promo p {
    line-height:17px;
}

.promo img {
    padding-right: 10px;
}

#commute_listing, #travel_listing {
    margin-bottom: 20px;
}

#column_right #map_canvas {
    height: 200px;
    margin-bottom: 20px;
    width: 285px;
}

#column_right .square_map {
    height: 536px !important;
}

#column_right .browsebox {
    float: none;
    margin: 0 0 20px 0;
    width: auto;
}

h3.divider {
    background-color: #F2F2F2;
    border-top: 1px solid #C0C0C0;
    color: #333333;
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 2px 7px;
}

h3.divider a.xsmall {
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
}

.info_box {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
}

.info_box dt {
    clear: both;
    color: #888888;
    display: block;
    float: left;
    margin: 0 15px 5px 0;
    text-align: right;
}

.info_box dd {
    float: left;
    margin-bottom: 5px;
}

div.divider {
    border-top: 1px solid #e1e6e7;
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    margin: 20px 0 10px 0;
    position: relative;
    text-align: center;
}

div.divider span {
    background-color: #fff;
    color: #b6c0c6;
    padding: 0 7px;
    position: relative;
    text-transform: uppercase;
    top: -6px;
}
/* Buttons */

button, #flex .pillbuttons div {
    -webkit-box-shadow: #EEEEEE 0 1px 0;
    /*background: #e5e5e5 url('/assets/images/bg_button_grey.gif') top repeat-x scroll;*/
    border: 1px solid #999999;
    border-bottom-color: #888888;
    color: #333333;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    height: auto;
    line-height: 17px;
    padding: 2px 8px 3px 8px;
    width: auto;
}
.newAddRideStyle form#add_ride #add_ride button {
    float:right;
}
button:hover,
button:focus, #flex .pillbuttons div:hover {
    cursor: pointer;
}
button:active, .general_button:active {
    background-image: none;
}

button.confirm {
    background: #6ea953 url('/assets/images/bg_button_confirm.gif') top repeat-x scroll;
    border: 1px solid #2f571c;
    border-bottom-color: #284d17;
    color: #FFFFFF;
    padding:3px 12px;
}

button.confirm:hover,
button.confirm:focus {
    cursor: pointer;
}
button.confirm:active, #add_ride button.confirm:active {
    background-image: none !important;
}
button.confirm:disabled {
    background:#ccc;
    border: 1px solid #999;
}
button.confirm:disabled:hover {
    cursor:default;
}

/* Link Style Button */

.general_confirm {
    -webkit-box-shadow: #EEEEEE 0 1px 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    line-height: 17px;
    padding: 2px 11px 3px 11px;
    width: auto;
    background: #6ea953 url('/assets/images/bg_button_confirm.gif') top repeat-x scroll;
    border: 1px solid #2f571c;
    border-bottom-color: #284d17;
    color: #FFFFFF;
}
.general_confirm:hover,
.general_confirm:focus {
    cursor: pointer;
    color: #FFFFFF;
}
.general_confirm:active {
    background-image: none;
}
.general_button {
    background: url("/assets/images/bg_button_grey.gif") repeat-x scroll center top #E5E5E5;
    border-color: #999999 #999999 #888888;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: inline-block;
    font-weight: 500;
    height: auto;
    width: auto;
    line-height: 17px;
    padding: 2px 11px 3px 11px;
    font-size: 12px;
}
a.general_button:hover {
    color:#333;
}
.unified-button {
    width:170px;
    font-size:16px;
    line-height:22px;
}
form.big {
    margin: 20px auto 20px auto;
    width: 500px;
}

form.big h2 {
    font-size: 18px;
    border-bottom: 1px solid #EEEEEE;
    margin: 15px 0;
}

form.big dl {
    display: block;
}

form.big dt {
    clear: both;
    display: block;
    float: left;
    font-size: 17px;
    line-height: 25px;
    margin-right: 16px;
    padding: 8px 0 2px 0;
    text-align: right;
    width: 120px;
}

form.big dd {
    display: block;
    float: left;
    width: 200px;
}

form.big input {
    float: left;
}

form.big .input_text {
    background: #FFFFFF url('/assets/images/bg_input_text.gif') top repeat-x;
    border: 1px solid #C1D5E8;
    display: block;
    font-size: 25px;
    height: 30px;
    margin-bottom: 20px;
    padding: 5px 10px;
    width: 340px;
}

form.big button {
    font-size: 20px;
    line-height: 25px;
    margin-left: 136px;
    padding: 3px 12px 4px 12px;
}

form.big span {
    float: right;
}

form .fbconnect_container {
    border-top: 1px solid #EEEEEE;
    margin-top: 15px;
    padding-top: 15px;
    text-align: center;
}

form p.disclaimer {
    font-size: 10px;
    line-height: 14px;
    margin-top: 15px;
}

form.standard h2 {
    border-bottom: 1px solid #D5DFE1;
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

form.standard fieldset {
    border-bottom: 1px solid #D5DFE1;
    margin-bottom: 20px;
}

form.standard dl {
    width:100%;
    float:left;
}

form.standard dt {
    clear: both;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-right: 16px;
    padding: 8px 0 2px 0;
    width: 114px;
}
form.standard label	{text-align:left}
form.standard dt p.subtext {
    font-weight: normal;
}

form.standard dd {
    display:inline-block;
    float: left;
    font-size: 11px;
    padding-bottom: 16px;
    width: 471px;
}

form.standard dd.selection {
    padding-top: 6px;
}

form.standard dd.slim {
    width: 150px;
}

form.standard dd p {
    clear: both;
    float: left;
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
}

form.standard dd input,
form.standard dd textarea, .zdialog textarea {
    background: #FFFFFF url('/assets/images/bg_input_text.gif') top repeat-x;
    border: 1px solid #C1D5E8;
    float: left;
    font-size: 16px;
    height: 24px;
    line-height: 1.3em;
    padding: 4px 3px 3px 3px;
    width: 378px;
}

form.small dd input,
form.small dd textarea {
    width: 200px;
}

form.standard dd input.input-valid {
    background: #F2FADB;
    border: 1px solid #D3E0AF;
}

.newAddRideStyle form.standard dd input.input-valid {
    background:#FFFFFF url('/assets/images/bg_input_text.gif') top repeat-x;
    border: 1px solid #C1D5E8;
}


form.standard dd input.input-invalid {
    background: #FADBDB;
    border: 1px solid #E0AFAF;
}

form.standard dd input.checkbox,
form.standard dd input.radio {
    background-image: none;
    border: 0;
    height: auto;
    margin-top: 4px;
    padding: 0;
    width: auto;
}

form.standard dd input.slim {
    width: 110px;
}

form.standard dd .disabled {
    background: #F2F2F2;
    color: #AAA;
}

form.standard dd textarea {
    height: auto;
    resize: none;
}

form.standard dd select {
    margin-top: 9px;
    width: 175px;
}

form.standard dd select.slim {
    width: 100px;
}

form.standard dd label {
    display: block;
    float: left;
    font-size: 12px;
    line-height: normal;
    padding: 6px 20px 0 8px;
    min-width:50px
}

form.standard button {
    margin: 0 20px 0 129px;
}

form.standard button.inline {
    margin: 0 0 0 0;
}

form.standard a {
    font-size: 12px;
}

form.standard.stacked {
    margin-top: 20px;
}

form .calendar_icon {
    display: block;
    float: left;
    height: 16px;
    margin-left: -20px;
    margin-top: 8px;
    width: 20px;
    z-index: 100;
}
form .calendar_icon img {
    cursor: pointer;
    height: 16px;
    position: relative;
    width: 16px;
}
form .calendar_icon img.disabled {
    cursor: default;
}

form .dollar_icon {
    display: block;
    float: left;
    height: 16px;
    margin-left: -115px;
    margin-top: 8px;
    width: 20px;
    z-index: 100;
}
form .dollar_icon img {
    height: 16px;
    position: relative;
    width: 16px;
}

#login_trouble form {
    margin-bottom: 20px;
}

#login_trouble h2 {
    margin-bottom: 7px;
}

/* Home */

#column_left #map_canvas {
    height: 350px;
    width: 585px;
}

#column_left #statistics_overlay {
    background-color: #222222;
    color: #FFFFFF;
    font-size: 12px;
    padding: 10px 15px;
}

#column_left #statistics_overlay dl {
    float: left;
    margin-right: 60px;
}
#column_left #statistics_overlay dl.last {
    text-align: right;
}

#column_left .browsebox {
    float: left;
    margin: 20px;
    width: 252px;
}

#home_login_form fieldset {
    padding: 20px 0 0 0;
}

#home_login_form dt label {
    clear: left;
    color: #7C8C96;
    float: left;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-top: 5px;
    text-align: right;
    width: 75px;
}

#home_login_form .input_text {
    border: 1px solid #C4CDCF;
    float: left;
    font-size: 16px;
    margin: 0 0 10px 10px;
    padding: 4px;
    width: 200px;
}

#home_login_form .input_checkbox {
    float: left;
    margin: 2px 5px 10px 10px;
}

#home_login_form dd label {
    float: left;
    font-size: 12px;
}

#home_login_form button {
    float: right;
    margin-right: 20px;
}
#cant_login {
    font-size: 11px;
    margin-bottom: 15px;
}

#fbconnect_container {
    border-top: 1px solid #d5dfe1;
    padding-top: 15px;
    text-align: center;
}

#forgot_password {
    font-size: 12px;
    margin-bottom: 5px;
}

#signup_container , #register_container{
    margin: 20px 0 10px 0;
    text-align: center;
}

#signup_container button, #register_container button {
    font-size: 20px;
    padding: 15px 45px 16px 45px;
}

/* FB Connect Emphasized Login */

.bluebox.register h2 {
    margin-bottom: 10px;
}

.bluebox.register div.divider {
    border-color: 1px solid #dae1e2;
}

.bluebox.register div.divider span {
    background-color: #f0f5f6;
    color: #7C8C96;
}

#home_signup_link {
    font-size: 14px;
    text-align: center;
}

#home_signup_form,
#home_signup_alert {
    display: none;
}

#home_signup_form table {
    border: 0;
    border-spacing: 0 0;
    border-collapse: collapse;
}

#home_signup_form td.label {
    color: #7C8C96;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 10px 10px 0;
    text-align: right;
    vertical-align: top;
    width: 75px;
}

#home_signup_form td.data {
    padding-bottom: 10px;
    text-align: left;
    vertical-align: top;
    width: 210px;
}

#home_signup_form .input_text {
    border: 1px solid #C4CDCF;
    font-size: 16px;
    padding: 4px;
    width: 200px;
}

#home_signup_form .input_checkbox {
    margin: 2px 5px 10px 10px;
}

#home_signup_form .input_select {
    margin-top: 5px;
    width: 210px;
}

#home_signup_form .note {
    color: #b6c0c6;
    font-size: 12px;
    line-height: 16px;
}

#home_signup_form .note a {
    color: #8ca7c2;
}

#forgot_password {
    font-size: 12px;
    margin-bottom: 5px;
}

#fbconnect_container {
    text-align: center;
}

#fbconnect_container .fbconnect_signup_button {
    background: url('/assets/images/signup_sprites.png') no-repeat 0 0;
    display: inline-block;
    font-size: 0;
    height: 53px;
    margin-bottom: 5px;
    text-indent: -1000em;
    width: 303px;
}

#fbconnect_container .fbconnect_signup_button:hover {
    background-position: 0 -53px;
}

#fbconnect_container .fbconnect_login_button {
    background: url('/assets/images/login_sprites.png') no-repeat 0 0;
    display: inline-block;
    font-size: 0;
    height: 53px;
    margin-bottom: 5px;
    text-indent: -1000em;
    width: 303px;
}

#fbconnect_container .fbconnect_login_button:hover {
    background-position: 0 -53px;
}

.fbconnect_login_button_medium {
    background: url('/assets/images/fbmedium.png') no-repeat 0 0;
    display: inline-block;
    font-size: 0;
    height: 25px;
    width: 180px;
    text-indent: -1000em;
    margin-bottom: 5px;
}

.fbconnect_connect_button_medium {
    background: url('/assets/images/fbmedium_connect.png') no-repeat 0 0;
    display: inline-block;
    font-size: 0;
    height: 25px;
    width: 180px;
    text-indent: -1000em;
    margin-bottom: 5px;
}

#login_prompt {
    color: #7c8c96;
    font-size: 13px;
    top: -10px;
    position: relative;
    z-index: 100;
}

#login_selector {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    display: inline-block;
    color: #29598e;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    padding: 5px 25px 5px 10px;
    position: relative;
}

#login_selector i {
    background: url('/assets/images/signup_sprites.png') no-repeat -304px -6px;
    display: block;
    height: 5px;
    margin-left: 8px;
    margin-top: 9px;
    position: absolute;
    right: 10px;
    top: 5px;
    vertical-align: top;
    width: 9px;
}

#login_selector.selected {
    border: 1px solid #ccc;
    border-bottom: 0;
}

#login_selector.selected i {
    background-position: -304px 0;
}

#login_flyout {
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    margin-top: 1px;
    padding: 19px 25px;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: -1;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.17);
}

#login_flyout div.divider {
    margin-bottom: 0;
}

#login_flyout form label {
    color: #7c8c96;
    font-size: 12px;
}

#login_flyout form .input_text {
    border: 1px solid #c4cdcf;
    color: #333;
    display: block;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 5px;
    padding: 4px;
    width: 171px;
}

#login_flyout form .input_password {
    margin-bottom: 0;
    width: 100px;
}

#login_flyout form .forgot {
    font-size: 10px;
}
/****************************/


/* FB CONNECT NEW GLOBALS ---------------*/



/* Profile */

#user_rides_top_container {
    width: 635px;
    overflow: hidden;
}

#user_rides_top_left {
    width: 110px;
    float: left;
    overflow: hidden;
}

#user_rides_top_right {
    width: 525px;
    float: left;
}

#prompt_actions #psa {
    padding: 10px 30px;
    display: table;
}

#prompt_actions #psa ol {
    margin: 0 auto;
    display: table;
}

#prompt_actions #psa ol h3 {
    font-size: 16px;
    padding-bottom: 5px;
}

#prompt_actions #psa ol li {
    list-style-type: disc;
    margin-left: 2em;
}

#prompt_actions #psa h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

#prompt_actions #psa button {
    margin-top: 10px;
    position: relative;
    left: 14px;
}



#profile_welcome {
    margin-bottom: 10px;
    padding-left: 115px;
    position: relative;

}

#profile_welcome .userpic_container {
    left: 0;
    position: absolute;
}

.userpic_container img {
    width: 50px;
}

#profile_welcome .userpic_container img {
    height: 100px;
    width: 100px;
}

#profile_welcome .userpic_container_profile {
    left: 0;
    position: absolute;
}

#profile_welcome h1 {
    font-size: 25px;
}

h1.name_heading {
    border-bottom: 1px solid #D5DFE1;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.profile_story,
.ride_listing {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 0 5px 10px 65px;
    position: relative;
}

.profile_story_last,
.ride_listing_last {
    border-bottom: 0;
    margin-bottom: 5px;
}

.ride_listing_last {
    padding-bottom: 15px;
}

.profile_story .userpic_container,
.ride_listing .userpic_container {
    left: 0;
    position: absolute;
}

.profile_story .action_container,
.ride_listing .action_container,
#ride_info .action_container {
    float: right;
    padding: 0 0 5px 10px;
}

.profile_story .actions,
.ride_listing .actions {
    margin-top: 5px;
}

.profile_story .actions li,
.ride_listing .actions li {
    float: left;
    padding-right: 10px;
}

.profile_story form {
    margin-top: 5px;
}

.profile_story form .input_text {
    border: 1px solid #D8DFEA;
    color: #999999;
    display: block;
    padding: 4px;
    resize: none;
    width: 350px;
}

.profile_story form label {
    margin-right: 20px;
}

.profile_story .notice {
    margin-bottom: 0px !important;
}

.profile_center_pic {
    width:200px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.profile_story .thin {
    width:438px;
}

.profile_story .countdown {
    width:120px;
    font-size:11px;
    float:right;
    text-align:right;
}
.profile_story .timer {
    margin-top:4px;
    font-weight:bold;
    font-size:24px;
}
.profile_story .tiny {
    font-size:11px;
}

#view_ride_left #actions .thin {
    width: 570px;
    padding-bottom:10px;
}

.ride_listing h2 {
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 4px;
}

.ride_listing h2 img {
    margin-right: 5px;
    vertical-align: middle;
}

.ride_listing p {
    font-size: 12px;
}

.ride_listing .timedesc label,
#ride_info .timedesc label {
    color: #555555;
    font-weight: bold;
    padding-right: 4px;
}

.ride_listing .timedesc strong,
#ride_info .timedesc strong {
    font-weight: 500;
    padding-right: 2px;
}

.ride_listing .bg_green {
    background-color: #EAFFD9;
    padding: 0 2px;
}

.ride_listing .bg_blue {
    background-color: #D9EAFF;
    padding: 0 2px;
}

.ride_listing .time {
    float: left;
    padding-right: 20px;
}

.ride_listing p span {
    color: #888888;
    float: left;
    width: 40px;
}

.ride_listing .action_container {
    text-align: right;
}

.ride_listing .action_container span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ride_listing .action_container span em,
#ride_info .action_container span em {
    font-size: 10px;
    font-weight: normal;
    line-height: normal;
    padding-left: 3px;
}

.vanpool_table,
.ride_listing .timetable {
    border-collapse: collapse;
    clear: both;
    font-size: 11px;
}

.vanpool_table th,
.ride_listing .timetable th {
    border: 1px solid #D8DFEA;
    color: #888888;
    line-height: normal;
    text-align: center;
    width: 100px;
}

.vanpool_table td,
.ride_listing .timetable td {
    border: 1px solid #D8DFEA;
    padding: 2px 0;
    text-align: center;
    width: 100px;
}

.vanpool_table td span,
.ride_listing .timetable td span {
    font-weight: 500;
    padding-right: 7px;
}

.vanpool_table td .helpicon {
    padding: 0;
    font-size: 10px;
    line-height: 12px;
    width: 12px;
    height: 12px;
}

.vanpool_table {
    clear: none;
    width: 455px;
}

.vanpool_table td {
    font-size: 12px;
    border-top: none;
    border-left: none;
    border-right: none;
    width: auto;
    text-align:left;
}

.vanpool_table td.last {
    border: none;
}
.vanpool_table td.firsttimes {
    background-image:url('/assets/images/vanpool-u-top.gif');
    background-repeat:no-repeat;
    background-position:90% bottom;
}
.vanpool_table td.middletimes {
    background-image:url('/assets/images/vanpool-u-middle.gif');
    background-repeat:repeat-y;
    background-position:90%;
}
.vanpool_table td.lasttimes {
    background-image:url('/assets/images/vanpool-u-bottom.gif');
    background-repeat:no-repeat;
    background-position:90% top;
}

.vanpool_table th {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    border: none;
    width: auto;
    text-align:left;
}

.vanpool_icon {
    position:relative;
    top:4px;
    margin-top:-1px;
    margin-bottom:-1px;
}

.vanpool_user_icon {
    position:relative;
    top:2px;
    margin-top:-1px;
    margin-bottom:-1px;
}


.ride_listing .links {
    border-top: 1px solid #D8DFEA;
    clear: both;
    font-size: 11px;
    margin-top: 5px;
}

.ride_listing .links li {
    float: left;
    margin-right: 25px;
}

.ride_listing .links li a {
    padding-left: 20px;
}

.ride_listing .links .matchlist {
    padding-top: 0px;
    background: transparent url('/assets/images/icon_matchlist.png') center left no-repeat;
}

.ride_listing .links .editride {
    background: transparent url('/assets/images/icon_editride.png') center left no-repeat;
}

.ride_listing .links .deactivateride {
    background: transparent url('/assets/images/icon_deactivateride.png') center left no-repeat;
}

.ride_listing .links .messageuser {
    background: transparent url('/assets/images/icon_messageuser.png') center left no-repeat;
}



.view_more {
    border-top: 1px solid #C4CDCF;
    display: block;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
}
.view_more:hover {
    background-color: #F0F5F6;
}

/* Edit Profile */

#photo_up {
    width: 450px;
}

#photo_up_box {
    margin-left: 20px;
}

#photo_up_box button {
    margin: 0;
}

/* My Garage */

#garage dl {
    text-align: center;
}

#garage dd {
    margin-bottom: 15px;
}

#garage dd b {
    display: block;
}

#garage a {
    font-size: 12px;
    font-weight: normal;
}

.vehicle_facebox {
    width: 700px;
}

.vehicle_facebox dt {
    width: 115px !important;
}

.vehicle_facebox dd {
    width: 550px !important;
}

.vehicle_facebox form table {
    border-collapse: separate !important;
}

.vehicle_facebox form table th {
    background-color: #FFFFFF;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

.vehicle_facebox form table th:hover {
    cursor: pointer;
}

.vehicle_facebox form table th.selected {
    border: 3px solid #3A6A8E;
    padding: 0;
}

.vehicle_facebox button {
    margin-left: 131px !important;
}

.pointsexplained_facebox {
    width: 600px;
}

.zipcar_image {
    padding-top: 0px !important;
}

.zipcar_label {
    padding-top: 3px !important;
}

/* Add Ride */

form#add_ride .step_container {
    border-bottom: 1px solid #C0C0C0;
    margin-bottom: 15px;
}

#step_1 .step_container, #step_2 .step_container, #step_3 .step_container {
    border-bottom: none;
    padding-bottom:11px;
    background:transparent url('/assets/images/step1.png') bottom center no-repeat;
    margin-bottom: 21px;
    /*margin-left:40px;*/
    width:930px;
}
#step_2 .step_container{
    background:transparent url('/assets/images/step2.png') bottom center no-repeat;
}
#step_3 .step_container{
    background:transparent url('/assets/images/step3.png') bottom center no-repeat;
}

.newAddRideStyle form#add_ride .step_container.clearfix span{
    width:290px;
    text-align:center;
}

form#add_ride .step_container span {
    color: #C0C0C0;
    float: left;
    padding: 10px;
    width: 190px;
}

form#add_ride .step_container span.active {
    color: #333333;
    background-color: #F2F2F2;
}

.newAddRideStyle form#add_ride .step_container span.active {
    color: #29598e;
    background-color:transparent;
}

form#add_ride dt.backrow {
    padding-top: 3px;
}

form#add_ride a.back {
    font-weight: normal;
}

form#add_ride dd {
}

form#add_ride fieldset {
    border-bottom: 0;
}

form#add_ride dd em {
    font-size: 12px;
    margin: 0 5px 0 10px;
}

form#add_ride dd button {
    margin-left: 0;
}

form#add_ride .timetable th {
    color: #555555;
    font-weight: bold;
    width: 150px;
}

form#add_ride label.type {
    padding-top: 4px;
}

form#add_ride .th_time {
    position:relative;
    top:5px;
}

form#add_ride #step_2 label, form#add_ride #step_2, form#add_ride #step_2 .timetable th,
form#add_ride #step_2 select {
    font-size: 14px;
}


form#add_ride #step_2 .timetable th {
    width: 120px;
}

form#add_ride #step_2 dd table label {
    padding-top: 1px;
}

form#add_ride #step_2 dt {
    padding-top: 5px !important;
}

form#add_ride #step_3 dd input.slim {
    width: 75px;
}

form#add_ride #step_3 .dollar_icon {
    margin-left: -80px;
}

#ui-datepicker-div {
    background-color: #FFF;
    background-image: none;
    font-size: 12px;
    z-index: 999999 !important
}
#ui-datepicker-div table thead th {
    padding: 0.1em 0.3em;
}
#ui-datepicker-div table tbody td a {
    background-image: none;
    text-align: center;
}
.ui-dialog-titlebar-close {
    color:#666 !important;
    display:inline-block;
    margin:8px;
    font-size:16px !important;
    line-height:14px;
}
.ui-datepicker-trigger {
    position:block;
    height:16px;
    width: 16px;
    margin-left:-23px;
    margin-top:8px;
    z-index:100;
    cursor: pointer;
}
.datepicker {
    font-size:1.3em !important;
}

/* Login */

form#login fieldset {
    border: 0;
    margin-top: 20px;
}

form#login .input_text {
    width: 300px;
}

/* Sign up */

form#signup fieldset {
    border: 0;
}

form#signup a {
    font-size: 11px;
}

/* Match list & Search */

.matchlist_paginate a{
    margin-left: 2px;
    margin-right: 2px;
}

.my_ride {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    margin-bottom: 15px;
    padding: 5px 10px;
}

.my_ride h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.my_ride .ride_listing {
    border: 0;
    margin: 0;
    padding-bottom: 0;
}

.my_ride .action_links {
    float: right;
    text-align: right;
}

.my_ride .action_links li a {
    background-position: center right;
    background-repeat: no-repeat;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 5px;
    padding-right: 20px;
}

.my_ride .action_links li a.viewride {
    background-image: url('/assets/images/icon_viewride.gif');
}
.my_ride .action_links li a.editride {
    background-image: url('/assets/images/icon_editride.png');
}
.my_ride .action_links li a.deactivateride {
    background-image: url('/assets/images/icon_deactivateride.png');
}

#matchlist_header {
    background-color: #F2FADB;
    border-bottom: 1px solid #D3E0AF;
    margin-bottom: 10px;
    color: #444444;
    padding: 2px 7px;
    font-size: 13px;
}

#lead_deleted {
    float: left;
    margin-left: 200px;
}

form#search_filters {
    clear: both;
}

form#search_filters fieldset {
    border: 0;
    border-top: 1px solid #D5DFE1;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}

form#search_filters dt {
    width: 75px;
}

form#search_filters dd {
    width: 185px;
}

form#search_filters select {
    width: 185px;
}

form#search_filters button {
    margin-left: 90px;
}

.matchlist {
    padding-right: 0;
    margin-bottom: 0px;
    padding-top: 10px;
}

.matchlist a.hide_ride {
    background:url('/assets/images/icon_x.gif') -11px 0 no-repeat;
    display: block;
    height: 11px;
    margin-top:-6px;
    margin-left: -8px;
    text-indent: -9999em;
    width: 11px;
    position:absolute;
}

.matchlist .links {
    border: 0;
    margin: 0;
    padding: 0;
}

.matchlist_sharethis {
    font-size: 13px;
}

.new {
    color: red;
    font-size:12px;
    margin-left:5px;
}

.ride_listing .match, .ride_listing .timetable .match {
    background-color: #F2FADB;
}

#search_header {
    margin-bottom: 10px;
}

#search_calendar {
    border: 1px solid #C0C0C0;
    width: 100%;
}

#search_calendar td {
    border: 1px solid #C4CDCF;
    padding: 5px 0;
}

#search_calendar .monthtitle,
#search_calendar tr.dows td,
#search_calendar tr.days td {
    text-align: center;
}

#search_calendar .monthtitle {
    background-color: #F2F2F2;
    color: #555555;
    font-weight: bold;
}

#search_calendar tr.dows td {
    color: #555555	;
    line-height: 18px;
    width: 40px;
}

#search_calendar tr.days td.eventday,
#search_calendar tr.days td.eventsat,
#search_calendar tr.days td.eventsun {
    background-color: #F0F5F6;
    font-weight: 500;
}

#search_calendar tr.days td.eventdaytoday {
    background-color: #FEFFD9;
    font-weight: 500;
}

#search_calendar tr.paging td {
    border: 0;
    padding: 0 5px;
}

.page_list {
    margin: 5px 0;
    text-align: center;
}

.page_list .subtext {
    color: #AAA;
    font-size: 12px;
}

.pagination {
    margin-bottom: 5px;
}

.pagination a {
    border: 1px solid #DDD;
    padding: 2px 6px;
}
.pagination a:hover {
    border-color: #222;
    background-color: #29598E;
    color: #FFF;
}

.pagination .first_page {
    color: #AAA;
    margin-right: 20px;
    padding: 2px 6px;
}

.pagination .last_page {
    color: #AAA;
    margin-left: 20px;
    padding: 2px 6px;
}

.pagination .current_page {
    color: #6ea953;
    font-weight: bold;
    padding: 2px 6px;
}

.pagination .next_page {
    border: 2px solid #DDD;
    margin-left: 20px;
    padding: 2px 6px;
}

.pagination .prev_page {
    border: 2px solid #DDD;
    margin-right: 20px;
    padding: 2px 6px;
}

/* View Ride */

#view_ride_left {
    float: left;
    width: 640px;
}

#view_ride_right {
    float: left;
    margin-left: 20px;
    width: 270px;
}

#view_ride_left #map_canvas {
    height: 400px;
    width: 100%;
}

#ride_info {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    position: relative;
}

#ride_info p span {
    color: #888888;
    float: left;
    width: 75px;
}

#ride_info .action_container {
    position: absolute;
    right: 0;
    z-index: 10;
}

#ride_info .action_container span {
    display: block;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 7px;
    padding-right: 20px;
    position: relative;
    text-align: center;
}

#ride_info .vanpool_price {
    position: absolute;
    right: 0;
    z-index: 10;
}

#ride_info .vanpool_price div {
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding-right: 5px;
    position: relative;
    text-align: right;
}

#ride_info .vanpool_price div.one_time {
    font-size: 25px;
    line-height:15px;
}

#ride_info .vanpool_price em {
    font-size: 10px;
    font-weight: normal;
    line-height: normal;
    padding-left: 3px;
}

#ride_info .vanpool_price .descriptor {
    font-size: 12px;
    font-weight: normal;
    color: #888888;
    padding-right: 3px;
}


#ride_info dt {
    clear: both;
    color: #888;
    float: left;
    width: 75px;
}

#ride_info dd {
    float: left;
    width: 450px;
}

#ride_info #commute-table, #ride_info .timetable {
    border-collapse: collapse;
    clear: both;
    font-size: 11px;
    margin: 10px 0;
}

#ride_info #commute-table th, #ride_info .timetable th{
    border: 1px solid #D8DFEA;
    color: #888888;
    line-height: normal;
    padding: 0;
    text-align: center;
    width: 100px;
}

#ride_info #commute-table td , #ride_info .timetable td{
    border: 1px solid #D8DFEA;
    padding: 2px 0;
    text-align: center;
    width: 100px;
}

#ride_info #commute-table td span, #ride_info .timetable td span  {
    font-weight:500;
    padding-right:7px;
}

#ride_info .links {
    border-top: 1px solid #D8DFEA;
    clear: both;
    font-size: 11px;
    margin-top: 5px;
}

#ride_info .links li {
    float: left;
    margin-right: 25px;
}

#ride_info .links li a {
    padding-left: 20px;
}

#view_ride_right .actions {
    margin-top: 5px;
    padding-bottom:5px;
    overflow:auto;
    text-align:center;
}

#view_ride_right .actions li {
    border-bottom: 1px solid #F0F5F6;
}

#view_ride_right .actions li a {
    display:block;
    font-size: 13px;
    padding: 0 3px;
}

#view_ride_right .divider {
    margin: 10px 0 5px 0;
}

#view_ride_right .divider .float_right {
    font-size: 11px;
    font-weight: normal;
}

#view_ride_right .info_box {
    font-size: 12px;
    line-height: 16px;
}

#view_ride_right .info_box dt {
    clear: both;
    color: #888888;
    float: left;
    margin: 0 15px 5px 0;
    text-align: right;
    width: 75px;
}

#view_ride_right .info_box dd {
    float: left;
    margin-bottom: 5px;
    width: 180px;
}

#view_ride_right .vehicle dt {
    width: 105px;
}

#view_ride_right .vehicle dd {
    width: 150px;
}

#view_ride_right .info_box .info_box_pad {
    padding-left: 7px;
}

#view_ride_right .feedback dt {
    width: 41px;
}

#view_ride_right .feedback dd {
    width: 214px;
}

.back_to_matchlist {
    font-size: 18px;
    font-weight: bold;
}


/* Browse */

.browse_list {
    margin-bottom: 10px;
}

.browse_list dt {
    float: left;
    padding-right: 15px;
    width: 220px;
}

/* Ride Calendar */

#stat_box {
    border: 5px solid #eee;
    float: right;
    margin: 0 7px 0 20px;
    padding: 5px 10px;
    text-align: center;
}

#stat_box ul {
    margin-bottom: 5px;
}

#stat_box ul li {
    border-left: 2px solid #ddd;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    width: 113px;
}

#stat_box ul li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

#stat_box ul li b {
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
}

#ride_calendar {
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
    width: 100%;
}

#ride_calendar th,
#ride_calendar td {
    border: 1px solid #C0C0C0;
}

#ride_calendar thead th {
    color: #555555;
    font-weight: bold;
    text-align: center;
    padding: 2px 0;
}

#ride_calendar thead #monthtitle {
    background-color: #F2F2F2;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

#ride_calendar tbody td table {
    width: 100%;
}

#ride_calendar tbody td table td {
    border: 0;
}

#ride_calendar tbody td table tr:first-child td {
    border-bottom: 1px dashed #ddd;
}

#ride_calendar td {
    background-color: #EEEEEE;
}

#ride_calendar td.dropzone {
    background-color: #FFFFFF;
    background-position: 20px center;
    background-repeat: no-repeat;
    height: 42px;
    padding: 4px;
    vertical-align: top;
    width: 75px;
    line-height: 12px;
}

#ride_calendar td.dropzone.weekend {
    background-color: #EEEEEE;
}

#ride_calendar td.dropzone span {
    float: right;
    font-size: 8px;
}

#ride_calendar td.dropzone .ride_mode {
    border-color: #555;
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    margin: 0 auto;
    overflow: hidden;
    width: 55px;
}

#ride_calendar td.dropzone_hover {
    background-color: #F2FADB;
    border-color: #D3E0AF;
}

#ride_calendar td.dropzone .ride_mode.dropzone_delete_hover {
    background-color: #FF4D4D;
    cursor: pointer;
}

#ride_calendar td.dropzone .dropzone_delete_hover i {
    display: inline-block;
    margin-right: 5px;
    margin-top: -1px;
    vertical-align: top;
}

#ride_container li {
    display: block;
    float: left;
    margin: 0 0 10px 25px;
    width: 100px;
}

#ride_container_challenge li {
    display: block;
    float: left;
    margin: 0 8px;
    width: 75px;
}

#ride_container_subtext {
    font-size: 11px;
    margin-bottom: 10px;
    text-align: center;
}

.ride_mode {
    background-color: #4b4b4b;
    border: 1px solid #222;
    color: #fff;
    cursor: move;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 8px 3px 8px;
    text-align: center;

    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 0 2px rgba(255, 255, 255, 0.3),
        0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 0 2px rgba(255, 255, 255, 0.3),
        0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 0 2px rgba(255, 255, 255, 0.3),
        0 1px 1px rgba(0, 0, 0, 0.1);
}

.ride_mode.mode_1 {background-color: #a54b7d; border-color: #571c3e}
.ride_mode.mode_2 {background-color: #67a54b; border-color: #2f571c}
.ride_mode.mode_3 {background-color: #894ba5; border-color: #441c57}
.ride_mode.mode_4 {background-color: #4b93a5; border-color: #1c4c57}
.ride_mode.mode_5 {background-color: #a55c4b; border-color: #57271c}
.ride_mode.mode_6 {background-color: #a59f4b; border-color: #57531c}
.ride_mode.mode_7 {background-color: #4ba572; border-color: #1c5735}
.ride_mode.mode_8 {background-color: #4b50a5; border-color: #1c2057}
.ride_mode.mode_9 {background-color: #465A89; border-color: #172B59}
.ride_mode.mode_10 {background-color: #59498C; border-color: #28185B}
.ride_mode.mode_11 {background-color: #CCB95D; border-color: #85731E}
.ride_mode.mode_12 {background-color: #CCA75D; border-color: #85621E}
.ride_mode.mode_13 {background-color: #50A54B; border-color: #1D6B18}
.ride_mode.mode_14 {background-color: #CA5C5F; border-color: #831E20}
.ride_mode.mode_15 {background-color: #AAC258; border-color: #677E1D}

.info_table {
    width: 100%;
}

.info_table td {
    font-size: 12px;
    line-height: 15px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.info_table td.label {
    color: #888;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 100px;
}

.info_table td.data {
    padding-top: 1px;
}

#commute_details {
    margin-bottom: 20px;
}

#dialog_details {
    display: none;
    width: auto !important;
}

#dialog_details .map {
    float: right;
    height: 250px;
    width: 250px;
}

#dialog_details form {
    padding-top: 30px;
    float: left;
}

#dialog_details form dt {
    width: 50px;
}

#dialog_details form dd {
    width: 250px;
}

#dialog_details form dd .input_text {
    width: 250px;
}

#dialog_details h2 {
    padding-top: 30px;
    font-size: 14px;
    padding-left: 60px;
    font-weight: bold;
}

/* Leaderboard */

#my_leaderboard {
    border: 0;
}

#my_leaderboard tr {
    border: 0;
}

#my_leaderboard th {
    background-color: #f2f2f2;
    border: 0;
    border-bottom: 1px solid #c2c2c2;
    font-size: 16px;
    padding: 5px 10px;
    text-align: left;
}

#my_leaderboard th.user {
    padding-left: 25px;
}

#my_leaderboard td {
    background-color: #fff;
    border: 0;
    font-size: 20px;
    padding: 10px 10px;
}

#my_leaderboard td.rank {
    font-weight: bold;
}

#my_leaderboard td.user {
    padding-left: 25px;
    text-align: left;
}

#my_leaderboard td.user img {
    vertical-align: middle;
}

#my_leaderboard_length {
    display: none;
}

.stat_box {
    border: 5px solid #eee;
    padding: 10px;
    text-align: center;
}

.stat_box b {
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
}

.reward_box {
    background: #eee;
    margin-top: 15px;
    padding: 10px;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.reward_box img {
    float: left;
    margin-right: 10px;
}

.reward_box p {
    font-size: 14px;
}

/*-------JQUERY UI DIALOG--------*/

.ui-widget-overlay {
    background-color: #000;
    filter: alpha(opacity=10);
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
}

.ui-dialog {
    background:#777;
    padding: 2px;
    position:fixed;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
}

.ui-dialog div:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
}

.ui-dialog-titlebar {
    border-bottom: 1px solid #ccc;
    background:#f1f1f1;
    cursor: move;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 6px 22px 6px 10px;
    position: relative;
    /*	width:427px !important;*/
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
}

.ui-dialog-titlebar-close {
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 2px;
    line-height:14px;
    padding:0 4px 4px 4px;
    text-decoration: none;
    top:0;
}

.ui-dialog-titlebar-close:hover {
    color: #444 !important;
    background:#ddd;
}
.ui-dialog-titlebar-close:active {
    color: #222 !important;
    background:#bbb;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(160, 160, 160, 1)), to(rgba(255, 255, 255, 1)));
    background:-moz-linear-gradient(top, rgba(160, 160, 160, 1), rgba(255, 255, 255, 1));
}

.ui-dialog-content {
    width:408px;
    background:#fff;
    padding:22px 16px 22px 35px;
    padding-bottom:15px;
    overflow:auto;
}
.ui-dialog-content img{
    float:left;
    margin-right:20px;
}

.ui-dialog-content p,
.ui-dialog-content ol {
    background:#fff;
    font-size:12px;
}
.ui-dialog-content ol {
    margin-top: 12px;
}
.ui-dialog-content p.shift {
    font-size:11px;
    margin-left:70px;
    color:#777;
}
.ui-dialog-content fieldset{
    margin-bottom:0 !important;
    border:0 !important;
}
.ui-dialog-content dt{
    width:66px !important;
}
.ui-dialog-content dd{
    width:315px !important;
}
.ui-dialog-content dd, .ui-dialog-content dt{
    padding:3px 0 !important;
}
.ui-dialog-content dd p{
    width:330px;
    color:#999;
    margin:1em 0 !important;

}
.ui-dialog-content dd textarea{
    margin-bottom:0 !important;
}
.ui-dialog-buttonpane {
    background:#fff;
    padding: 15px 20px 18px 20px;
    text-align: right;
}

.ui-dialog-buttonpane button {
    margin-left: 10px;
    padding:4px 13px;
    color:#444;
}
.ui-dialog-buttonpane button.confirm {
    padding:4px 21px;
    color:#fff;
    font-weight:bold;
}

.ui-dialog-buttonpane button:first-child {
    margin-left: 0;
}

/* RIDE DETAILS PAGE POPUP STYLING */
.zdialog textarea {
    width:307px;
    height:30px;
    font-size:12px;
    margin:5px 0;
}
#offer-box .radios {
    color:#333;
    margin:8px 5px 6px 0;
}
#offer-box .radios input {
    margin:10px 6px 7px 0;
}
#sendmessage-box textarea {
    margin-top:0;
    /*height:50px;*/
}
#offer-box a, #request-box a, #sendmessage-box a {
    bottom:29px;
    right:220px;
    display:inline-block;
    margin-top:6px;
    line-height:9px;
    outline: 0;
    font-size:11px;
}
#offer-box a img, #request-box a img, #sendmessage-box a img {
    width:auto;
    margin-right:4px;
}

#my-rides {
    float:right;
    width:500px;
}

#my-rides h2 {
    font-weight: bold;
}

#my-rides #inner-sidebar {
    float:left;
    width:100px;
}
#my-rides #inner-content {
    float:right;
    width:520px;
}
#my-rides .section {
    margin-bottom:5px;
}
#my-rides h2.header {
    border-bottom:1px solid #D8DFEA;
    font-size:11px;
    line-height:18px;
    margin:0 0 0 10px;
    overflow:hidden;
    padding:2px 0;
}
#my-rides .profile-info {
    padding:7px 0 7px 10px;
}
#my-rides dl.info {
    margin:0;
}
#my-rides dl.info dt, #my-rides dl.info dd {
    padding:1px 0 3px;
}
#my-rides dl.info dt {
    clear:left;
    color:#808080;
    float:left;
    text-align:right;
    width:119px;
}
#my-rides dl.info dd {
    float:left;
    margin:0;
    padding-left:10px;
    width:340px;
}

#community a {
    font-weight: normal;
    font-size: 13px;
}

#community h2 {
    border-bottom: 1px solid #D5DFE1;
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-right: 15px;
}

#community #commute_header,
#community #travel_header {
    font-weight: bold;
}

#admin_column_left ul {
    margin-top: -10px;
}

#admin_column_left ul li {
    text-align:right;
    border-bottom: 1px solid #D5DFE1;
}

#admin_column_left ul li.last{
    border: none;
}

#admin_column_left .browsebox {
    text-align:right;
}

#admin_column_left .browsebox h1{
    border: none;
}

#admin_stats {
    padding: 20px;
}

#green_data {
    width: 100%;
    height: 350px;
    margin-bottom: 30px;
}

#green_data .gauge_right{
    margin-left: 90px;
}

#green_data .gauge_left{
    margin-left: 90px;
}

#green_right_col {
    float: left;
    width: 380px;
    text-align: center;
}

#green_left_col {
    float: left;
    width: 380px;
    text-align: center;
}

#green_footnotes {
    margin-top: 20px;
}

#live_data {
    float: left;
    height: 650px;
    width: 100%;
}

#live_data #map {
    float: left;
    width: 57%;
    height: 100%;
}

#live_data #other_data {
    width: 40%;
    float:left;
    height: 100%;
}

#live_data .other_data {
    height: 40%;
}

#live_data .gauge {
    margin-left: 68px;
    height: 28%;
}

#stats_text {
    margin-bottom: 20px;
    float:left;
}

h4 {
    font-size: 18.2px;
    margin-bottom:10px
}

ul.numbered-list, ol.numbered-list {
    padding-left: 40px;
    padding-right: 40px;
}

li.numbered-list {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:decimal;
}

li.numbered-list h3 {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 100%;
    font-weight: bold;
}


ul.unnumbered-list {
    padding-left: 40px;
    padding-right: 40px;
}

li.unnumbered-list {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
}

li.unnumbered-list h3 {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 100%;
    font-weight: bold;
}

#faq h2 {
    border-bottom: 1px solid #D5DFE1;
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

#faq dd {
    margin-left: 40px;
    font-size: 12px;
}

#faq dt {
    font-weight: bold;
}

.ac_results {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
    z-index: 15;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_results li {
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.ac_over {
    background-color: Highlight;
    color: HighlightText;
}

#location_form.standard dd p, #location_form.standard dd span {
    width: 100%;
}

#location_form.standard dd .error {
    margin-bottom: 0px;
    margin-top: 5px;
    float: left;
    clear: both;
}

#location_form.standard dd .error p {
    margin-top: 0px;
}

#locations_id {
    width: 410px;
    float: left;
}

#locations_wrap #map_canvas {
    height: 325px;
    width: 325px;
}

.location_list {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 6px;
    padding-bottom: 15px;
}

#infohtml .progress {
    display: none;
    color: #BB0000;
}

#infohtml .finished {
    display: none;
    color: #008800;
}

#infohtml {
    width: 200px;
}

.location_text {
    padding-bottom: 2px;
}

.subscribe dd{
    padding-top: 8px;
    font-size: 12px !important;
}

.subscribe .cancel {
    margin-left: 0px !important;
}
.remove_inquiry_facebox button {
    margin-left: 131px !important;
}

blockquote {
    font-size: 13px;
    padding-left: 25px;
    padding-right: 25px;
    font-style: italic;
}

.floating_map {
    position: relative;
    background-color: #F2F2F2;
    border: 1px solid #C0C0C0;
    overflow: hidden;
}

.floating_map #map_canvas {
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 0px !important;

}

.floating_map form {
    font-size: 11px;
}

.small-text {
    font-size: 12px;
}



#vehicle-picker {
    background:#fff;
    border: 1px solid #C1D5E8;
    float:left;
    padding:10px;
    margin-bottom:15px;
    width:350px;
}

#signup-process {
    color: #333;
    float: right;
    padding: 12px 20px 20px 20px;
    text-align: center;
}

#signup-process h2 {
    font-weight: bold;
}

/* Information "callout" */
.information {
    color: #333;
    margin: 5px 0;
    background: #FF0000;
}

.information img {
    float: left;
    margin: -1px 0 0 -23px;
}

.information h2 {
    font-weight: bold;
}

.information div {
    background: #FEFAE3;

    padding: 8px;
}

.float-images img{
    float: left;
}


/* profile */

.sidebar .actions li {
    border-bottom: 1px solid #F0F5F6;
}

.sidebar .actions li a {
    display: block;
    font-size: 13px;
    padding: 0 3px;
}

.sidebar .divider {
    margin-bottom: 5px;
}

.sidebar .divider .float_right {
    font-size: 11px;
    font-weight: normal;
}

.sidebar .info_box {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
}

.sidebar .info_box dt {
    width: 75px;
}

.sidebar .info_box dd {
    width: 180px;
}

.sidebar .feedback dt {
    width: 41px;
}

.sidebar .feedback dd {
    width: 214px;
}


/* Profile */

#profile_left {
    float: left;
    width: 285px;
}

#profile_right {
    float: left;
    margin-left: 20px;
    width: 635px;
}

h1.name_heading {
    border-bottom: 1px solid #D5DFE1;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#profile_left .actions {
    margin: 0 auto 10px auto;
    width: 200px;
}

#profile_left .actions a {
    font-size: 13px;
}

#profile_left .info_box dt {
    width: 100px;
}

#profile_left .info_box dd {
    width: 165px;
}

#profile_left .info_box.feedback dt {
    width: 41px;
}

#profile_left .info_box.feedback dd {
    width: 224px;
}

#profile_right .info_box dt {
    width: 80px;
}

#profile_right .info_box dd {
    width: 425px;
}

#profile_right .vehicle_container {
    text-align: center;
    width: 100px;
    padding-bottom: 10px;
}

#profile_right .vehicle_container p {
    line-height: 15px;
}

#profile_right .vehicle_container dt {
    line-height: 12px;
}

.uploading {
    display: none;
}

.uploading div {
    font-weight: bold;
    text-align: center;
    margin: 50px 50px 50px 50px;
}

.wall_post {
    background-color: #F0F5F6;
    border-bottom: 1px solid #CAD1E2;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 7px 10px 7px 75px;
    position: relative;
}

.wall_post_pic {
    left: 10px;
    position: absolute;
}

.wall_post_foot {
    color: #666;
    font-size: 12px;
    margin-top: 2px;
}

.wall_form {
    border-bottom: 1px solid #EEE;
    padding: 5px 0 10px 0;
    margin-bottom: 10px;
}

.wall_form #wall_text_container {
    border: 1px solid #ACACAC;
}

.wall_form #wall_text_shadow {
    border-top: 1px solid #E8E8E8;
    padding: 2px 5px 3px;
}

.wall_form #wall_text {
    border: 0;
    color: #808080;
    height: 25px;
    line-height: 25px;
    vertical-align: bottom;
    width: 628px;
}

.wall_form #wall_text:focus {
    outline: none;
}

.wall_submit button {
    display: none;
    float: right;
    margin-top: 5px;
}

.wall_time{
    float:right;
    font-size:10px;
    margin-top:-22px;
    color: grey;
}

.wall_no_posts {
    display:block;
    margin-bottom:10px;
    padding:5px 10px;
    margin-left:5%;
}

#cur_rides {
    margin-bottom: 20px;
}

.info_box.deactivate {
    margin-top: 25px;
}

.full_banner {
    margin-left: -15px;
    margin-top: -15px;
}

#esurance-video {
    position:relative;
    top: 47px;
    left:340px;
    width:500px;
}


/* Internal Stats table */

.normal_cell {
    text-align: center;
}

.border_right_cell {
    border-right: 1px solid #bbbbbb;
}

/* End of Internal Stats table */





/* Vanpooling */

#vanpool_top {
    float: left;
    width: 910px;
}

#vanpool_left {
    float: left;
    width: 325px;
}

#vanpool_right {
    float: left;
    margin-left: 20px;
    width: 585px;
}

#vanpool_top .info_box dt {
    width: 100px;
}

#vanpool_top .info_box dd {
    width: 590px;
}
#vanpool_right #map_canvas {
    height: 500px;
    margin-bottom: 20px;
    width: 585px;
}

#vanpool_right .square_map {
    height: 500px !important;
}

#vanpool_left .header {
    float:left;
    width:100%;
    padding-bottom:5px;
}

#vanpool_left .row_odd {
    float:left;
    width:100%;
    border-bottom:1px solid #DDDDDD;
}

#vanpool_left .row_even {
    float:left;
    width:100%;
    background-color:#F2F2F2;
    border-bottom:1px solid #DDDDDD;
}

.first_pic_listing {
    clear:left;
    padding-left:15px;

    margin:0px;
    width:60px;
    float:left;
    text-align:right;
    font-size:10px;
    line-height:12px;
    overflow: hidden;
}

.pic_listing {
    margin:0px;
    width:60px;
    float:left;
    text-align:right;
    font-size:10px;
    line-height:12px;
    overflow: hidden;
}

#facebox td .vanpool_apply1 {
    text-align:right;
    padding-right:20px;
    padding-bottom: 5px;
    padding-left: 20px;
    width:120px;
    font-weight:bold;
}

#facebox td .vanpool_apply2 {
    padding-bottom: 5px;
}

.manage_users {
    padding-top: 0px;
    background: transparent url('/assets/images/icon_matchlist.png') center left no-repeat;
}

.manage_users a {
    padding-left: 20px;
}

.edit_vanpool {
    background: transparent url('/assets/images/icon_editride.png') center left no-repeat;
}

.deactivate_vanpool {
    background: transparent url('/assets/images/icon_deactivateride.png') center left no-repeat;
}

.switch_vanpool {
    background: transparent url('/assets/images/round_trip_small_blue.png') center left no-repeat;
}

.activate_vanpool {
    background: transparent url('/assets/images/icon_accept.png') center left no-repeat;
}

.delete_vanpool {
    background: transparent url('/assets/images/icon_negative.png') center left no-repeat;
}


.invalidstop_vanpool {
    background: #FFCCCC;
    width:16px;
    height:16px;
}

.invalidstop_vanpool p {
    padding-left: 20px;
}

.deactivate_vanpool a {
    padding-left: 20px;
}

.activate_vanpool a {
    padding-left: 20px;
}

.edit_vanpool a {
    padding-left: 20px;
}

.delete_vanpool a {
    padding-left: 20px;
}


.vanpool_management tr {
    border:1px solid #CCCCCC;
}

.vanpool_management td {
    padding: 5px 0px 5px 5px;
}

.vanpool_management .numeric {
    padding: 5px 5px 5px 0px;
    text-align: center;
}

.manage_users p {
    padding-left: 20px;
}

.edit_vanpool p {
    padding-left: 20px;
}

.deactivate_vanpool p {
    padding-left: 20px;
}

.switch_vanpool p {
    padding-left: 20px;
}

.activate_vanpool p {
    padding-left: 20px;
}

.delete_vanpool p {
    padding-left: 20px;
}



#admin_vanpool_top {
    float: left;
    width: 760px;
}

#admin_vanpool_top .info_box dt {
    width: 100px;
}

#admin_vanpool_top .info_box dd {
    width: 390px;
}

h1.name_heading button {
    -webkit-box-shadow: #EEEEEE 0 1px 0;
    background: #e5e5e5 url('/assets/images/bg_button_grey.gif') top repeat-x scroll;
    border: 1px solid #999999;
    border-bottom-color: #888888;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: auto;
    line-height: 17px;
    padding: 2px 8px 3px 8px;
    width: auto;
    cursor:pointer;
}

table.add_vanpool td, table.add_vanpool th {
    padding-left: 2px;
    padding-right: 2px;
}

table.add_vanpool td {
    padding-top: 2px;
}

table.add_vanpool td.extra, table.add_vanpool th.extra {
    padding-left: 10px;
}

table.add_vanpool input.slim {
    width: 220px !important;
}

form.vanpool dt {
    width: 80px !important;
}

form.vanpool dd select.super_slim {
    width: 47px !important;
}

form.vanpool dd {
    width: 840px;
}

form.standard.vanpool td.sub_check_box {
    padding-left: 10px;
}

form.standard.vanpool td.sub_check_box input.checkbox {
    float: none;
}

form.standard.vanpool td.sub_check_box label {
    display:inline;
    float:none;
    font-size:11px;
    padding-right:0;
}

.vanpool_price {
    padding-left: 0px !important;
}

.pipe {
    padding-left:4px;
    padding-right:4px;
}

.facebox_list ul {
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 8px;
}

.facebox_list ul li {
    list-style-type: disc;
    margin-left: 2em;
    font-weight: bold;
    font-size: 14px;
}

.vanpool_management .notice {
    font-size: 14px;
}

.vanpool_management .notice a {
    font-weight: bold;
}


/** self-serve events **/

.eventpage-container {
    border-right: 1px solid #2F571C;
    border-top: 1px solid #2F571C;
    margin-bottom: 20px;
}

.eventpage-box {
    border-bottom: 1px solid #2F571C;
    border-left: 1px solid #2F571C;
    padding-bottom: 0px;
}

.eventpage-box h3 {
    background: #6EA953;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 3px 8px;
}

.eventpage-box h3 span {
    font-size: 12px;
    padding-bottom: 5px;
}

.eventpage-content {
    padding: 0px 0px 0px 0px;
}

.event_container {
    margin-left: 0px;
    background:#fff;
    border:1px solid #fff;
    margin-bottom:5px;
    padding:7px;
    margin-right: 10px;
    width: 98%;
}

.select_box {
    width: 250px;
    height: 350px;
    border: 2px solid #C0C0C0;
}

.eventActionIcons {
    width: 65px;
    border-bottom:1px solid #efe7ef;
    background:none repeat scroll 0 0 #ECEFF5;
    color:#333333;margin:0;
    padding-top: 5px;
}

.eventActionIcons ul li {
    float: left;
    padding-right: 4px;
}



.duplicate_ride table {
    width: 70%;
}

.duplicate_ride table thead {
    background-color: #F2F2F2;
}

.duplicate_ride table thead th.align_center {
    font-weight: bold;
    padding: 0 5px;
}

.duplicate_ride table tbody tr.row_alt {
    background-color: #FCFCFC;
}


.duplicate_ride table tbody.bordered_rows td {
    border-bottom: 1px solid #EEE;
    padding: 4px;
}

.duplicate_ride table tbody.bordered_cols td {
    border-right: 1px solid #EEE;
    padding: 4px;
}

.duplicate_ride table tbody.bordered_cols td.last {
    border-right: 0;
    padding: 4px 0 4px 4px;
}

.visualizations-indent {
    text-indent: 25px;
    border: 1px solid #EEEEEE;
}

.visualizations-center {
    text-align: center;
    border: 1px solid #EEEEEE;
}

.visualizations-bordertop {
    border-top: 2px solid;
}

.greenhouse_facebox {
    width: 500px;
}

form button.login{
    background: #6ea953 url('/assets/images/bg_button_confirm.gif') top repeat-x scroll;
    border: 1px solid #2f571c;
    border-bottom-color: #284d17;
    color: #FFFFFF;
    width: 160px;
    font-size: 18px;
    padding: 4px;
}

form button.login:hover,
form button.login:focus {
    cursor: pointer;
}

form button.login:active {
    background-image: none;
}


.line_separator {
    border-bottom: 1px solid #D5DFE1;
    font-size: 24px;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

#terms p {
    margin-bottom: 10px;
}

#terms li {
    margin-bottom: 10px;
}

table.styled_table thead {
    background-color:#F2F2F2;
}

table.styled_table thead th {
    font-weight: bold;
    padding-left: 5px;
}

table.styled_table tr {
    border: 1px solid #CCCCCC;
}

table.styled_table td {
    padding: 5px;
}

table.styled_table td.indented {
    padding-left: 30px;
}

table.styled_table td.double-indented {
    padding-left: 60px;
}


/*------special attributes by marc------*/


h3.divider.tall {
    height:25px;
    line-height:25px;
}

#map.bumpdown {
    margin-top:10px;
}
.newAddRideStyle #add_ride button {
    -webkit-box-shadow: #EEEEEE 0 1px 0;
    background: #e5e5e5 url('/assets/images/bg_button_grey.gif') top repeat-x scroll;
    border: 1px solid #999999;
    border-bottom-color: #888888;
    color: #333333;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    height: auto;
    line-height: 19px;
    padding: 3px 10px 4px 10px;
    width: auto;
    float: right;
}
.newAddRideStyle #add_ride button.confirm {
    background: #6ea953 url('/assets/images/bg_button_confirm.gif') top repeat-x scroll;
    border: 1px solid #2f571c;
    border-bottom-color: #284d17;
    color: #FFFFFF;
    padding:5px 15px;
}

.newAddRideStyle #step_1 input[type="text"] {
    width:435px;
}
.newAddRideStyle .changestep {
    width: 476px !important;
    padding:20px 0;
    text-align:right;
}
.newAddRideStyle #step_3 .changestep {
    margin-left:0;
}
.newAddRideStyle .changestep a, .newAddRideStyle .changestep button {
    text-align:right;
    margin-left:12px !important;
    display:inline-block;
}
.newAddRideStyle .changestep a {
    font-size:1.2em !important;
    border:1px solid #ddd;
    padding:4px 9px;
}
.newAddRideStyle .changestep a:active {
    background-color:#f9f9f9;
}
.newAddRideStyle .bigradio {
    overflow:hidden;
    width: 112px;
    height:90px;
    padding-left:33px;
    border:1px solid #ddd;
    float:left;
    margin-right: 10px;
    margin-top: 5px;

}
.newAddRideStyle .bigradio:hover, .newAddRideStyle .bigradio *:hover, .newAddRideStyle .medradio:hover, .newAddRideStyle .medradio *:hover {
    cursor:pointer;
}
.newAddRideStyle .bigradio input, .newAddRideStyle .bigradio label {
    margin-top:65px !important;
    padding:0 0 0 10px !important;
    font-weight:700;
}
.newAddRideStyle .medradio {
    overflow: auto;
    width:211px;
    height:50px;
    padding-left:67px;
    border:1px solid #ccc;
    float:left;
    margin-bottom:135px;
    background-color:#fff;
}
.newAddRideStyle .medradio input, .newAddRideStyle .medradio label {
    margin-top:18px !important;
    padding:0 0 0 10px !important;
    font-weight:700;
}
.newAddRideStyle .medradio label {
    line-height:14px !important;
}
.newAddRideStyle #regcommute {
    background-image:url('/assets/images/calendar.gif');
    margin-right:13px;
    background-repeat:no-repeat;
    background-position:75% 12px;
}
.newAddRideStyle #singletrip {
    background-image:url('/assets/images/road.gif');
    background-repeat:no-repeat;
    background-position:75% 12px;
}
.newAddRideStyle #singletripwrapper select {
    position:relative;
    top:-2px;
}
.newAddRideStyle #driverselect,  .newAddRideStyle #motoselect{
    background-image: url('/assets/images/icon-driver.jpg');
    margin-right:15px;
    background-repeat:no-repeat;
    background-position:50% 9px;
}
.newAddRideStyle #otoselect,  .newAddRideStyle #motoselect{
    background-image: url('/assets/images/icon-driver.jpg');
    margin-right:15px;
    background-repeat:no-repeat;
    background-position:50% 9px;
}

.newAddRideStyle #motoselect{background-image: url('/assets/images/moto.gif');
                             background-repeat: no-repeat;
                             background-position: 50% 9px; }

.newAddRideStyle #bicycleselect{background-image: url('/assets/images/bicycle.gif');
                                background-repeat: no-repeat;
                                background-position: 50% 9px; }

.newAddRideStyle #passengerselect {
    background-image: url('/assets/images/icon-passenger.jpg');
    background-repeat:no-repeat;
    background-position:50% 9px; }

.newAddRideStyle #add_ride .ac_input {
    font-size:1.4em !important;
    padding-left:8px !important;
    width:419px;
}
.newAddRideStyle .step_container .left {
    text-align:left !important;
}
.newAddRideStyle .step_container .right {
    text-align:right !important;
}
.newAddRideStyle fieldset p {
    color:#666;
}
.newAddRideStyle #add_ride .heading {
    font-weight:700;
    font-size:18px;
    margin-left:30px;
}
.newAddRideStyle #step_2 dd.selection {
    margin-top:25px;
    margin-left:30px;
    width:580px;
}
.newAddRideStyle .triptabs {
    width:570px !important;
    margin:0 !important;
    margin-top:10px;
    padding:0 30px;
    float:left;
    /*border:1px solid #ccc;*/
}
.newAddRideStyle .triptabs label {
    font-weight:700;
}
.newAddRideStyle #caret {
    padding-top:8px;
    padding-bottom:0 !important;
    overflow:hidden;
    position:relative;
    top:4px;
}
.newAddRideStyle #caret img{
    display:block;
    padding:0 108px 0 0;
    z-index:50;
}
.newAddRideStyle #add_ride #commute-table {
    border:1px solid #ccc;
    border-top:0;
    overflow:auto;
    width:605px;
}
.newAddRideStyle #add_ride #commute-table p {
    color:#333;
}
.newAddRideStyle #add_ride #commute-table ul{
    width:570px;
    overflow:auto;
    float:left;
    width:120px;
}
.newAddRideStyle #add_ride #commute-table li {
    height:25px;
    padding:5px 15px;
    border-top:1px solid #ccc;
}
.newAddRideStyle #add_ride #commute-table li.first {
    height:45px;
    padding:15px;
    background-color:#f9f9f9;
}
.newAddRideStyle #add_ride #commute-table h3 {
    font-size:14px;
    line-height:1em;
    margin-bottom:5px;
}
.newAddRideStyle #add_ride #commute-table li.first p {
    font-size:1.2em;
    line-height:1.3em;
}
.newAddRideStyle #col1 {
    width:160px !important;
    /*vertical-align:top;*/
}
.newAddRideStyle #col4 {
    width: 45px !important;
    overflow:hidden !important;
    /*vertical-align:top;*/
}
.newAddRideStyle #add_ride #commute-table label {
    font-weight:normal;
    font-size:1.2em !important;
}
.newAddRideStyle #add_ride #commute-table select {
    width:96px;
    margin-top:4px;
}
.newAddRideStyle #add_ride #commute-table a.edit {
    display:inline-block;
    line-height:2em;
    background-color:#fff;
}
.newAddRideStyle #add_ride #commute-table label {
    line-height:0.9em;
    padding-left:1em;
}
.newAddRideStyle #cost,
.newAddRideStyle #seats,
.newAddRideStyle #cost_other,
.newAddRideStyle #cost_total,
.newAddRideStyle #total_seats,
.newAddRideStyle #suggest_price_input,
.newAddRideStyle #payment_price,
.newAddRideStyle #select_seat{
    font-size:23px;
    height:40px;
    width:160px !important;
}

.newAddRideStyle .input-arrows {
    width:22px;
    float:left;
    border:1px solid #bbb;
    height:47px;
    margin-left:5px;
    /*position:relative;
    left:-5px;*/
    background:#fff;
    overflow:hidden;
    display:inline-block;
}
.newAddRideStyle .input-arrows img {
    margin:4px 0 0 4px;
    overflow:hidden;
}
.newAddRideStyle .increment, .newAddRideStyle .decrement {
    display:block;
    height:23px;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.1)));
}
.newAddRideStyle .increment {
    border-bottom:1px solid #bbb;
}
.newAddRideStyle .increment:active, .newAddRideStyle .decrement:active {
    -webkit-box-shadow:inset 0px 1px 3px #888;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.1)));
}
.newAddRideStyle #dollarsign{
    float:left;
    font-size:13px;
    line-height:1.7em;
    padding:20px 10px 0px 4px
}
.newAddRideStyle #step_3 dt {
    float:left;
    text-align:left;
    font-size:13px;
    margin-bottom:0.5em;
    margin-left:12px;
}
.newAddRideStyle #step_3 dd {
    margin-left:40px;
}
.newAddRideStyle #step_3 p {
    margin-left:0px;
}
.newAddRideStyle #price-per {
    font-size:13px;
    line-height:3em;
    padding:20px 10px 0px 4px
}
.newAddRideStyle #step_3 textarea.clickaway {
    width:414px;
    height:100px;
}
.newAddRideStyle #step_3 .badWord, .newAddRideStyle #seats {
    margin-left:0px;
}
.newAddRideStyle #step_3.hidden dd.selection {
    margin-left:70px;
}
.newAddRideStyle #singletripwrapper, #daily {
    background-color:#f9f9f9;
    overflow:auto;
    width:475px;
    padding:16px 0px 16px 95px;
    border:1px solid #ccc;
    position: relative;
    top: -1px;
}
.newAddRideStyle #singletripwrapper label {
    /* need background color set for ie6/7 to prevent opacity blur */
    background-color:#f9f9f9;
}
.newAddRideStyle #there_one_time {
    margin:0 0 6px 13px;
}
.newAddRideStyle #there_time, .newAddRideStyle #back_time {
    width:140px;
    margin-left:30px;
}
.newAddRideStyle .errormsg {
    color:red;
    font-size:1.1em;

}
.errored {
    border:1px solid #e61e0b !important;
    -webkit-box-shadow:0 0 4px red;
}
.newAddRideStyle #flex {
    width:174px !important;
    font-weight:400;
}
.newAddRideStyle #flex .pillbuttons {
    overflow:hidden;
    display:inline-block;
}
.newAddRideStyle #flexheader {
    overflow:auto;
}
.newAddRideStyle #flexheader span {
    float:left;
    font-size:11px;
}
.newAddRideStyle #flexheader span.last {
    float:right;
    padding-right:38px;
}
.newAddRideStyle #flex .pillbuttons div {
    display:inline-block;
    font-size:10px;
    padding:0 5px;
    margin:0px -3px 0px 0px;
    border-left:0;
    font-weight:400;
    color:#555;
}
.newAddRideStyle #flex .pillbuttons div.first {
    border-left:1px solid #999 !important;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-bottomleft:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-bottom-left-radius:2px;
}
.newAddRideStyle #flex .pillbuttons div.last {
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-right-radius:2px;
}
.newAddRideStyle #flex .pillbuttons div.chosen {
    font-weight: bold;
    color:#222;
    background: #e5e5e5 url('/assets/images/bg_button_grey_depressed.gif') top repeat-x scroll;
    /*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)));*/
}

.newAddRideStyle #step_1 label {
    font-size:1.1em;
}
.newAddRideStyle #step_1 .errormsg {
    position:relative;
    top:5px;
}
.newAddRideStyle #step_2 .selection {
    padding-bottom:0;
}
.newAddRideStyle #map_container.floating_map form {
    display:none;
}
.newAddRideStyle #step_3 .selection p {
    margin-left:0;
}

.banner {
    text-align:center;
    background:#f2f2f2;
    margin-bottom:15px;
    border-radius:5px;
}
.banner h1 {
    padding-top:0.8em;
}
.event-banner img {
    display:inherit;
    margin:5px auto;
    padding-bottom:10px;
    max-width: 900px;
}
.event_description {
    text-align:center;
    padding-top:10px;
}
.mapfixed {
    position:fixed;
    top:20px;
    margin-left:655px !important;
    z-index:50;
}
.mapfixed.admin {
    margin-left:430px !important;
}


/* Inbox */

#inbox h3.divider, #convo h3.divider, #account-tabs h3.divider {
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    line-height:28px;
}

#inboxtitle {
    color: #404040;
    font-size: 16px;
}

#inbox ul li {
    border-top: 1px solid #ddd;
    position: relative;
}

#inbox ul li:first-child {
    border-top: 0;
}

#inbox ul li {
    display: block;
    font-weight: normal;
    padding: 15px 7px 15px 0;
}

#inbox .padding_override {
    padding: 0px;
    padding-bottom: 5px;
}
#inbox li:hover {
    background-color:#fbfbfb;
}

#inbox ul li img {
    display: block;
    float: left;
    margin-right: 15px;
}
#inbox ul li small {
    color:#bbb;
    font-size:14px;
}
#inbox ul li .date {
    color: #b2b2b2;
    padding:0;
    font-size:12px;
}

#inbox ul li .status {
    color: #888f99;
}

#inbox ul li .status.pending {
    color: #038ff0;
}

#inbox ul li .status.accepted {
    color: #107700;
}

#inbox ul li .sender {
    font-size: 16px;
    padding-top: 2px;
}

#inbox ul li .sender small {
    /* Modify default style if desired. */
}

#inbox ul li .snippet {
    color: #999;
    text-transform:uppercase;
    font-weight:600;
    font-size:11px;
}

#inbox ul li .snippet span {
    color: #888;
    margin-right: 5px;
}

#inbox ul li.unread .indicator {
    background: url('/assets/images/message_sprites.png') no-repeat -19px -14px;
    display: block;
    height: 9px;
    left: 5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 9px;
}

#inbox ul li.unread .sender, #inbox ul li.unread .sender a {
    font-weight: bold;
}

/*-----------CONVERSATION PAGE---------*/
#convo #map_canvas.square_map {
    width:300px;
    height:250px !important;
}
#convo #wide_column_left {
    width: 620px;
    padding-bottom:30px;
}
#convo h3.divider span.title {
    font-size:14px;
}

#convo #column_right {
    margin-left: 20px;
    width: 300px;
}

#convo .status_inactive {
    color: #7d7d7d;
}

#convo .status_talking {
    color: #038ff0;
}

#convo .status_zimriding {
    color: #107700;
}

#convo .divider {
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#convo .divider .back {
    float: left;
    margin-right: 25px;
}

#convo .divider .status {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #7d7d7d;
    float: right;
    margin-left: 25px;
    padding: 0 8px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}

#convo .message_list li {
    border-top: 1px solid #eee;
    padding: 10px 0 15px 0;
}

#convo .message_list li img {
    float: left;
    margin-right: 15px;
}
#convo .message_list li.status-update {
    padding: 10px 0 10px 0;
}
#convo .message_list li.status-update img {
    margin-right: 45px;
}

#convo .message_list li span.float_right {
    color: #bbb;
    font-size:12px;
}

#convo .message_list li .content {
    margin-top: 5px;
    padding-left:65px;
    padding-right:30px;
}

#convo .message_composer {
    margin-top: 20px;
}

#convo .message_composer img {
    float:  left;
    height: 32px;
    margin: 21px 23px 0 0;
    width: 32px;
}

#convo #composer {
    background:#f9f9f9 -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(240,240,240,1)),to(rgba(255,255,255,1)));
    border: 1px solid #d9d9d9;
    padding: 20px;
    position: relative;
    padding-bottom: 15px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

#convo #composer .nub {
    background: url('/assets/images/message_sprites.png') no-repeat 0 0;
    display: block;
    height: 28px;
    left: -18px;
    position: absolute;
    width: 18px;
    top: 24px;
}

#convo #composer textarea {
    background: #fff url('/assets/images/bg_input_text.gif') top repeat-x;
    border: 1px solid #c1d5e8;
    display: block;
    margin-bottom: 10px;
    padding: 5px 7px;
    width: 507px;
}

#convo #composer button {
    font-size: 15px;
    line-height: 18px;
    padding: 3px 25px 5px 25px;
}

#convo #composer select {
    margin-top: 7px;
    width: 150px;
}

#convo #composer .action {
    display: none;
}

#convo #composer h3 {
    margin-bottom: 5px;
}

#convo #composer p {
    margin-bottom: 10px;
}

#convo #map {
    height: 300px;
    margin-bottom: 5px;
    width: 300px;
}

#convo .ride_details {
    background: #fbfbfb;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

#convo .ride_details .header {
    line-height: 25px;
    padding: 5px 10px;
    background:#f4f4f4 -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(240,240,240,1)),to(rgba(255,255,255,1)));
}

#convo .ride_details .header input {
    margin-left: 5px;
}

#convo .ride_details .header a {
    cursor: pointer;
    padding-right: 12px;
    position: relative;
}

#convo .ride_details .header a i {
    background: url('/assets/images/message_sprites.png') no-repeat -19px 0;
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
}

#convo .ride_details .content {
    border-top: 1px solid #d9d9d9;
    font-size: 12px;
    padding: 15px;
}

#convo .ride_details .content ul {
    margin: 10px 0 5px 0;
}

#convo .ride_details .content ul li {
    float: left;
    line-height: 16px;
    font-size: 11px;
    width: 122px;
}

#convo .ride_details .content ul li:first-child {
    margin-right: 20px;
}

#convo .ride_details .content ul li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#convo .ride_details .content ul li p:first-child {
    font-weight:bold;
    font-size:12px;
}


#convo .ride_details.collapsed .header a i {
    background-position: -19px -7px;
}

#convo .ride_details.collapsed .content {
    display: none;
}

#convo .ride_details .reverse_match_text {
    width: 190px;
    font-size: 10px;
    line-height: 12px;
}

#convo .hints {
    margin-top: 20px;
}

#convo .hints h2 {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 2px;
}

#convo .nomargin {
    margin-top: 0px;
}

#convo .hints h2 span {
    font-size: 18px;
}

#convo .hints ul li {
    color: #8e8e8e;
    margin-top: 15px;
}

#convo .title .subject {
    font-weight:bold;
}
#convo .ride_details li p:first-child {
    font-size:10px;
}
#convo .marker {
    height:20px;
    float:left;
    padding-right:10px;
    padding-top:3px;
}
#convo #spinner img {
    width:16px;
    height:16px;
    opacity:0.5;
    filter:alpha(opacity=50);
    margin:7px 15px 0;
}


/* Dashboard mods by marc */
#headerpic {
    display:inline-block;
    vertical-align:middle;
    padding-right:10px;
    padding-left:2px;
}

#headerpic img{
    height:20px;
}
ul.actions li {
    text-align:center;
    /*float:right !important;*/
}
ul.actions button {
    line-height:20px;
}
.profile_story_last {
    padding-bottom:0;
}

/*#prompt_actions.bluebox {
        width:613px;
        margin-bottom:30px;
        background-color:#f9f9f9;
        border-radius:4px;
        border:1px solid #c5c5c5;
        -webkit-box-shadow:0 0 4px #bbb;
}
#prompt_actions.bluebox .confirm {
        padding:3px 20px;
        line-height: 19px;
        float: right;
        font-size:15px;
}*/

.dashboard-leftcolumn h3 {
    font-size:16px;
    font-weight:400;
    line-height:28px;
    margin:0;
    background-color:#f4f4f4;
}
.dashboard-leftcolumn h3 span {
    text-align:right;
    float:right;
    font-size:12px;
}
.deactivateride a:hover{
    color:#8a8a8a;
}
.item-read-status {
    float:left;
    width:25px;
}
.dot {
    width:8px;
    height:8px;
    margin:20px 0 0 5px;
    background:transparent;
}
.unread .item-read-status .dot {
    /*background:#29598e !important;*/
}
.dashboard-leftcolumn div.ride_listing {
    margin:0;
    padding:15px 2px 15px 50px;

}
.dashboard-leftcolumn div.ride_listing h2{
    font-size:15px;
}
.dashboard-leftcolumn div.ride_listing .ride-locations li {
    float:left;
    width:150px;
    font-size:10px;
}
.dashboard-leftcolumn div.ride_listing .fromto {
    color:#aaa;
    width:30px !important;
    margin-right:5px;
    text-align:right;
    line-height:15px;
}
.dashboard-leftcolumn .ride-locations p {
    font-size:11px;
    line-height:15px;
}
.dashboard-leftcolumn .timedesc {
    margin-bottom:5px;
}
.dashboard-leftcolumn .userpic_container.tiny img{
    width:40px;
}
.dashboard-leftcolumn .actions li {
    float:right !important;
}
.dashboard-leftcolumn .blueboxoutline {
    margin-top: 10px;
}


#gotoinbox {
    text-align:right;
    margin:0 0 25px 0;
    padding-top:5px;
    border-top:1px solid #ddd;
}
li#empty-inbox-list {
    border:0 !important;
}
#empty-inbox-message {
    border:0 !important;
    text-align:center;
    padding:25px 0;
    color:#bbb;
}
#empty-inbox-message h1{
    font-size:19px;
    margin:3px 0;
}

#dashboard-empty-inbox-message {
    text-align:center;
    padding: 0px;
}

#dashboard-empty-inbox-message h1 {
    font-size: 22px;
    padding-bottom: 0px;
}


#inbox h3 a span, #convo h3 a span, #account-tabs h3 a span{
    display:inline-block;
    height:26px;
    line-height:26px;
}
.ios-button-left-arr {
    width:15px;
    background:url('/assets/images/ios-button-left-arr.png');
}
.ios-button-middle {
    background:url('/assets/images/ios-button-middle.png');
    background-repeat:x;
    padding-right:6px;
}
.ios-button-right-cap {
    width:4px;
    background:url('/assets/images/ios-button-right-cap.png');
    background-repeat:x;
}
#actionbar_search .input-valid {
    border-color:#555 !important;
    border-right:0 !important;
}

#inbox a.archivebutton {
    margin:0 5px;
    margin-bottom:-1px;
    height:9px;
    width:9px;
    overflow:hidden;
    display:inline-block;
}
#inbox a.archivebutton img {
    width:10px;
    margin-top:-1px;
}
#inbox a.archivebutton img.imgmapped {
    margin-top:-10px;
}
#inbox a.archivebutton img.imgmapped:hover {
    margin-top:-1px;
}

#user_rides_top_left .small_text {
    font-size: 11px;
}

.report_generator_table {
    margin-bottom:10px;
    margin-top: 20px;
}

/*---------BOOK A RIDE WIDGET---------*/
#bookARide {
    color: #333333;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebeef0));
    background-image:-moz-linear-gradient(top, #fff, #ebeef0);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    height: auto;
    line-height: 14px;
    padding:18px;
    width: 232px;
    margin-bottom:5px;
    -webkit-box-shadow:0 0px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0px 2px rgba(0,0,0,0.2);
}

#bookARide div {
    width:100%;
    margin-top:15px;
}

#bookARide #selectTripType {
    margin-top: 0px;
}

#bookARide dt {
    clear: both;
    display: block;
    float: left;
    margin: 0 15px 0px 0;
}

#bookARide dd {
    float: right;
    margin-bottom: 5px;
}
#bookARide .priceFont {
    margin-top:-5px;
    font-weight:400;
    font-size:39px;
    line-height:39px;
}

#bookARide .initiated .priceFont {
    margin-top:5px;
    font-size:14px;
    line-height:19px;
}
#bookARide .subTotalFont {
    font-size:25px;
    font-weight:200;
    color:#777;
    margin-bottom:5px;
}

#bookARide .initiated .subTotalFont {
    margin-top:4px;
    font-size:20px;
    font-weight:200;
    color:#777;
    margin-bottom:2px;
}

#bookARide #howItWorks-toggle {
    font-size: 11px;
}

#bookARide button.confirm {
    width:100%;
    line-height:27px;
    font-size:20px;
    text-shadow:0 -1px 0px rgba(0,0,0,0.3);
}
#bookARide .big {
    font-size:16px;
    display:inline-block;
    padding-top:2px;
}
#bookARide p {
    font-size:12px;
    font-weight:400;
}
#bookARide .receipt {
    padding:10px;
    width:240px;
}
#bookARide .ride-summary {
    margin:0;
}
#bookARide .ride-summary .first {
    font-weight:bold !important;
    margin-bottom:.5em;
}
#bookARide .ride-summary .total {
    border-top:1px solid #bbb;
    margin-top:.3em;
    padding-top:.3em;
}
#bookARide .actions {
    margin-top:.6em;
}
#convo #bookARide {
    margin-bottom:15px;
}
#bookARide p.clearfix {
    font-weight:500;
    margin-bottom:0.5em;
}
span.updown-arrow {
    background: url('/assets/images/message_sprites.png') no-repeat -19px -7px;
    display: inline-block;
    height: 7px;
    margin-top: -3px;
    width: 7px;
}
span.updown-arrow.up {
    background-position: -19px 0;
}

/*------BOOKING STATUS---------*/
.booking_status {
    display:inline-block;
    padding:0.3em 1em;
    border:1px solid #bbb;
}
.pending {
    background:#daf7f6;
}
.accepted {
    background:#dff7da;
}
.declined {
    background:#f7dada;
}
.cancelled {
    background:#e9e9e9;
}
.expired {
    background:#e9e9e9;
}


/*------RIDE DETAILS PAGE NEW------*/

#driver-details {
    padding:5px 0 0 0;
}
#userpic-crop {
    width:70px !important;
    margin-right:10px;
    border:2px solid #8f9ead;
    background:#fff;
}
#userpic-crop img {
    display:block;
    width:70px !important;
}
#driver-details button {
    font-size:13px;
    padding:3px 12px;
    margin:8px 0;
}
#driver-details #username {
    font-size:16px;
}
.moreInfo.collapsed a i {
    background-position: -19px -7px !important;
}
.moreInfo .header {
    font-size: 11px;
}

.moreInfo .header a i {
    background: url('/assets/images/message_sprites.png') no-repeat -19px 0;
    float: left;
    height: 6px;
    margin-top: 6px;
    right: 0;
    top: 50%;
    width: 7px;
    padding-right: 3px;
}
.moreInfo .header a:hover {
    cursor:pointer;
}

#moreInfoContent {
    padding-top:5px;
}

#moreInfoContent.collapsed .content {
    display: none;
}
#how-it-works {
    padding-bottom:20px;
}
#how-it-works .row {

    overflow:auto;
}
#how-it-works .row div {
    display:inline-block;
    vertical-align:middle;
    padding:10px;
    overflow:auto;
}
#how-it-works .row h1 {
    margin:0;
    font-weight:bold;
    font-size:20px;
}
#how-it-works .row p {
    width:auto;
    text-align:justify;
    line-height:1.3em;
    color:#555;
}
#how-it-works .row .col1 {
    width:95px;
    text-align:center;
}
#how-it-works .row .col1 img {
    margin:0 auto;
    float:none;
}
#how-it-works .row .col2 {
    width:460px;
}
/*--------BOOK page--------*/
#payment {
    overflow:auto;
}
#payment #right {
    margin-top:53px;
}
#payment a {
    font-weight:bold;
}
#payment a.coupon_hide, #payment a.coupon_show {
    font-weight:normal;
    font-size:13px;
}
#payment a.coupon_show {
    margin-right:10px;
}
#left h1 {
    margin:0 0 5px 0;
    font-weight:500;
    color:#333;
    font-size:23px;
}
#left h1 span.small_msg {
    font-size:11px;
    font-weight:normal;
    font-style: italic;
}

#left, #right {
    float:left;
    margin:20px;
}
#left {
    width:590px;
}
#right {
    width:250px;
    position:relative;
    z-index:3;
}
.box {
    background-color:#f0f0f0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#ebeef0));
    background-image:-moz-linear-gradient(top, #f3f3f3, #ebeef0);
    padding:15px;
    border:1px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    /*	border-bottom:2px solid #b9b9b9;*/
    margin-bottom:25px;
}
.box h2 {
    font-size:20px;
    line-height:34px;
    margin:0 12px;
}
#post-it {
    background-color:#fff8ca;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffadd), to(#fff3ab));
    background-image:-moz-linear-gradient(top, #fffadd, #fff3ab);
    width:200px;
    height:196px;
    padding:25px;
    margin-bottom:5px;
    position:relative;
    -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 2px rgba(0,0,0,0.3);
    /*border:1px solid #e3dcb4;*/
}
#post-it p {
    font-size:13px;
}
#post-it:before,
#post-it:after {
    content:"";
    position:absolute;
    z-index:-1;
    bottom:14px;
    left:5px;
    width:48%;
    height:20%;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
#post-it:after{
    right:5px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}
#ride-summary, .receipt {
    background:#f3fbff;
    padding:20px;
    -webkit-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
    border:1px solid #bbb;
    overflow:auto;
}
#ride-summary {
    margin-bottom:10px;
}
#ride-summary h1 {
    font-size:13px;
    color:#555;
    font-weight:bold;
}
#ride-summary h1 span{
    text-transform:uppercase;
    color:#7f7f7f;
    font-size:12px;
    font-weight:bold;
}
#ride-summary li {
    float:left;
    font-size:12px;
    line-height:1.4em;
    color:#111;
    width:170px;
}
#ride-summary li img {
    float:left;
    width:25px;
}
li#driver {
    width:150px;
    margin-right:20px;
}
#driver img {
    width:50px !important;
    height:50px !important;
    margin-right:10px;
    border:2px solid #8f9ead;
    background:#fff;
}
.box hr {
    border:0;
    margin:10px;
    border-top:1px solid #aaa;
}
.helpicon {
    color:#fff;
    font-size:13px;
    font-weight:700;
    background:#c5c1cd;
    width:16px;
    height:16px;
    text-align:center;
    line-height:15px;
    display:inline-block;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
    margin-top:3px;
}
.helpicon:hover {
    cursor:default;
}
#payment .confirm {
    width:200px;
    font-size:16px;
    padding:5px;
    padding-bottom:6px;
}
#payment .coupon .confirm {
    width:60px;
    font-size:14px;
    padding:3px;
}
p.tiny {
    font-size:12px;
}
#payment p.tiny {
    line-height:30px;
}
#payment p.tiny.errormsg {
    margin-bottom:10px;
    line-height:30px;
    text-align:center;
    color:red;
    font-weight:bold;
    background-color:#fdd;
    -webkit-transition:.2s all ease-out;
    -webkit-transition-property: color, background-color;
    -moz-transition:.2s all ease-out;
    -moz-transition-property: color, background-color;
}
#payment p.tiny.errormsg.highlight {
    color:#fff;
    background-color:#f44;
}
#total {
    font-size:22px;
    font-weight:500;
}
#payment fieldset {
    display:inline-block;
    vertical-align:top;
    overflow:auto;
    width:260px;
    font-size:12px;
    padding:5px;
}
#payment fieldset.first {
    margin-right:10px;
}
#cards img{
    width:49px;
    height:30px;
    margin:10px 17px 0 0;
    -webkit-box-shadow:0 1px 2px #333;
    -moz-box-shadow:0 1px 2px #333;
    box-shadow:0 1px 2px #333;
}
#payment select {
    margin:0 8px 8px 0;
}
#payment input, #driverresponse input, #driverresponse textarea {
    border: 1px solid #aaa;
    font-size: 12px;
    padding:3px 5px;
    -webkit-box-shadow:inset 0px 2px 3px #d5e1ed;
    -moz-box-shadow:inset 0px 2px 3px #d5e1ed;
    margin:0 5px 8px 0;
}
#payment .coupon input{
    height: 18px;
    margin:0 5px 0 10px;
}
.line_item_credit{
    color: #006F0A;
}
#firstname {
    width:100px;
}
#lastname {
    width:125px;
    margin-right:0 !important;
}
#streetaddress {
    width:245px;
    margin-right:0 !important;
}
#city {
    width:100px;
}
#state {
    width:35px;
}
#zipcode {
    width:70px;
    margin-right:0 !important;
}
#creditcardnumber {
    width:245px;
    margin-right:0 !important;
}
#securitycode {
    width:30px;
}
#contactbox {
    padding:20px;
}
#contactbox .helpicon {
    margin:4px 15px 0 0;
}
#contactnumber {
    width:180px;
}
#right a {
    display:inline-block;
    margin: 0;
}
#gutter {
    padding:44px 10px 0px 10px;
}
#gutter p {
    font-style:italic;
    line-height:1.3em;
    color:#888;
    font-size:13px;
}
#gutter .circle {
    color:#fff;
    background:#29598e;
    font-size:9px;
    width:12px;
    height:14px;
    padding-left:2px;
    display:inline-block;
    text-align:center;
    line-height:15px;
}
#cancellation-refund-policy, #more-about-payments {
    overflow:auto;
    padding:0 20px 10px 0;
}
#cancellation-refund-policy p, #cancellation-refund-policy li, #more-about-payments li, #more-about-payments p {
    width:auto;
    font-size:12px;
    line-height:1.3em;
    margin-bottom:10px;
    list-style-type:disc;
}
#more-about-payments h2 {
    font-size:15px;
    font-weight:bold;
    margin:15px 0 5px 0;
    color:#000;
}
#cancellation-refund-policy h2 {
    font-size:14px;
    font-weight:bold;
    margin:0px 0 15px 0;
    color:#000;
    line-height:1.3em;
}
#cancellation-refund-policy h2 em {
    text-transform:uppercase;
}
#cancellation-refund-policy ul {
    padding-left:15px;
}
#security-badges {
    position:absolute;
    width:150px;
    margin-top:45px;
    margin-left:640px;
}
/*-------WARNING-------*/
.warning {
    background:#fff;
    border:8px solid #c72100;
    overflow:auto;
}
.warning h1 {
    padding:10px;
    font-size:24px !important;
    font-weight:bold !important;
    padding-bottom:0;
}
.warning h2 {
    font-size:16px;
    line-height:1.4em;
    padding-left:35px;
}
.warning p {
    margin-left:45px;
}
.warning button {
    margin:5px 6px;
    padding:5px 20px;
    margin-left:45px;
}
.warning button:nth-child(4) {
    margin-left:0;
}
.warning h1 span {
    display:inline-block;
    vertical-align:top;
    font-family:georgia;
    color:#fff;
    background:#c72100;
    width:25px;
    height:25px;
    text-align:center;
    font-size:23px;
    line-height:23px;
}
.warning.green {
    border:8px solid #65a75c;
}
.warning.green h1 span {
    background:#65a75c;
}
/*---------NEW GLOBALS---------*/
.last {
    margin-right:0 !important;
}


/*--------REQUEST SENT PASSENGER CONFIRMATION PAGE-------*/
#bookingRequestConfirmation {
    padding: 20px 170px;
    overflow:auto;
}

#bookingRequestConfirmation #sendMessageBox {
    padding: 25px 0px;
    margin: 20px 0px;
}

#bookingRequestConfirmation h1 {
    font-weight:bold;
}
#bookingRequestConfirmation a {
    line-height:30px;
}
#bookingRequestConfirmation #sendMessageBox #recipientProfile {
    float: left;
    /* Size of the profile picture */
    width: 104px;
    margin-left: 25px;
}

#bookingRequestConfirmation #sendMessageBox #recipientProfile img {
    border:2px solid #b2b9c1;
    background:#fff;
}

#bookingRequestConfirmation #sendMessageBox #recipientProfile p {
    text-align: center;
}

#bookingRequestConfirmation #sendMessageBox #writeMessage {
    float: right;
    width: 420px;
    margin-right: 25px;
}

#bookingRequestConfirmation #sendMessageBox #writeMessage p {
    margin-bottom: 10px;

}
#bookingRequestConfirmation #sendMessageBox #writeMessage textarea {
    width: 390px;
    border: 1px solid #aaa;
    font-size: 12px;
    padding:10px;
    -webkit-box-shadow:inset 0px 2px 4px #c1d5e8;
    -moz-box-shadow:inset 0px 2px 4px #c1d5e8;
    margin:0;
}

#bookingRequestConfirmation button,
#bookingRequestConfirmation a,
#bookingRequestConfirmation #spinner {
    float: right;
}

#bookingRequestConfirmation #spinner {
    /* explicitly set the width of the spinner image so that the skip link
     * is put at the correct location before the spinner image is
     * downloaded */
    width: 16px;
    /* The spinner will be made visible when a message is sent */
    visibility: hidden;
    /* center the spinner image with the button on its right - use the
     * same padding as the button */
    margin-top: 5px;
    /* leave some space between the spinner and the send message button at
     * the right.
     * Don't care about the left margin since the skip link is hidden
     * when the spinner is visible. */
    margin-right: 10px;
}

#bookingRequestConfirmation button {
    width:160px;
    font-size:16px;
    padding:5px;
    padding-bottom:6px;
}


/*-----CONFIRMATION FOLLOW UP PAGE-------*/
#confirmationText {
    padding: 20px 150px;
}
#confirmationText h1, #confirmationText h2 {
    font-weight:bold;

}
#confirmationText p {
    margin: 20px 0px;

}
#confirmationText .split-sides {
    overflow:auto;
    padding-bottom:20px;
}
#confirmationText .split-sides div {
    width:300px;
    overflow:auto;
    height:150px;
}
#confirmationText .split-sides h2 {
    font-weight:bold;
    font-size:16px;
}
#confirmationText .split-sides p {
    font-size:11px;
    line-height:1.4em;
}
#confirmationText .float_left {
    float:left;
    border-right:1px solid #bbb;
}
#confirmationText .float_right {
    float:right;
}
#confirmationText input {
    font-size:18px;
    width:240px;
}

/*-----DRIVER CONFIRMATION PAGE -----*/
#driverConfirmationText {
    padding: 0px 150px;
}

#driverConfirmationText h1 {
    margin-top: 30px;
    padding-bottom:0;
}

#driverConfirmationText h1, #driverConfirmationText h2 {
    font-weight:bold;
}

#driverConfirmationText p {
    margin: 20px 0px;
}

#driverConfirmationText #passengerProfile {
    height: 80px;
}

#driverConfirmationText #passengerProfile a {
    float: left;
}

#driverConfirmationText #passengerProfile img {
    border: solid 2px grey;
}

#driverConfirmationText #passengerProfile .tel {
    font-weight: bold;
    color: grey;
    float: left;
    margin: 10px 0px 0px 20px;
}

#driverConfirmationText #roadRules {
    margin-top: 30px;
}

#driverConfirmationText ul {
    /* See Background Bulleted pattern for calculation:
     * based on the background image size (50px) with margins (20px) */
    padding-left: 70px;
    /* Reset all the other margins after the left margin has already
     * been set */
    margin: 0px;
    padding-bottom:15px;
}

#driverConfirmationText ul li {
    /* See Background Bulleted pattern for calculation
     * based on the background image size (50px) with margins (20px) */
    padding-left: 70px;
    margin-left: -70px;
    list-style-type:none;
    background: url("/images/platform_icons/ZimFaceThumb.gif") no-repeat left center;
    /* size of the background image so that it isn't cropped */
    min-height: 50px;
    margin-top: 20px;
}
#driverConfirmationText ul li.big-check {
    background: url("/assets/images/big-check.png") no-repeat left center;
}
#driverConfirmationText ul li.alarm-clock {
    background: url("/assets/images/alarm-clock.png") no-repeat left center;
}
#driverConfirmationText ul li.calendar-pic {
    background: url("/assets/images/calendar-pic.png") no-repeat left center;
}
#driverConfirmationText ul li h2 {
    margin-bottom: 5px;
}

#driverConfirmationText ul li p {
    margin: 0px;
    max-width: 400px;
    line-height:1.3em;
}

#driverConfirmationText #skipPayout, #driverConfirmationText #setupPayout {
    float: right;
    padding: 5px 25px;
}

#driverConfirmationText #skipPayout {
    font-size: 90%;
}

#driverConfirmationText #setupPayout,
#driverConfirmationText #backToDashboard {
    font-size:110%;
    line-height:130%;
}

#driverConfirmationText #backToDashboard {
    padding: 5px 25px;
    margin-top: 30px;
}

/*-------DRIVER RESPONSE PAGE---------*/
#driverresponse .box {
    margin-bottom:8px;
}
#driverresponse #countdown {
    text-align:center;
    margin-top:25px;
    margin-bottom:15px;
}
#driverresponse #countdown h1 {
    font-size:45px;
    line-height:45px;
    padding:0;
    margin:0;
}
#driverresponse #countdown p {
    font-size:12px;
}
#driverresponse #ride-summary h1 {
    margin:0;
    padding:0;
    font-size:16px;
}
#driverresponse #ride-summary li {
    width:190px;
}
#driverresponse #ride-summary p.date-time {
    margin:0;
    padding:0;
    font-size:13px;
    margin-bottom:18px;
}
#ride-info-header {
    margin-bottom:10px;
    font-size:0.8em;
    float:left;
    width:390px;
}
#ride-info-header em {
    font-weight:bold;
}
#driverresponse #passenger {
    margin-right:10px;
    float:left;
    border:2px solid #8f9ead;
    border-radius: 2px 2px 2px 2px;
    background:#fff;
    width:50px;
    height:50px;
}
#driverresponse #passenger img {

    border-radius:0;
}
#driverresponse #ride-summary li img {
    margin-bottom:20px;
}
#driverresponse #ride-summary ul {
    height:55px;
    width:390px;
    float:left;
}
#driverresponse #ride-summary .sim_link {
    font-size:12px;
    float:left;
}
#more-passenger {
    width:400px;
    padding-bottom:5px;
    float:left;
}
#more-passenger .row {
    width:480px;
    display:inline-block;
    overflow:auto;
    font-size:12px;
}
#more-passenger .row div {
    display:inline-block;
    vertical-align:middle;
    padding:10px;
    overflow:auto;
}
#more-passenger .row h1 {
    margin:0;
    color:#bbb;
    font-weight:400;
    font-size:12px !important;
}
#more-passenger .row p {
    width:auto;
    line-height:1.3em;
    color:#555;
}
#more-passenger .row .col1 {
    width:90px;
    text-align:center;
}
#more-passenger .row .col1 img {
    margin:0 auto;
    float:none;
}
#more-passenger .row .col2 {
    width:320px;
}
.more-arrow {
    display:inline-block;
    height: 6px;
    width: 7px;
    position:relative;
    bottom:1px;
    background: url('/assets/images/message_sprites.png') no-repeat -19px -7px;
}
#choices {
    padding-bottom:20px;
}
#choices button {
    font-size:16px;
    padding:6px;
    padding-bottom:7px;
}
#choices button.confirm, #choices button.decline {
    text-shadow:0 -1px rgba(0,0,0,0.4);
}
#driverresponse .confirm {
    width:232px;
    margin-right:5px;
}
#driverresponse .decline {
    width:170px;
    background:#f14141 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f14141), to(#da3b3b));
    background-image:none;
    background-image:-moz-linear-gradient(top, #f14141, #da3b3b);
    background-color:#f14141;
    color:#fff;
    border-color:#555;
}
#driverresponse .decline:active {
    background:#f14141 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d63b3b), to(#f14141));
    background-image:-moz-linear-gradient(bottom, #f14141, #da3b3b);
    background-color:#f14141;
}
#driverresponse .big {
    width:170px;
}
#driverresponse .errormsg {
    color:red;
}
#gutter a {
    font-weight:bold;
}
#button-footer {
    font-size:11px;
    margin-top:5px;
}
#button-footer a {
    font-weight:bold;
}
#more-about-payments p {
    margin-bottom:30px;
}
#more-about-payments h2.first {
    margin-top:0;
}
#tray {
    height:255px;
}
.respond-box {
    display:none;
    position:absolute;
    width:400px !important;
    padding:20px;
    margin-top:7px;
    height:200px;
    background:#fff;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8fafc));
    background-image:-moz-linear-gradient(top, #fff, #f8fafc);
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.4);
    -moz-box-shadow:0 5px 15px rgba(0,0,0,0.4);
    border:1px solid #bbb;
}
.respond-box textarea {
    width:378px;
    padding:10px !important;
    line-height:15px;
    resize:none;
    margin:0 !important;
}
#tray .over-button {
    position:absolute;
    top:-46px;
    background:#fff;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
    text-align:center;
    border:1px solid #bbb;
    border-bottom:0;
    font-size:16px;
    font-weight:500;
    height:45px !important;
    line-height:42px;

}
#tray #accept .over-button {
    left:-1px;
    width:230px;
}
#tray #decline .over-button {
    left:139px;
    width:170px;
}
#tray #message .over-button {
    right:-1px;
    width:170px;
}
#tray #accept {
    -webkit-border-top-left-radius:0;
    -moz-border-radius-topleft:0;
}
#tray #decline {
    margin-left:100px;
}
#tray #message {
    margin-left:149px;
    -webkit-border-top-right-radius:0;
    -moz-border-radius-topright:0;
}
#tray #message p {
    font-size:12px;
    margin-bottom:9px;
}
#tray #message textarea {
    height:103px;
}
#tray #decline p {
    font-size:10px;
    line-height:19px;
    margin-bottom:12px;
}
#tray #decline em {
    font-size:12px;
    font-weight:500;
    color:#000;
}
#tray #decline textarea {
    height:94px;
}
#tray #accept .confirm, #tray #accept input {
    margin-right:0;
}
#tray #accept p {
    font-size:12px;
    margin-bottom:13px;
}
#tray #accept input {
    width:100px;
}
#tray #accept textarea {
    height:92px;
}
#buttons.disabled button {
    opacity:0.5;
    filter:alpha(opacity=50);
}

/*--------ACCOUNT TABS-----------*/
#account-tabs h3.divider {
    overflow:hidden;
    padding-top:1px;
}
#account-tabs a, #account-tabs span {
    position:relative;
    left:-30px;
}
#account-tabs a {
    display:inline-block;
    margin:0 3px;
    font-weight:500;
    padding:2px 20px 4px 20px;
}
#account-tabs a, #account-tabs span {
    position:relative;
    top:5px;
}
#account-tabs a.active {
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 5px rgba(0,0,0,0.5);
    box-shadow:0 1px 5px rgba(0,0,0,0.5);
    background-color:#fff;
    color:#444;
}
#account-tabs #title {
    font-weight:bold;
    font-size:15px;
    margin-right:15px;
}


/*--------TRANSACTION HISTORY PAGE------*/

#tactionhistory .heading {
    font-weight:bold;
}
.table li {
    margin-bottom:5px;
}
.table .action {
    padding:5px 0;
}
.table .action p{
    display:inline-block;
    margin-left:5px;
    font-size:14px;
    color:#555;
    font-weight:bold;
}
.table .action em {
    font-weight:bold;
}
.table span {
    display:inline-block;
}
.table .c1 {
    width:80px;
}
.table .c2 {
    width:65px;
}
.table .c3 {
    width:320px;
}
.table .c4 {
    width:80px;
}
#actives .c1 {
    width:70px;
}
#actives .c2 {
    width:310px;
}
#actives .c3 {
    width:170px;
}
#actives .c3 i {
    font-size:10px;
}
#actives .c3 em {
    font-weight:bold;
    color:#0baec1;
}
#tactionhistory .section {
    margin-bottom:30px;
}
#tactionhistory .box {
    margin-bottom:10px;
}
#tactionhistory .item {
    margin-bottom:30px;
}
#tactionhistory .item h1{
    font-size:21px;
    color:#222;
    border-bottom:1px solid #bbb;
}
#tactionhistory .item h2{
    font-size:12px;
    color:#666;
    font-weight:bold;
    text-transform:uppercase;
    overflow:auto;
}
#tactionhistory .item h2 a{
    display:inline-block;
    float:right;
    margin:0;
}
#tactionhistory .item p a{
    display:inline;
}
.te_account:not(:last-child) {
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:10px;
}
.te_account p {
    line-height:1.7em;
}
.te_account img {
    width:35px;
    display:inline-block;
    vertical-align:middle;
    margin:3px 0;
    -webkit-box-shadow:0 0px 2px #333;
    -moz-box-shadow:0 0px 2px #333;
    box-shadow:0 0px 2px #333;
}
.te_account input, #confirmationText input {
    background: #FFFFFF url('/assets/images/bg_input_text.gif') top repeat-x;
    border: 1px solid #C1D5E8;
    padding:4px 6px;
    margin-top:2px;
}
#tactionhistory .payments a {
    display: inline;
}
#tactionhistory .payments a.remove  {
    background-image: none;
    background-color: #999;
    color: #eee;
}
.earnings-widget {
    line-height:40px;
    padding:5px 15px;
    border:3px solid #fff;
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:0 1px 5px rgba(0,0,0,0.3);
    box-shadow:0 1px 5px rgba(0,0,0,0.3);
    color:#fff;
    background-color:#56ad30;
    font-size:22px;
}
.earnings-widget span {
    font-size:14px !important;
}
p.referral_link {
    margin: 15px 5px;
}
#tactionhistory .item .footer {
    font-size:11px;
    line-height:1.3em;
    color:#777;
    margin-top:10px;
}
.options_toggle .line-item:hover, .table .toggled {
    background-color:#fff;
    background-image:url('/assets/images/decrement.png');
    background-repeat:no-repeat;
    background-position:84%;
    background-size:10px;
    cursor:pointer;
    color:#29598e;
}
.receipt {
    padding:12px 30px 15px 30px;
    margin-top:2px;
}
#tactionhistory .table .toggled {
    background-image:url('/assets/images/increment.png');
}
.ride-summary p {
    line-height:1.5em;
}
.ride-summary p.divider {
    border-top:1px solid #bbb;
    font-weight:bold;
}
 
#bookARide .conversation-page-widget form {
    padding-top: 15px;
    width: 100%;
}
#bookARide .conversation-page-widget form button.confirm {
    font-size: 18px;
}
#bookARide .conversation-page-widget p.countdown {
    font-size:24px;
    font-weight:bold !important;
    text-align:right;
    margin-bottom: 5px !important;
}
#bookARide .conversation-page-widget p.subtext {
    font-size:11px;
}
#rideCommunication .general_button {
    font-size: 13px;
    margin: 8px 0;
    padding: 3px 12px;
}
#bookARide .general_confirm {
    width: 210px;
    font-size: 18px;
    font-size: 20px;
    line-height: 27px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-top: 10px;
}
#bookARide .conversation-page-widget .general_confirm {
    width: 240px;
}
#tactionhistory .general_confirm {
    font-size: 14px;
    padding: 5px 12px;
}
.confirmationPage {
    padding: 20px 170px;
    overflow:auto;
}
.confirmationPage h1 {
    font-weight:bold;
}

.confirmationPage #profileBox {
    padding: 10px 0px;
    margin: 20px 0px;
    overflow: hidden;
}

.confirmationPage a {
    line-height:30px;
}
.confirmationPage #profileBox #recipientProfile {
    float: left;
    width: 104px;
    margin-left: 25px;
}

.confirmationPage #profileBox #recipientProfile img {
    border:2px solid #b2b9c1;
    background:#fff;
}
.confirmationPage #profileBox #writeMessage {
    margin-right: 25px;
}

.confirmationPage #profileBox #writeMessage p {
    margin-bottom: 10px;
    padding-top: 15px;
}

.confirmationPage #profileBox #writeMessage .priceFont {
    font-size: 25px;
    font-weight: bold;
}
.confirmationPage #sendMessageBox {
    padding-bottom: 25px;
    margin: 20px 0px;
}
.confirmationPage #sendMessageBox textarea {
    border: 1px solid #aaa;
    font-size: 12px;
    padding:10px;
    -webkit-box-shadow:inset 0px 2px 4px #c1d5e8;
    -moz-box-shadow:inset 0px 2px 4px #c1d5e8;
    margin-left: 25px;
    width: 430px;
}

.confirmationPage #sendMessageBox p {
    padding:10px;
    margin-left: 15px;
}

.confirmationPage #sendMessageBox .subText {
    font-size:11px;
    color:#777;
}

.confirmationPage #sendMessageBox select {
    margin-left: 25px;
    margin-bottom: 15px;
    width: 200px;
}

.redCancelButton {
    background-image: none;
    background:#f14141 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f14141), to(#da3b3b));
    background-image: -moz-linear-gradient(top, #f14141, #da3b3b);
    background-color:#f14141;
    color: #ffffff;
    font-size:14px;
    padding:4px 25px;
    margin-right: 25px;
}

.smallCircle {
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    color:#fff;
    background:#29598e;
    font-size:9px;
    width:12px;
    height:14px;
    padding-left:2px;
    display:inline-block;
    text-align:center;
    line-height:15px;
}
.smallCircle img {
    display: inline-block;
    line-height: 15px;
}

.confirmationPage .buttonFooter a {
    font-size: 12px;
}

/*-----------BOOKINGS TABLE-----------*/

#bookingManagement {
    padding-bottom:15px;
}

#bookingManagement #bookings_table .confirm {
    padding:0 10px;
    margin-right:5px;
}
#bookingManagement #bookings_table td {
    padding:3px 4px;
}
#bookingManagement #bookings_table tr.odd td {
    background:#fafafa;
}
#bookingManagement #bookings_table tr.even td.sorting_1{
    background:#fff;
}
#bookingManagement #bookings_table th.sorting_asc, #bookings_table th.sorting_desc{
    background-color:#ddd;
}

#bookingManagement h1 {
    margin-top: 20px;
}

/*------------Coupon Management-----------*/
div.addCoupon {
    margin: 15px 0;
}
#coupon-dialog p {
    line-height: 35px;
    width: 280px;
}
#coupon-dialog input {
    font-size:15px;
}
#coupon-dialog label {
    font-size: 14px;
    font-weight: bold;
}
#coupon-dialog input.small_integer{
    text-align:right;
    width: 50px;
}
#coupon-dialog .tiny {
    font-size:11px;
}
#coupon-dialog p.errormsg {
    color:red;
    font-weight:500;
    -webkit-transition:.2s all ease-out;
    -webkit-transition-property: color, background-color;
    -moz-transition:.2s all ease-out;
    -moz-transition-property: color, background-color;
}

/* --- Feedback page ---- */

#feedbackPage {
    padding: 20px 170px;
    overflow:auto;
    margin-bottom: 30px;
}
#feedbackPage p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 8px;
}
#feedbackPage > p {
    margin-bottom: 20px;
}
#feedbackPage .context {
    padding: 8px 0 20px 0;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
}
#feedbackPage .context .pic {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 8px;
    vertical-align: middle;
    border: 2px solid #1199ea;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    top: -2px;
}
#feedbackPage .rating {
    overflow: hidden;
    margin-bottom: 30px;
}
#feedbackPage .rating input,
#feedbackPage .rating label {
    float: left;
}
#feedbackPage .rating input {
    margin: 14px 8px 0 3px;
}
#feedbackPage .rating label {
    font-size: 18px;
    padding-right: 45px;
    background: url(/2/images/thumbs_big.png) no-repeat right top;
    line-height: 40px;
}
#feedbackPage .rating label.r_p {
    margin-right: 30px;
    background-position: right 0px;
}
#feedbackPage .rating label.r_n {
    background-position: right -40px;
}
#feedbackPage .comment textarea {
    background: #FFFFFF url(/assets/images/bg_input_text.gif) top repeat-x;
    border: 1px solid #b4b4b4;
    font-size: 16px;
    height: 24px;
    line-height: 1.3em;
    padding: 4px 3px 3px 3px;
    margin-bottom: 10px;
    height: 75px;
    width: 592px;
}
#feedbackPage div.submit {
    float: right;
    padding-left: 22px;
}
#feedbackPage button.confirm,
#feedbackPage a.general_confirm {
    font-size: 16px;
    padding: 5px 45px;
}
#feedbackPage .error_message {
    float: left;
    display: none;
    font-size: 12px;
    color: #d00;
    line-height: 25px;
}
#feedbackPage div.loading {
    background: url(/assets/images/convo-spinner.gif) no-repeat left center;
}
#feedbackPage h1.thanks {
    background: url(/2/images/heart.png) no-repeat 98px top;
    line-height: 27px;
}


.transportationOption {
    border-top:1px solid #D5DFE1;
    margin-top:25px;
    padding-top:10px;
}

.transportationOption h2 {
    font-size:24px;
    padding-bottom:10px;
}

.transportationOption button {
    margin-top: 10px;
}

.transportationOption form.standard .checkbox {
    margin-top:12px;
}

.zdialog iframe {
    border:none;
    width: inherit;
    height: inherit;
    overflow: hidden;
}

.vehiclePopup img {
    float: none;
    margin: 0px;
}

.vehiclePopup .pInput {
    width: 300px;
    padding-bottom: 12px;
}

.vehiclePopup .pInput label {
    width: 75px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.vehiclePopup .pInput input {
    width: 200px;
    float: right;
    background: url("/assets/images/bg_input_text.gif") repeat-x scroll center top #FFFFFF;
    border: 1px solid #C1D5E8;
    padding: 4px;
}

.vehiclePopup .pInput textarea {
    width: 200px;
    float: right;
    padding: 4px;
}

.fixed_width_ui_dialog {
    width: 408px !important;
}

.adminEnteredHTML ul li {
    list-style: disc;
}

.adminEnteredHTML li {
    margin-left: 40px;
}
button.nobutton {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #29598E;
    font-weight: normal;
    text-decoration: none;
    line-height:inherit;
}
button.nobutton:hover {
    color:#022143;
    cursor:pointer;
}

#booking_book #saved_credit_card .card_image {
    display:inline-block;
    vertical-align:top;
}
#booking_book #saved_credit_card .card_info {
    padding: 5px 10px;
    display:inline-block;
}
#booking_book #saved_credit_card .billing {
    padding: 15px 0 0 0;
}
#booking_book #saved_credit_card h3 {
    font-weight: normal;
    color: #999999;
}

#booking_history #head h1 {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 8px 0;
    width: 100%;
}
#booking_history #head .route .datetime {
    background: url("/asset/images/calendar_input_icon.png") no-repeat scroll left 1px transparent;
    width: 15px;
}

#booking_history #head .route .with, #booking_history #head .route .time {
    color: #979797;
    font-size: 13px;
    padding-left: 18px;
}
#booking_history  .round_trip {
    background: url("/assets/images/round_trip_medium.png") no-repeat scroll center 0 transparent;
}

#booking_history  .return_trip {
    background: url("/assets/images/round_trip_medium.png") no-repeat scroll center -38px transparent;
}
#booking_history  .depart_trip {
    background: url("/assets/images/round_trip_medium.png") no-repeat scroll center -19px transparent;
}

#booking_history #head .route .start, #booking_history #head .route .end, #booking_history #head .route .with, #booking_history #head .route .trip_type {
    display: inline-block;
    height: 22px;
    margin-right: 1px;
    margin-left: 5px;
}
#booking_history #head .route .trip_type {
    height: 11px;
    margin-top: 4px;
    opacity: 0.7;
    width: 15px;
}

#booking_history #head .route .with.driver {
    background: url("/assets/images/driver.png") no-repeat scroll left 3px transparent;
}

#booking_history #head .route .with, #booking_history #head .route .time {
    color: #979797;
    font-size: 13px;
    padding-left: 18px;
    float: right;
}

#booking_history #head .route .datetime {
    background: url("/assets/images/calendar_input_icon.png") no-repeat scroll left 1px transparent;
    width: 15px;
}

#booking_history #head .route .book_done {
    color: #000000;
    font-size: 12px;
    width: 134px;
    padding-left: 8px;
    float: right;
}
#booking_history .one_way {
    background: url("/assets/images/round_trip_medium.png") no-repeat scroll center -19px transparent;
}
.hide{display: none !important}

.infopanel {
    margin-bottom: 4px;
}
.padded {
    padding: 8px !important;
}
hr.thins {
    margin: 12px 0 10px;
    border-color: #eee;
    text-decoration: none;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
.search_image {
    width: 110px;
    height: 110px;
    margin-right: 10px;
}
.left {
    float: left;
}
.fl {
    float: left;
}
.searchpanel h3 {
    margin-bottom: 6px;
}
.infopanel h3 a {
    font-size: 18px;
    text-decoration: none;
}
.address {
    font: italic;
    margin-bottom: 5px;
}
.justify {
    text-align: justify;
}
.perioada_desfasurarii {
    position: relative;
    bottom: 5px;
    font-style: italic;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.phantrang {
    border: 1px solid #E6E6E6;
    background: #FAFAFA;
    color: #666;
}
#digg {
    border-radius: 7px 7px 7px 7px;
    font-family: Tahoma;
    font-size: 12px;
    position: relative;
    right: 38px;
    text-align: center;
}
#digg SPAN.disabled {
    border-color: #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-style: solid;
    border-width: 1px;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
}
.disabled {
    visibility: hidden;
}
#digg SPAN.current {
    background-color: #474747;
    border-color: #CBA983;
    border-right: 1px solid #CBA983;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px;
    padding: 0px 5px;
}
#digg a {
    border-color: #DBDBDB;
    border-right: 1px solid #DBDBDB;
    border-style: solid;
    border-width: 1px;
    color: #797979;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
.infopanel a.previewimg img {
    margin: 0 10px 10px 0;
    padding: 6px;
    background: #fff;
    border: 1px solid #eee;
}
.tintuc {
    margin: 20px;
    line-height: 20px;
    text-align: justify;
}

button.btn_action{
    font-weight: bold;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    width: 50px;
    background: url(/images/icons.gif);
    height: 23px;


}

button.btn_action.edit{
    background-position: -93px 0px !important;
    padding-left: 18px !important;
}
button.btn_action.save{
    color: #fff;
    text-align: center;
    background-position: 0px 0px !important;
    width: 43px;
}
button.btn_action.cancel{

    text-align: center;
    background-position: -42px 0px !important;
    width: 51px;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li {

    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    background: #F0F0F0;
    overflow: hidden;
    position: relative;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    padding: 5px 0;
    font-size: 1.2em;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8em;
}
.tab_content h3 a{
    color: #254588;
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
} 

.catch_in_house, .pd_more_address {
    line-height: 30px;
    padding-top: 10px;
    margin: 20px 0 10px;
    width: 100%;
}

.pd_more_address { border-top: solid 2px #328CCA;}

.plane input, .plane select{width: 100%; } 
label{ -webkit-user-select: none; -moz-user-select: none}
label.header {
    display: block;
    font-size: 14px;
    color: #2885B3; 
    /*padding-left: 4px;*/
    border-bottom: solid 2px #2885B3;
    padding-bottom: 4px;
    white-space: nowrap;
}
.route label.header {border-bottom: none}
.select_hang{
    color: #2885B3;

    background: url("/images/traffic_icons.png") -69px -32px no-repeat;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 32px;
    font-size: 14px;

}
.traffic_icon {
    background: url("/images/traffic_icons.png")  no-repeat;
    padding-left: 25px !important;
    display: inline-block;
    height: 29px;
    vertical-align: middle;
}

 
.info_hl_bg .chair_frame{ float: left; border-left: solid 1px #ccc; padding-left: 10px;}
.info_hl_bg .select_vehicle { float: left; margin-right: 10px;}


.service_type, .ride_method_tab{border-bottom: solid 2px #ccc; float: left; width: auto; margin-left: 5px;}

.info_hl_bg .header_step2 > span {      float: right;  margin-right: 10px; margin-top: 5px; overflow: hidden; display: inline-block;}

.info_hl_bg #vehicle_control {color: rgb(187, 84, 34);   }
.info_hl_bg #vehicle_control option {font-weight: bold;}
.info_hl_bg .ride_header{ border-top: solid 2px #ccc; position: relative; z-index: 0}
 
.info_hl_bg .header_step2{  position: relative; margin-bottom: -2px; z-index: 1; overflow: hidden;}

.service_type li.selected a{font-weight: bold; color: #A64122; font-size: 14px}
.service_type li.selected{padding-bottom: 12px; background: url(/images/Accept-icon.png) 7px 10px no-repeat}
.service_type li{ 
    width: 110px;
    float: left;  
    position: relative;
    margin-bottom: -2px;
    border: solid 2px #ccc; 
    border-bottom: solid 2px #fff; 
    padding: 10px;
    border-radius: 5px 5px 0 0; 
    margin-left: 5px;
    text-align: center;}



.service_type .count{color: #5877C5;font-weight: bold;}
.transaction.info_table  tr th:first-child{border-left: solid 2px #ccc;}
.transaction.info_table  tr th:last-child{border-right: solid 2px #ccc; text-align: center}

input[type="checkbox"]#more_address{vertical-align: text-top;}
.plane_icon { background-position: 1px -34px; padding: 2px;}

.info_icon {background-position: -69px -178px;padding: 2px;}
.route_icon {background-position: -38px -145px;padding: 2px;}
.user_icon { background-position: 0 -239px; padding: 2px;}
.payment_icon{  background-position: -36px -182px; padding: 2px;}
.ticket_icon{ background-position: -35px -239px}
.customer_icon{background-position: -71px -239px}
.driver_icon {background-position: -34px -270px}
.vote_icon{background-position: 0 -267px;}
.plane .col_title{width: 75px; padding: 5px;}
.star1, .star2, .star3, .star4, .star5,
.defaultstar,
.onestar, .twostar, .threestar, .fourstar, .fivestar,
.arrow_denotion, .mobile_icon, .arrow_down, .cal_icon,
.bus_icon, .arrow_drop, .edit_icon, .select_icon, .list_no,
.close_popup, .bph_icon, .price_peg, .step_icon, .hotel_icon,
.bus_small_icon, .done_icon, .plus_icon, .busbig_icon, .equal_icon,
.list_mark, .reviewtab_arrow, .arrow_3, .smiley, .arrow_1,
.experience_icon, .recent_icon, .smiley_1, .ui-slider
.ui-state-default.ui-slider-handle, .rate_arrow, .searchicn,
.swimming_icon, .meal_icon, .parking_icon, .Wheelchair_icon,
.zym_icon, .left_arrow, .right_arrow, .close_room {
    background: url(/images/common_sprite.png) no-repeat;
    font-size: 0;
}

.flL {
    float: left;
}

.flR {
    float: right;
}

#filter_data {
    padding: 0 5px;
}
.ui-menu .ui-menu-item a{width: 100%}
.filter_items_list {
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 10px;
}

.filter_items_list .filter_item.active {
    border: 1px solid #bfbfbf;
    border-bottom: none;
    height: 17px;
    padding: 7px 7px;
    background: #fff;
    z-index: 2;
    position: relative;
}

.filter_items_list li {
    float: left;
    margin-right: 12px;
    position: relative;
    margin: 0;
}

a.filter_item:hover {
    border: 1px solid #bfbfbf;
    border-bottom: none;
    height: 17px;
    padding: 7px 7px;
}

.filter_item_head {
    color: #4c7dc8;
    margin-right: 1px;
}

.filter_item .arrow_down {
    margin-top: 5px;
}
.arrow_down {
    background-position: -24px -36px;
    width: 12px;
    height: 7px;
    margin-top: 2px;
}

a.filter_item {
    background: #fff;
    float: left;
    position: relative;
    padding: 8px;
    height: 15px;
}

.filter_dropdown {
    border: solid 1px #cbcbcb !important;
    width: 230px !important;
    z-index: 1 !important;
    left: 0 !important;
    top: 31px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 300px !important;
    margin: 0;
    display: block;
    border-radius: 0 0 5px 5px;
}

.select_lst_none {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none;
}

.ui-menu .ui-menu-item {padding: 5px 0 !important}

.filter_dropdown li input {
    margin: 1px 5px 0 0;
    width: 14px;
    height: 14px;
}

.ui-autocomplete.ui-menu .ui-menu-item div{
    border-bottom: solid 1px #ccc;
    height: 20px;
}

.ui-autocomplete.ui-menu .ui-menu-item a.clear_all {
    float: left;
    width: auto;
    clear: none;
}

.ui-autocomplete.ui-menu .ui-menu-item a.close {
    float: right;
    width: auto;
    clear: none;
    color: red;
}
.filter_item.provider{width: 86px;}
.filter_item.vehicle{width: 97px;}
.filter_item.method{width: 88px;}
.ui-menu-item .type_info{font-weight: normal}
.ui-menu-item .close img{ margin: 0; border: 0; padding: 0}
 
.transaction.info_table tr.selected{background: #E9F2F7; color: #A84622; font-weight: bold}

.transaction.info_table tr .radio_label{cursor:pointer; background: url(/images/tick.png) no-repeat center -34px; height: 20px;width: 100%; display: block;padding: 6px 0;text-align: center;}
.transaction.info_table tr.selected .radio_label {background-position: center 0px !important }
.transaction.info_table tr:hover{
    background:#F7FBFF;
}
.transaction.info_table tr .radio_label input{width: 100%;height: 1.8em; display: none}

/* animate circle*/

.cd-single-point {
    position: absolute;
    border-radius: 50%;
    margin-top: -60px;
    margin-left: -50px;
    width: 100px; height: 100px;
}
.cd-single-point > a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: inherit;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    z-index: 2;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.cd-single-point::after {
    /* this is used to create the pulse animation */
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: transparent;
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite;
}
@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: scale(0);
    }
    60% {
        -webkit-transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: scale(0);
    }
    60% {
        -moz-transform: scale(2);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@keyframes cd-bounce {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    60% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0.8);
    }
    50% {
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0.8);
    }
    100% {
        -webkit-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0);
    }
}
@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0.8);
    }
    50% {
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0.8);
    }
    100% {
        -moz-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0);
    }
}
@keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0.8);
    }
    50% {
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0.8);
    }
    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(0,128,0, 0);
    }
}
.cd-single-point .cd-more-info {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    line-height: 1.5;
    padding: 2em 1em 1em;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}

.transaction.more_more tbody tr{border: 1px solid #ccc; display: block}

.transaction.more_more tbody td{
    display: block;
    position: relative;
    padding-left: 50% !important;
    padding-top: 5px;
    padding-bottom: 10px;
    width: auto !important;
    min-height: 15px
}
.transaction.more_more thead td{
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd !important;
}
.transaction.more_more tbody td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

table.transaction tr th{background: #0c75b7; color: #fff}
.transaction.more_more th { background: #626262; color: #fff}
.transaction .custom-combobox-input{width: 250px !important}
.more_address_cost_frame {float: left;margin-left: 12px;}
.main_table_more_address td{padding: 10px; }

.transaction.more_more td:last-child{border-right: none;}
#depart_pick, #end_pick, #depart_drop, #end_drop { height: 16px; padding: 5px; margin-bottom: 5px; padding-right: 0; width: 93%;}

table.transaction tr td {border-bottom: 1px solid #cdcdcd;}
.transaction.info_table.data {margin-top: 15px; border-bottom: solid 1px #ccc;}
table.transaction.data tr:first-child td{ border-top: 1px solid #cdcdcd;}  
.transaction.more_more { margin-bottom: 5px; background: #FAFAFA;}

.rating .stars-5 {
     background-position: -3px -340px;
}
.star-img { background: url("/images/star_ratings.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 95px;
}

.transaction .action{text-align: right}
.transaction .action button{font-weight: bold;color: #0C75B7;width: 105px;}
.booking_detail_frame #map{width: 97%; margin: 0 auto; height: 150px;   border: solid 3px #80AECB; padding: 8px !important;}

.pd_more_address .header input{display: none}
.pd_more_address .header {
    background: url(/images/tick.png) 0 -32px no-repeat;
    padding-left: 35px !important;
    cursor: pointer
}
/*.vehicle_col{ display: none}*/
.pd_more_address .header:hover{background-position: 0 -64px}
.pd_more_address .header.selected{background-position: 0 2px}
.row.other_services {margin-top:  20px}
.row.other_services p{ margin-top: 10px; margin-left: 16px}

#dkkm .column{width: 49%; display: inline-block}
#dkkm .column_child{width: 47%; display: inline-block}

#dkkm .padding_top{margin-top: 20px}
#dkkm .column label{display: block}
#dkkm .column select, #dkkm .column input{width: 90%; margin-top: 5px;  -moz-border-radius: 5px; border: solid 1px #ccc; padding: 8px}

#dkkm .column .box_xs{width: 82%;}
#dkkm .column .price_name{ margin-left: 5px}
#dkkm .column select{width: 94%}
#dkkm .column_child select{width: 98%}
@media only screen and (max-width: 750px) {
    #dkkm .column{width: 100%; margin-top: 20px}
    #dkkm .column:first-child{margin-top:  0}
}
.w20{width: 20% }
.w25{width: 25% }
.w24{width: 24% }
.km_guide {clear: both}
.km_filters input {
    padding: 5px;
}
.form_error { border: solid 1px red; text-align: center; padding: 10px;  background: #FFE7E7; font-weight: bold;margin: 5px 0;}
.gia {
    font-weight: bold;
    color: #c30000;
}
.tbl_list{width: 100%; margin-top: 10px}
.tbl_list th {font-weight: bold; background: #608296;color: #fff;padding: 10px; }
.tbl_list td {padding: 5px;border-bottom: solid 1px #ccc}
.chontuyen.dimension label:first-child{ margin-left: 8%}
.chontuyen.dimension label{display: inline-block; width: 45%}
.chontuyen.dimension label input{vertical-align: middle;  height: 1.8em; width: 18px;}
.thanks {padding: 10px; background: rgb(229, 227, 223); color: #E97F40; font-size: 20px; text-align: center; border: solid; margin: 12px auto;}
.vote { cursor: pointer; display: inline-block; width: 23px; height: 20px; vertical-align: middle; }
.vote.unlike {  background: url(/images/lu.gif) top 0px left -20px; }
.vote.like {   background: url(/images/lu.gif) top 0px left 0px; }
#depart_drop_chosen{ margin-top: 10px}

.panel_left {
    position: fixed;
    text-decoration: none;
    bottom: -4px;
    left: 0px;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: arial;
    color: #fff;
    font-weight: 700;
    background: #1c6996;
    padding: 15px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
    z-index: 100000;
}
img.quick_book_ad {
    border: 3px solid #FC6500;cursor:pointer; position:fixed; left: 0px;bottom: 0;margin-bottom: 45px; z-index: 100;
}
.invite_ad_img {
    position:fixed; right: 0px; bottom: 0; margin-bottom: 45px;z-index: 100;
}
.quick_book_ad.banner {
    text-align: center;
    background: orange;
    border: 3px solid #FC6500;
    padding: 10px;
    font-weight: bold;
    color: #FFF;
    display: none;
}

#popup_message dt {
    float: left;
    width: 75px;
    margin-right: 5px;
    clear: left;
    margin-bottom: 10px;
}
#popup_message dd {
    margin-bottom: 10px;
}
.ticket_table {width: 100%; clear: both; background: #ccc;}
.ticket_table tr td{ padding: 5px; margin: 5px; background: #fff}
.qt_info {font-weight: bold;color: orange;  cursor: pointer; font-size: 12px;}
.filter_sanbay {
    width: 200px;
    -moz-box-shadow: 0 0 3px rgba(90,97,98,.4);
    -webkit-box-shadow: 0 0 3px rgba(90,97,98,.4);
    box-shadow: 0 0 3px rgba(90,97,98,.4);
    float: left;
    margin: 10px;
    max-height: 100px;
}

.title_dangki {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}
.filter_sanbay p {
    padding: 10px;
    text-align: center;
}
.tablesorter-header {
    border-bottom: solid 2px !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-use-select: none;
    background: #fff url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) right center no-repeat !important;

    background-repeat: no-repeat; 
    padding: 4px 18px 4px 4px;
    white-space: normal;
    cursor: pointer;
}
.tablesorter-header.asc { 
    background: #fff url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) right center no-repeat !important;

}
.tablesorter-header.desc {  
    background: #fff url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) right center no-repeat !important;
}

.price.dynamic {
    color: rgb(171, 99, 6);
}
 
 
.price.dynamic {
    outline: none;
    text-decoration: none; 
    position: relative;
}

.price.dynamic strong {
    line-height: 30px;
}
.price.dynamic .view_price_detail{
    
    border-bottom: solid 1px #ccc;
    display: inline-block;
    clear: both;
    color: #888484;
    margin-top: 5px;
    font-weight: normal;

}
.price.dynamic > span {
    width: 330px;
    padding: 10px 20px;
    margin-top: 0;
    margin-left: -208px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function: 
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

.price.dynamic:hover > span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 40px;
    display: inline;
    margin-left: -207px;
}

.price.dynamic span b {
    width: 15px;
    height: 15px;
    margin-left: 150px;
    margin-top: -19px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    display: none\0/;
    *display: none;
}    

.price.dynamic > span {
	color: #000000; 
	background: #FBF5E6;
	background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
	background: linear-gradient(top, #FBF5E6, #FFFFFF);	    
	border: 1px solid #CFB57C;	     
}    
	  
.price.dynamic span b {
	background: #FBF5E6;
	border-top: 1px solid #CFB57C;
	border-right: 1px solid #CFB57C;
} 

select.ride_method_id, select.chair {
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.frame_use_google {display: block}

.frame_use_google.drop{ margin-top: 5px}

.th_vehicle_service_frame, .th_count_frame, .th_vehicle_frame, .th_provider_frame {
    position: absolute;
    margin-top: -11px;
    background: #fff url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) right center no-repeat;
    padding: 4px 0 0;
    width: 95px; 
    z-index: 1;
}
.th_vehicle_frame{ margin-left: -24px}
.th_vehicle_frame label{ display: block}
.th_vehicle_service_frame  label.header_frame,.th_provider_frame label.header_frame, .th_vehicle_frame label.header_frame, .th_count_frame label.header_frame{padding-bottom: 10px; text-align: center; display: block}
.th_vehicle_service_frame p,.th_provider_frame p, .th_vehicle_frame p, .th_count_frame p{text-align: center; display: none; border-top: solid 1px #ccc; color: rgb(178, 123, 52); padding: 5px;}

.th_vehicle_service_frame.selected, 
.th_provider_frame.selected, 
.th_vehicle_frame.selected, 
.th_count_frame.selected{ border: solid 2px #ccc; cursor: pointer;   background: #fff; margin-left: -2px;margin-top: -13px;}

.th_vehicle_frame.selected { margin-top: -13px; margin-left: -26px;}
.th_vehicle_service_frame:hover{margin-left: -28px; margin-top: -13px; z-index: 1} 
 

.th_vehicle_service_frame.selected p, 
.th_provider_frame.selected p, 
.th_vehicle_frame.selected p, 
.th_count_frame.selected p{display: block}

.th_provider_frame p{ text-align: left; padding: 0}
.th_provider_frame p label{padding: 5px; display: block}
.th_provider_frame{ width: 92px;}
.th_provider_frame.selected{margin-left: -2px}
.th_vehicle_frame p{ text-align: left}
.count_col{ text-align: center;}
.info_hl_bg .driver, .info_hl_bg .rating_frame {margin-left: 15px}
.info_hl_bg .rating_frame {margin-top: 15px}

.rating{height:14px;overflow:hidden; width:82px }
.rating.with-num{width:140px}
 
.star-img{background:url("/assets/images/stars_rate.png") no-repeat scroll -3px -3px transparent;display:block;height:100%;width:100%}
.rating .stars-,.rating .stars-0{background-position:-3px -3px}
.rating .stars-1{background-position:-3px -21px}
.rating .stars-15{background-position:-3px -39px}
.rating .stars-2{background-position:-3px -58px}
.rating .stars-25{background-position:-3px -74px}
.rating .stars-3{background-position:-3px -93px}
.rating .stars-35{background-position:-3px -111px}
.rating .stars-4{background-position:-3px -129px}
.rating .stars-45{background-position:-3px -147px}
.rating .stars-5{background-position:-3px -165px}
.rating-small{float:left;height:9px;overflow:hidden;position:relative;width:49px}
.rating-small .stars-,.rating-small .stars-0{background-position:-3px -183px}
.rating-small .stars-1{background-position:-3px -195px}
.rating-small .stars-15{background-position:-3px -207px}
.rating-small .stars-2{background-position:-3px -219px}
.rating-small .stars-25{background-position:-3px -231px}
.rating-small .stars-3{background-position:-3px -243px}
.rating-small .stars-35{background-position:-3px -255px}
.rating-small .stars-4{background-position:-3px -267px}
.rating-small .stars-45{background-position:-3px -279px}
.rating-small .stars-5{background-position:-3px -291px}
.rating-large{height:21px;overflow:hidden;position:relative;width:200px}
.rating-large .stars-, .rating-large .stars-0{background-position:-3px -303px}
.rating-large .stars-1{background-position:-3px -327px}
.rating-large .stars-15{background-position:-3px -351px}
.rating-large .stars-2{background-position:-3px -375px}
.rating-large .stars-25{background-position:-3px -399px}
.rating-large .stars-3{background-position:-3px -423px}
.rating-large .stars-35{background-position:-3px -447px}
.rating-large .stars-4{background-position:-3px -471px}
.rating-large .stars-45{background-position:-3px -495px}
.rating-large .stars-5{background-position:-3px -519px}

//vote 
.rating-f .br-widget {
    height: 24px;
}

.rating-f .br-widget a {
    background: url('/images/star.png');
    width: 24px;
    height: 24px;
    display: block;
    float: left;
}

.rating-f .br-widget a:hover,
.rating-f .br-widget a.br-active,
.rating-f .br-widget a.br-selected {
    background-position: 0 24px;
}
#popup_message .vote_comment{max-height: 190px; overflow: hidden; overflow-y: auto;}
#popup_message .vote_comment p{margin-bottom: 5px; border-bottom: dotted 1px #ccc}
#popup_message .vote_comment span.bl{ background: #F9F9F9; padding: 3px; margin-bottom: 5px; border: solid 1px #ccc;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.bl{display: block}
.row_rating{ height: 35px;}
.row_rating label{float: left; margin-top: 5px; width: 120px; margin-right: 10px;}


.register_frame {text-align: center;}

.thanhtoan li:first-child { 
    padding-top: 0;  

}
.thanhtoan .payment_icon{ width: 60px;
    height: 60px;
    background: url(/images/payment.png) top left no-repeat;
    float: left;}
.thanhtoan li .pmid1{ background-position:  -55px 0 }
.thanhtoan li .pmid2{ background-position:  0 15px}
.thanhtoan li .pmid3{ background-position:  -116px 0px}
.thanhtoan > li{
    padding:10px 0;
    border-bottom: 1px solid #e7ebed
} 

.thanhtoan .option{
  background: url(/images/radio.png) 0 -21px no-repeat;
    float: left;
    margin: 3px;
    width: 21px;
    height: 21px;
}

.thanhtoan .option.selected{ background-position: 0 0}
.thanhtoan .content{
  margin-left: 35px;
}
.thanhtoan .content .title label{
    font-weight:bold;
    color: #000!important;
    font-size: 16px !important;
} 

.thanhtoan .title{padding-top: 4px;
  padding-bottom: 10px;}

.border_color_focus{ border-color: #E5AC45 !important}

.booked_bar { 
  z-index: 100; 
  color: #fff; 
  padding: 5px 10px;
  top: 0; 
  background: hsla(203,50%,50%,1); 
  border: solid 1px white;
   
  margin: 10px 0;
  width: 862px
}
.booked_bar label{margin-bottom: 10px; font-size: 16px}
.booked_bar .book_row {  margin-top: 10px;  display: inline-block; margin-right: 10px; text-decoration: underline}
.booked_bar .book_row:after{content: ", "; }
.booked_bar .book_row a{color: #fff}

//end booked bar