/*
Generated: 2025-08-22T19:28:56
Components:
  /css/webres.css                                    => /opt/thermeon/webXG/root/webXG/html/webres/css/webres.css
  /webXG/3-page/html/webres/css/3-page.css           => /opt/thermeon/webXG/root/Skins/3-page/html/webres/css/3-page.css

*/
/*
 Include File: /css/webres.css
 From:         /opt/thermeon/webXG/root/webXG/html/webres/css/webres.css 
*/
body {
    width:              100%;
    margin:             0px;
    padding:            0px;
    color:              #000000;
    background-color:   #ffffff;
    font-family:        Tahoma,Arial,sans-serif;
    font-size:          11px;
    }

#container {
    position:               relative;
    z-index:                1;
    width:                  986px;
    }

#page_header {
    position:               relative;
    width:                  100%;
    height:                 75px;
    margin:                 0 0 20px;
    background:             url('/webXG/hza001-partners/static/html/webres/gfx/header.png') 5px 5px no-repeat #e5e5e5;
    }

#logo_link {
    position:               absolute;
    top:                    0px;
    left:                   0px;
    height:                 25px;
    width:                  270px;
    display:                block;
    text-decoration:        none;
    padding:                50px 0 0 0;
    text-indent:            135px;
    color:                  #000000;
    font-style:             italic;
    font-weight:            bold;
    font-size:              10pt;
    }

#page_header_text {
    position:               absolute;
    top:                    0px;
    left:                   300px;
    color:                  #000;
    font-size:              10pt;
    font-weight:            bold;
    font-style:             italic;
    padding-top:            36px;
    width:                  550px;
    }

SPAN.required_star {
    font-size:          14px;
    font-weight:        bold;
    color:              red;
    position:           absolute;
    margin-left:        -9px;
    }
#required_fields_msg {
    color:              red;
    margin:             5px 0;
    }
#required_fields_msg SPAN.required_star {
    position:           static;
    margin:             0;
    }

.tooltip {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    background-image:   url('/webXG/hza001-partners/static/gfx/medium_tooltip_red.png');
    background-repeat:  no-repeat;
    font-size:          12px;
    font-weight:        bold;
    height:             85px;
    width:              210px;
    padding:            14px;
    color:              #fff; 
    text-align:         center;
    z-Index:            10;
    }

.tooltip_right {
    background-image:   url('/webXG/hza001-partners/static/gfx/small_tooltip_red_right.png');
    width:              225px;
    }

/* make all dropdowns use a slightly smaller font for IE7 */
#pickup_month,  #pickup_day,    #pickup_time,       #return_year, 
#return_month,  #return_day,    #return_time,       #pickup_year,
#pickup_loc,    #return_loc,    #renter_country,    #rate_class,
#booking_type, select#corp_rate_id,  #source_market  {
    font-size:          8pt;
    }

.bubble_header {
    margin-top:         3px;
    }

.bubble_header H1 {
    font-size:          11pt;
    margin:             0px;
    padding:            0px;
    font-variant:       small-caps;
    font-weight:        bold;
    }

H2 {
    margin:             5px 0px 10px 0px;
    padding:            0px;
    font-size:          13pt;
    font-weight:        bold;
    color:              #000;
    }

.standard_page H2 {
    font-size:          11pt;
    font-weight:        bold;
    color:              #CC9900;
    }

H3 {
    margin:             0px 0px 10px 0px;
    padding:            0px;
    font-size:          11pt;
    font-weight:        bold;
    color:              #000;
    }

.standard_page h3 {
    font-size:          10pt;
    font-weight:        bold;
    color:              #CC9900;
    }

.standard_page TH {
    color:              #CC9900;
    }

.floatleft {
    float:              left;
    }

IMG.bordered {
    border:             3px solid #ccc;
    margin:             0px 15px 10px 0px;
    }

.bordered {
    border:             3px solid #ccc;
    margin-top:         20px;
    }

#tab1Text,
#tab2Text {
    height:             32px;
    }

.text_right {
    text-align:         right;
    }

#no_one_club_left {
    float:              left;
    width:              560px;
    margin-right:       50px;
    }

#no_one_club_right {
    float:              left;
    width:              123px;
    padding-top:        60px;
    }

#no_one_club,
#no_one_club_gold {
    padding:            20px;
    }

.learn_more {
    margin-top:         10px;
    height:             20px;
    cursor:             pointer;
    cursor:             hand;
    font-family:        Verdana;
    color:              #3366AA;
    font-size:          7pt;
    font-weight:        bold;
    padding:            3px 0px 0px 23px;
    background-image:   url('/webXG/hza001-partners/static/404#gfx/alt_learn_more_2.gif');
    background-position:top left;
    background-repeat:  no-repeat;
    }

.join_now {
    margin-top:         30px;
    }

#progress_bar {
    margin-bottom:      15px;
    }

#progress_bar TD {
    font-size:          1px;
    }

#progress_bar TD.current_page {
    font-size:          12pt;
    font-weight:        bold;
    color:              #333;
    text-transform:     uppercase;
    }

#progress_bar TD.not_current_page {
    font-size:          8pt;
    font-weight:        bold;
    color:              #666;
    }

#progress_bar TD.current_page_bar {
    height:             8px;
    background-color:   #ffd60d;
    }

#progress_bar TD.not_current_page_bar {
    height:             8px;
    background-color:   #feea8a;
    }

#progress_bar TD.gap {
    width:              3px;
    }

P {
    margin:         0 0 10px 0;
    padding:        0;
    }

A {
    color:      #3366AA;
    text-decoration:        underline;
    }

TH {
    text-align:     left;
    }

.divider {
    background-image:   url('/webXG/hza001-partners/static/html/webres/gfx/divider.gif');
    background-position:left 10px;
    background-repeat:  no-repeat;
    clear:              both;
    width:              100%;
    height:             21px;
    line-height:        21px;
    }

.review_right_content .divider {
    display:            none;
    }

.smallLink {
    font-size:      7pt;
    }

.clear,
.clearboth {
    clear:          both;
    }

FORM {
    margin:         0px;
    padding:        0px;
    }

#validation_answer_dob {
    display:        none;
    }

.resFormFieldsize {
    font-size:      8pt;
    }

#content_padding {
    padding:        8px 0px 8px 11px;
    width:          368px;
    overflow:       hidden;            /* don't expand the box width-ways */
    }

.TabButtonFont {
    color:          #FFFFFF;
    font-family:    Arial,helvetica;
    font-size:      9pt;
    font-weight:    bold;
    text-transform: uppercase;
    word-spacing:   0;
    }

#left_col {
    float:          left;
    width:          202px;
    }

#pageContent {
    float:          right;
    width:          772px;
    margin:         0;
    }

#main_col {
    float:          left;
    width:          416px;
    }

#right_col {
    float:          right;
    width:          350px;
    }

.clearer {
    font-size:      1px;
    clear:          both;
    }

#footer {
    width:          986px;
    font-size:      8pt;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/dashed_line_hz.gif');
    background-position:    top;
    background-repeat:      repeat-x;
    padding-top:    1px;
    }

#footer H1 {
    font-size:      12pt;
    padding:        10px 0px 5px 163px;
    margin:         0px;
    }

#footer_bg {
    background-color:       #EDEDED;
    padding:        10px 0px 0px 170px;
    }

#footer_content {
    display:            inline-block;
    }

.footer_list {
    float:          left;
    width:          170px;
    }

.footer_list H2 {
    font-family:    Arial, Helvetica;
    font-size:      10pt;
    font-weight:    bold;
    }

#footer ul {
    list-style-type:        none;
    margin:                 0px;
    padding:                0px;
    }

#footer li {
    margin:                 0px;
    padding:                0px;
    }

#footer a {
    font-weight:            normal;
    line-height:            normal;
    font-family:            Arial,helvetica;
    font-size:              7.5pt;
    }

#copyright {
    clear:                  both;
    padding:                5px 0 5px 0;
    width:                  986px;
    text-align:             center;
    font-size:              7pt;
    }

#sitemap {
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/dashed_line_hz.gif');
    background-position:    top;
    background-repeat:      repeat-x;
    background-color:       #fff;
    padding:                5px 0px;
    width:                  986px;
    text-align:             center;
    }

#sitemap A {
    font-size:              7.5pt;
    }

.page_reference,
.logged_in_as {
    padding:                10px;
    font-size:              10px;
    }

#loading_div {
    position:           absolute;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    top:                0px;
    width:              500px;
    z-index:            1000002;
    margin:             180px 0px 0px 338px;
    }

.no_js_enabled_wrapper {
    position:           absolute;
    top:                0;
    left:               0;
    margin:             0;
    z-index:            50000;
    width:              100%;
    height:             100%;
    }

.no_js_opaque {
    opacity:            0.6;
    filter:             alpha(opacity=60);
    z-index:            50001;
    background-color:   #000000;
    }

.no_js_info {
    position:           absolute;
    zoom:               1;
    width:              400px;
    top:                50px;
    left:               50%;
    margin-left:        -200px;
    background-color:   #FFFFFF;
    border:             1px solid #000000;
    z-index:            50002;
    border-radius:      4px;
    text-align:         center;
    padding:            2em 1.5em;
    color:              red;
    font-size:          15pt;
    font-weight:        bold;
    }

#loading_content {
    position:           absolute;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    top:                0;
    left:               0;
    width:              500px;
    z-index:            1000003;
    border:             2px solid #666;
    -moz-border-radius: 10px;
    background-color:   #fff;
    padding:            10px 10px 20px 20px;
    text-align:         center;
    color:              #000;
    }

#loading_content .indicator,
#loading_content .text,
#loading_content .image {
    display:            block;
    margin:             5px 0;
    }

/* the div with the background colour */
#info_opaque {
    z-index:            1000001;
    }

.info_opacity {
    top:                70px;
    width:              100%;
    height:             100%;
    }

.opaque {
    position:           absolute;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    -moz-opacity:       0.6;
    opacity:            0.6;
    filter:             Alpha(opacity=60);
    background:         #000 fixed;
    }

/* webres generic */
#thermeon_tm {
    font-size:          10px;
    width:              986px;
    text-align:         center;
    padding:            40px 0px 6px 0px;
    }

#thermeon_tm IMG {
    border:             0px;
    vertical-align:     middle;
    }

UL.errors {
    margin:             0px 0px 15px 20px;
    padding:            0px;
    }

.errors, .error {
    color:              #FF0000;
    }

UL.errors LI {
    font-weight:        bold;
    }

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

TABLE TH, TABLE TD {
    font-family:        Tahoma,Arial,sans-serif;
    font-size:          11px;
    }

TABLE TH {
    font-weight:        bold;
    }

.title {
    font-weight:        bold;
    }

#edit_res h3 {
    padding:            1px;
    margin:             1px;
    font-size:          9pt;
    font-weight:        normal;
    }

TABLE TH SPAN.header {
    text-align:         left;
    }

TABLE TD #int_fop_text {
    width:              300px;
    }

.centered {
    width:              385px;
    }

.errors {
    padding:            5px;
    width:              350px;
    align:              center;
    }

.errors SPAN.heading {
    color:              #FF0000;
    font-weight:        bold;
    }

.message,
.info_row,
.mc,
.mc_error {
    padding:            5px 0px 2px 0px;
    margin:             2px;
    }

INPUT.error, SELECT.error, TR.error INPUT, TR.error SELECT {
    background-color:   #ffd60d;
    }

.split_row .mc {
    float:              left;
    width:              150px;
    margin-right:       10px;
    }

LABEL.first_label {
    display:            block;
    top:                5px;
    width:              350px;
    }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eee;
    border-color: #ddd;
    cursor: not-allowed;
    color: #999;
    }

FORM#login INPUT#member_login_username,
FORM#login INPUT#member_login_password {
    width:              120px;
    }

.mc HR.form_line {
    color:              black;
    height:             1px;
    border:             none;
    border-bottom:      1px solid black;
    }

.prepaid_voucher_1 {
    margin-top:         -12px;
    margin-left:        160px;
    }

.prepaid_voucher_2 {
    margin-top:         5px;
    margin-left:        160px;
    }

LABEL.pre_paid_indent {
    position:           absolute;
    left:               105px;
    }

.mc .form_submit {
    margin-Left:        100px;
    }

.expanded_rate {
    position:           relative;
    }

SPAN.COMMON { color: green; font-weight: bold }
SPAN.CLIENT { color: red;   font-weight: bold }

SELECT#del_hotel {
    font-size:          10px;
    height:             17px;
    margin-top:         1px;
    width:              143px;
    }

TR.included_option {
    background-color:   #99EE99;

    }
TR.disabled_option {
    background-color:   #CCCCCC;
    }

SPAN.info {
    color:              #FF0000;
    }

#map {
    display:            none;
    background-color:   #fff;
    z-index:            1000002;
    position:           absolute;
    padding:            1em;
    width:              90%;
    left:               2.5%;
    box-shadow:         0px 0px 8px #000;
    }

#map #close_popup {
    text-decoration:    none;
    color:              #ccc;
    position:           absolute;
    top:                7px;
    right:              5px;
    background-image:   url('/webXG/hza001-partners/static/gfx/close.gif');
    background-repeat:  no-repeat;
    width:              20px;
    height:             20px;
    text-indent:        -9999px;
    }

#delcol_find {
    float:              right;
    padding:            12px 0;
    }

#map_search {
    width:          30em;
    margin:         0 0.5em 0 0;
    float:          left;
    }

#search_box {
    height:         3em;
    }

#map label {
    width:              150px;
    float:              left;
    line-height:        2em;
    }

#map_address, #map_notes {
    float:              left;
    margin-bottom:      0.6em;
    }

#map_notes {
    margin-left:        2em;
    }

#map_notes P {
    max-width:          37em;
    margin-top:         0.8em;
    line-height:        inherit;
    }

#map_notes H3 {
    font-size:          1em;
    margin-bottom:      0.1em;
    }

#map_canvas {
    width:              78%;
    height:             400px;
    min-height:         400px;
    float:              left;
    margin-bottom:      1em;
    }

#map_rhs {
    width:              20%;
    float:              right;
    }

.map_result {
    margin-bottom:      2em;
    }

.set_address A {
    color:              #000;
    border:             1px solid #7A7A7A;
    padding:            0 0.7em 0 0.6em;
    height:             2em;
    line-height:        2em;
    border-radius:      0.6em;
    text-decoration:    none;
    display:            inline-block;
    box-shadow:         inset 0 0 0.3em rgba(0, 0, 0, 0.5);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #f0f0f0 100% );
    background: linear-gradient(top bottom, #ffffff 5%, #f0f0f0 100%);
    }

.set_address A:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #f0f0f0 100%, #ffffff 5%);
    background: linear-gradient(top bottom, #f0f0f0 5%, #ffffff 100%);
    }

.set_address A:active {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e7e7e7), color-stop(1, #f0f0f0) );
    background:-moz-linear-gradient( center top, #e7e7e7 100%, #f0f0f0 5%);
    background: linear-gradient(top bottom, #e7e7e7 5%, #f0f0f0 100%);
    position:relative;
    top:1px;
    }

.set_address A:before {
    content:            "\2713";
    margin:             0 0.4em 0 0;
    }

.delcol_button {
    float:              left;
    margin:             2px;
    }

.delcol_radio {
    float:              left;
    }

.delcol_line {
    position:           relative;
    margin-top:         5px;
    height:             18px;
    }

.delcol_dates {
    margin-top:         5px;
    height:             22px;
    }

INPUT.delcol_input1 {
    position:           absolute;
    left:               120px;
    }

#cvg_resp_table {
    padding-top:            12px;
    }
#cvg_resp_table TD {
    font-size:              11px;
    }
#cvg_resp_msg {
    font-weight:            bold;
    }
.deleted_res {
    text-align:  center;
    }
.new_res_link {
    text-align:  center;
    }
.error {
    color:              #FF0000;
    }
.message,
.mc_error {
    color:              #FF0000;
    margin-bottom:      10px;
    }
SPAN.error_span {
    color:              red;
    }

.box {
    position:               relative;
    background-color:       #FFFFFF;
    margin-bottom:          10px;
    height:                 auto;
    }

#login_signup_container .tab_bar,
.box_no_tab .tab_bar {
    display:                none;
    }

.container {
    position:               relative;
    padding:                20px;
    }

.box .border_bottom {
    position:               absolute;
    bottom:                 0px;
    right:                  0px;
    width:                  100%;
    background:             url('/webXG/hza001-partners/static/html/webres/gfx/sprite_HorizontalLines.gif');
    background-position:    left -22px;
    font-size:              6px;
    height:                 6px;
    z-index:                5;
    }
.box .border_bottom_left,
.box .border_bottom_right {
    position:               absolute;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/sprite_RoundedCorners.gif');
    width:                  20px;
    height:                 20px;
    bottom:                 0px;
    z-index:                6;
    }
.box .border_bottom_left {
    background-position:    -44px bottom;
    left:                   0px;
    }
.box .border_bottom_right {
    background-position:    -66px bottom;
    right:                  0px;
    }
.box .border_left,
.box .border_right {
    position:               absolute;
    top:                    0px;
    height:                 100%;
    width:                  6px;
    background:             url('/webXG/hza001-partners/static/html/webres/gfx/sprite_VerticalLines.gif');
    background-repeat:      repeat-y;
    z-index:                4;
    }
.box .border_left {
    left:                   0px;
    background-position:    -15px top;
    }
.box .border_right {
    right:                   0px;
    background-position:    -22px top;
    }
.box .border_top {
    position:               absolute;
    top:                    0px;
    right:                  0px;
    width:                  100%;
    height:                 6px;
    font-size:              6px;
    background:             url('/webXG/hza001-partners/static/html/webres/gfx/sprite_HorizontalLines.gif');
    background-position:    left -15px;
    z-index:                2;
    }
.box .border_top_left,
.box .border_top_right {
    position:               absolute;
    top:                    0px;
    width:                  20px;
    height:                 20px;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/sprite_RoundedCorners.gif');
    z-Index:                5;
    }
.box .border_top_left {
    left:                   0px;
    background-position:    -44px top;
    }
.box .border_top_right {
    right:                  0px;
    background-position:    -66px top;
    }

/* tabs */

.tab_bar {
    position:               relative;
    width:                  100%;
    height:                 43px;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/sprite_HorizontalLines.gif');
    background-repeat:      repeat-x;
    background-position:    0px -80px;
    z-Index:                3;
    }
.tab_bar .tab {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    position:               relative;
    float:                  left;
    margin-Top:             6px;
    padding-Top:            9px;
    padding-Left:           2px;
    padding-Right:          4px;
    height:                 37px;
    text-align:             center;
    z-Index:                4;
    }
.tab_bar .tab SPAN.title {
    color:              #000;
    font-size:          16px;
    }
.tab_bar .tab A,
.tab_bar .tab A:hover,
.tab_bar .tab A:visited {
    color:                  #000000;
    text-decoration:        none;
    }
.tab_bar .selected_tab {
    font-weight:            bold;
    font-size:              12px;
    background:             #FFFFFF;
    z-Index:                3;
    }
.tab_bar .tab .tab_corner {
    position:               absolute;
    width:                  20px;
    height:                 18px;
    top:                    -6px;
    right:                  -12px;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/sprite_Miscellaneous.gif');
    background-repeat:      no-repeat;
    background-position:    -205px -21px;
    z-Index:                4;
    }
.tab_bar .before_selected_tab .tab_corner {
    background-position:    -72px -21px;
    }
.tab_bar .selected_tab .tab_corner {
    background-position:    -48px -21px;
    right:                  -8px;
    }
.tab_bar .tab .tab_border {
    position:               absolute;
    width:                  6px;
    height:                 29px;
    top:                    8px;
    right:                  -6px;
    z-Index:                4;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/sprite_CenteredGradients.gif');
    background-repeat:      no-repeat;
    background-position:    -451px -22px;
    background-color:       #FFFFFF;
    }
.tab_bar .before_selected_tab .tab_border {
    background-position:    -446px -22px;
    top:                    6px;
    right:                  -1px;
    }
.tab_bar .selected_tab .tab_border {
    background-position:    -453px -22px;
    top:                    6px;
    right:                  -7px;
    }

.right_content {
    position:               absolute;
    right:                  0;
    top:                    0;
    padding:                8px;
    max-width:              50%;
    }
/* end webres generic */

/* custom styles */
.button_left_side {
    height:         16px;
    width:          7px;
    float:          left;
    background-image:       url('/webXG/hza001-partners/static/404#gfx/btn_ylw_small_lft.gif');
    background-position:    right;
    background-repeat:      no-repeat;
    }

.button_right_side {
    height:         16px;
    width:          13px;
    float:          left;
    background-image:       url('/webXG/hza001-partners/static/404#gfx/btn_ylw_small_rgt.gif');
    background-position:    left;
    background-repeat:      no-repeat;
    }

.button_bg {
    height:             16px;
    background-image:   url('/webXG/hza001-partners/static/404#gfx/btn_bg_ylw.gif');
    background-repeat:  repeat-x;
    }

.button_bg A {
    font-size:      8pt;
    text-decoration:        none;
    color:          #000;
    }

.bottom_margin_12 {
    margin-bottom:  12px;
    }

.title {
    text-align:     center;
    color:          #000000;
    }

.components {
    background-color: #EEEEEE;
    color:            #000000;
    margin-bottom:  10px;
    }

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

.table416 {
    width:          416px;
    }

.table483 {
    width:          396px;
    }

A#link1 {
    width:          161px;
    }

A#link2 {
    width:          235px;
    }

.tabstyle {
    margin-left:    -0.5px;
    margin-top:     0;
    padding-left:   0;
    }

.graybackground {
    background-color:       #EDEDED;
    }

.borderTable {
    background:     transparent url('/webXG/hza001-partners/static/404#gfx/blue_white_gradient.gif') repeat-x scroll 0 0;
    border-left:    2px solid #CCCCCC;
    border-right:   2px solid #CCCCCC;
    display:        inline;
    float:          left;
    margin-top:     0;
    padding-left:   0;
    width:          396px;
    }

.maxtable {
    width:          100%;
    }

.linkText {
    font-family:    Arial,helvetica;
    font-size:      8pt;
    color:          #3366aa;
    text-decoration:underline;
    }

.banner_imgs IMG {
    margin-bottom:  10px;
    }

/* end scrolling banner image styles */

#cdpid_info,
#corp_account_info,
#wholesale_info {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    }

#cdpid_info .
#corp_account_info .
#wholesale_info .{
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    clear:                  both;
    margin:                 3px 0px 0px 0px;
    }

#cdpid_info INPUT,
#corp_account_info INPUT,
#wholesale_info INPUT {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    width:                  40%;
    }

#cdpid_info LABEL,
#corp_account_info LABEL,
#wholesale_info LABEL {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    display:                block;
    float:                  left;
    width:                  40%;
    padding-top:            3px;
    margin-right:           10px;
    }

#cdpid_info .line_title LABEL,
#corp_account_info .line_title LABEL,
#wholesale_info .line_title LABEL {
    text-align:     left;
    }

#cdpid_info .line_additional LABEL,
#corp_account_info .line_additional LABEL,
#wholesale_info .line_additional LABEL {
    text-align:     right;
    }

/* tab stuff */
#tab_container {
    margin-left:    10px;
    width:          760px;
    }

#tab_header {
    border-bottom:  2px solid #d6d6d6;
    }

#tab_content {
    border-left:            2px solid #d6d6d6;
    border-right:           2px solid #d6d6d6;
    padding:                30px 15px 20px 15px;
    }

#tab_btm {
    height:                 10px;
    }

DIV.tab_holder {
    display:                none;
    }
DIV.tab_holder_selected {
    display:                block;
    }

/* estimate table */

#estimate {
    width:              auto;
    margin-top:         10px;
    }

#estimate TD {
    vertical-align:     top;
    border-bottom:      1px solid #ccc;
    font-size:          8pt;
    padding:            2px 0;
    }
#estimate TR.no_border TD {
    border-bottom:      0px solid #FFF;
    }

#estimate TR.total {
    background-color:   #ccc;
    font-weight:        bold;
    font-size:          12pt;
    }

#estimate TR.total TD {
    border-top:         1px solid #ccc;
    border-bottom:      2px solid #ccc;
    }

#estimate TR.header TD {
    border-bottom:      1px solid #ccc;
    }

#estimate TR.header {
    background-color:   #EEEEEE;
    font-weight:        bold;
    font-size:          12pt;
    }

#estimate TD .currency {
    float:  left;
    }
#estimate TD .value {
    float:  right;
    }

#rate_details #estimate TD {
    min-width:          50px;
    }

/* end estimate table */

/* itinerary */

.itinerary_container {
    width:          100%;
    }

#itinerary_expanded .pickup,
#itinerary_expanded .return {
    float:              left;
    }

#itinerary_expanded .pickup {
    margin:             0 80px 0 0;
    }

#itinerary_expanded .class_img {
    float:              left;
    margin-right:       10px;
    }

#itinerary_expanded .class_summary {
    float:              left;
    width:              300px;
    }

.itinerary_left .pickup_return_label {
    font-weight:        bold;
    font-size:          10pt;
    }

#review_right .container {
    padding:            15px;
    }

#review_right #itinerary .pickup {
    margin:             0 0 10px 0;
    }

/* end itinerary */

/* buttons */

TABLE.table_button .btn_lft,
TABLE.table_button .btn_rgt,
TABLE.table_button .btn_mdl {
   background:          #2ba337;
   height:              22px;
   line-height:         22px;
   }

TABLE.table_button .btn_rgt,
TABLE.table_button .btn_lft {
    /* background styles */
    }

TABLE.table_button TR TH,
TABLE.table_button TR TD {
    border:             none    !important;
    padding:            0px     !important;
    }

TABLE.table_button .btn_mdl INPUT {
    height:             22px;
    }

TABLE.table_button A {
    text-decoration:    none;
    }

.button_secondary {
    background:         #ccc;
    }

.button_secondary INPUT {
    cursor:             pointer;
    cursor:             hand;
    border:             none;
    background-color:   transparent;
    padding:            0px;
    margin:             0px;
    font-size:          11px;
    }

.button_secondary TR TH,
.button_secondary TR TD {
    border:             none;
    padding:            0px;
    }

.button_secondary TR TD A {
    line-height:        15px;
    white-space:        nowrap;
    }

/* end buttons */

/* res_progress */

#progress_bar {
    margin-bottom:      15px;
    }

#progress_bar TD {
    font-size:          1px;
    }

#progress_bar TD.current_page {
    font-size:          12pt;
    font-weight:        bold;
    color:              #333;
    text-transform:     uppercase;
    }

#progress_bar TD.not_current_page {
    font-size:          8pt;
    color:              #666;
    }

#progress_bar SPAN.res_progress_circle {
    width:              26px;
    height:             26px;
    line-height:        26px;
    background:         url('/webXG/hza001-partners/static/404#gfx/res_progress_step_bg.gif') no-repeat left top #2ba337;
    font-size:          12pt;
    display:            block;
    text-align:         center;
    color:              white;
    margin-Right:       5px;
    }

#progress_bar TD.not_current_page SPAN.res_progress_circle {
    opacity:            0.5;
    filter:             alpha(opacity = 50);
    }

#progress_bar TD.gap {
    width:              15px;
    }

/* end res_progress */

.flags {
    margin-top:             20px;
    margin-bottom:          20px;
    }

.sitemap UL {
    margin:                 0px;
    padding:                0px;
    list-style-type:        none;
    margin-left:            12px;
    }

.sitemap LI {
    padding-top:            5px;
    }

.sitemap A {
    color:                  #000;
    font-weight:            bold;
    margin-bottom:          3px;
    text-decoration:        none;
    }

.sitemap A:hover {
    text-decoration:        underline;
    }

.sitemap UL UL {
    margin-left:            20px;
    list-style-type:        none;
    }

.sitemap UL UL A {
    font-weight:            normal;
    }

#video {
    padding-left:           130px;
    padding-top:            80px;
    }

.discount_button {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    cursor:                 pointer;
    cursor:                 hand;
    margin-top:             2px;
    margin-bottom:          2px;
    width:                  100%;
    background:             #FCE762;
    padding:                5px 2px 5px 8px;
    background-image:       url('/webXG/hza001-partners/static/html/webres/gfx/discount_button_expand_arrow.jpg');
    background-repeat:      no-repeat;
    background-position:    98% 8px;
    }

.tiny_text {
    font-size:              1px;
    }

#txn_list_table {
    background-color:       #fff;
    border:                 2px solid #ccc;
    }

#txn_list_table TH {
    border-bottom:          1px solid #ccc;
    text-align:             center;
    }

#txn_list_table .first_col {
    border-right:           1px solid #ccc;
    }

#txn_list_table TD {
    background-image:       url('/webXG/hza001-partners/static/404#gfx/gray_gradient.gif');
    background-position:    bottom;
    background-repeat:      repeat-x;
    border-bottom:          1px solid #ccc;
    }

#txn_list_table TABLE TD {
    font-size:              smaller;
    background-image:       none;
    border-bottom:          8pt;
    font-family:            sans-serif;
    }

#txn_list_table TR.noborder TD {
    border-bottom:          none;
    }

#txn_list_table TR.no_bg TD {
    background:             none;
    }

/* IE6 padding around Input buttons fix */ 
.CorrectIEPadding {
    padding:                0 .25em;
    width:                  0;
    overflow:               visible;
    }

.CorrectIEPadding[class] {
    width:                  auto;
    }
/* end IE padding around input buttons fix */

.billing_fields {
    display:        none;
    }

/* Please Login box */

#please_login {
    width:              400px;
    border:             1px solid #CCCC88;
    background-color:   #FFFFCC;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         center;
    color:              black;
    padding:            15px;
    }

/* ---------------- */

.request_notice {
    text-align:         center;
    font-weight:        bold;
    padding:            12px;
    }

#out_of_hours_popup,
#rental_duration_popup,
#freq_renter_popup,
.popup {
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    position:               absolute;
    display:                none;
    top:                    250px;  /* info_opacity's top + 180 */
    left:                   50%;
    margin-Left:            -250px; /* info_opacity's margin_left / 2 */
    width:                  500px;
    z-index:                1000002;
    background-color:       #FFFFFF;
    padding:                10px 10px 20px 20px;
    color:                  #000000;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    border:                 2px solid #666;
    }

.popup .two_buttons .dismiss_button, .popup .two_buttons .action_button {
    float:                  left;
    margin:                 auto;
    width:                  50%;
    }

#prompt_popup.mobile {
    width:                  90%;
    margin-left:            5%;
    top:                    20%;
    }

#prompt_popup.mobile P, #prompt_popup.mobile INPUT {
    font-size:              20px !important;
    padding:                3px 0;
    }

#prompt_popup.mobile .btn_mdl {
    height:                 27px;
    }

#renter_details_finish_message {
    top:                    25px;
    }

#renter_details_finish_button {
    margin-top:             10px;
    }

#freq_renter_user_details_popup {
    display:            inline;
    }

#out_of_hours_popup #loc_hours {
    margin-Left:        100px;
    border-Collapse:    collapse;
    }

#out_of_hours_popup #loc_hours TH,
#out_of_hours_popup #loc_hours TD {
    text-align:         center;
    border:             1px solid #000000;
    padding:            5px;
    }

.variable_tabs UL LI {
    cursor:             pointer;
    cursor:             hand;
    }

.invoices_list {
    display:            none;
    }

.invoices_list.current {
    display:            block;
    }

.invoices_list TABLE {
    display:            block;
    margin:             10px 0px 0px 0px;
    padding:            0px;
    }

.invoices_list TR TD {
    background-color:   #CCC;
    }

.invoices_list TR.even TD {
    background-color:   #FFF;
    }

.invoices_list .invoice_date {
    width:              100px;
    }

.invoices_list .invoice_customer {
    width:              300px;
    }

.invoices_list .invoice_period {
    width:              200px;
    }

.invoices_list .invoice_balance_due {
    width:              100px;
    text-align:         right;
    }

.invoices_list .invoice_count {
    width:              50px;
    text-align:         right;
    }

TABLE.freq_renter {
    width:              400px;
    }

TABLE.freq_renter TD.half_width {
    width:              200px;
    }

TABLE.freq_renter TD.full_width {
    width:              400px;
    }

#freq_renter_details {
    display:            none;
    height:             60px;
    }

#freq_renter_no_incorrect,
#freq_renter_validation_failed {
    display:            none;
    }

#freq_renter_details LABEL {
    display:            block;
    float:              left;
    width:              200px;
    padding-right:      10px;
    }

.freq_renter_resp_errors {
    margin:             10px 0px 10px 0px;
    }

#freq_renter_details INPUT,
#freq_renter_details SELECT {
    float:              left;
    }

#freq_renter_details IMG#validation_answer_dob_date_field_img {
    float:              left;
    padding-left:       7px;
    }

.cal {
    vertical-align:     text-bottom;
    cursor:             pointer;
    width:              21px;
    height:             20px;
    border:             0;
    }

#forgotten_password_holder {
    position:           absolute;
    top:                150px;
    left:               340px;
    z-index:            9999999;
    }

#forgotten_password {
    width:              500px;
    padding:            10px;
    background-color:   white;
    border:             2px solid #ffd60d;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:      10px;
    }

#forgotten_password #errors,
#reset_password_success {
    display:            none;
    }

.forgotten_password_link {
    padding-top:        10px;
    font-size:          8pt;
    }
.forgotten_password_link A {
    text-decoration:    none;
    }
.forgotten_password_link A:hover {
    text-decoration:    underline;
    }

#join_top {
    height:             19px;
    background-image:   url('/webXG/hza001-partners/static/404#gfx/dash.gif');
    background-position:0px 11px;
    background-repeat:  repeat-x;
    width:              155px;
    }

/* prepay ------------------------------------ */
#prepay #cc_info {
    margin:                 0 0 15px 0;
    }
#prepay #cc_info1,
#prepay #cc_info2 {
    width:                  240px;
    float:                  left;
    }

IMG#cvv_thumb {
    margin-left:            10px;
    }

A#cvv_help {
    background-image:       url('/webXG/hza001-partners/static/gfx/cvv_help_bg.gif');
    background-repeat:      no-repeat;
    background-position:    left top;
    width:                  20px;
    height:                 20px;
    line-height:            20px;
    font-weight:            bold;
    color:                  white;
    display:                block;
    text-align:             center;
    text-decoration:        none;
    margin-left:            10px;
    }

#prepay_cost {
    position:               relative;
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    width:                  100%;
    padding:                10px;
    border:                 1px solid #999;
    margin:                 20px 0;
    }

#prepay_cost p.total_cost_title {
    font-weight:            bold;
    }

#prepay_cost p.total_cost {
    position:               absolute;
    top:                    10px;
    right:                  10px;
    font-weight:            bold;
    }

.prepay_option {
    margin:                 0 0 10px 0;
    }

.prepay_option INPUT {
    float:                  left;
    margin-right:           20px;
    }
.prepay_option LABEL {
    display:                table;
    }

#dcc_check {
    text-align:             center;
    }

#prepay_charge {
    width:                  100%;
    text-align:             center;
    font-weight:            bold;
    margin:                 10px 0;
    }

#payment_message {
    margin:                 10px 0;
    }

#request_message {
    text-align:             center;
    font-weight:            bold;
    margin:                 10px 0;
    }

/* PREPAY CONFIRMATION ---------------- */

#prepay_conf TABLE {
    margin-Top:             10px;
    }

#prepay_conf TABLE TR.highlight {
    background-color:       #eee;
    }

#prepay_conf TABLE TR.total {
    background-color:       #c0d9ec;
    font-weight:            bold;
    }

#prepay_conf TABLE TD.align_detail {
    text-align:             right;
    }

#prepay_conf TABLE TR.total TD {
    border-bottom:          2px solid #ccc;
    }

#prepay_conf TABLE TD {
    border-bottom:          1px solid #ccc;
    font-size:              8pt;
    vertical-align:         top;
    }

/* misc -------------------------------- */

SPAN.min_password_length {
    color:                  #666;
    font-size:              0.9em;
    }

/* JPASSWORD FIXES --------------------- */

.jpassword {
    position:            absolute !important;
    width:               260px !important;
    }

.jpassword P.jpassword-info {
    color:              #000 !important;
    }

P.jpassword-meter {
    background-image:   url('/webXG/hza001-partners/static/404#jpassword/jpassword-meter.png') !important;
    background-repeat:  no-repeat;
    line-height:        10px;
    }

.spacer {
    height:             10px;
    }

/* end custom styles */

/* Cookie Warning styles */
#cookie_warning {
    display:                none;
    width:                  100%;
    background:             #fefefe;
    color:                  #111;
    margin:                 0;
    text-align:             left;
    padding:                5px 10px;
    position:               relative;
    box-sizing:             border-box;
    -moz-box-sizing:        border-box;
    z-index:                1;
    }
#cookie_warning P {
    margin:                 0 10em 0 0;
    padding:                5px;
    }
#cookie_warning_close {
    cursor:                 pointer;
    display:                block;
    position:               absolute;
    right:                  10px;
    top:                    5px;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    text-decoration:        none;
    padding:                4px 10px;
    color:                  #fff;
    vertical-align:         middle;
    border-top:             1px solid #696969;
    background:             #242424;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#242424));
    background: -webkit-linear-gradient(top, #999999, #242424);
    background: -moz-linear-gradient(top, #999999, #242424);
    background: -ms-linear-gradient(top, #999999, #242424);
    background: -o-linear-gradient(top, #999999, #242424);
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    }
.lt-ie9 #cookie_warning_close {
    background:             #696969;
    border-top:             1px solid #aeaeae;
    border-bottom:          1px solid #242424;
    border-left:            1px solid #aeaeae;
    border-right:           1px solid #242424;
    }
#cookie_warning_close:hover {
    border-top-color:       #525152;
    background:             #525152;
    color:                  #ccc;
    }
#cookie_warning_close:active {
    border-top-color:       #1f1f1f;
    background:             #1f1f1f;
    color:                  #aaa;
    }
/* end Cookie Warning styles */

#paypal_or {
    font-weight:            bold;
    font-size:              1.5em;
    font-style:             italic;
    }


/*
 Include File: /webXG/3-page/html/webres/css/3-page.css
 From:         /opt/thermeon/webXG/root/Skins/3-page/html/webres/css/3-page.css 
*/
DIV#container {
    width:          100%;
    }

DIV#pageContent {
    float:          none;
    width:          auto;
    margin:         0
    }

DIV#loading_div {
    left:               50%;
    width:              400px;
    margin:             150px 0px 0px -200px;
    }

DIV#loading_content {
    padding:            20px 10px;
    width:              100%;
    border:             1px solid #000;
    }

DIV#loading_content DIV.indicator,
DIV#loading_content DIV.text,
DIV#loading_content DIV.image {
    margin:             0 0 5px 0;
    }

/* the div with the background colour */
DIV#info_opaque {
    z-index:            1000001;
    }

.info_opacity {
    top:                0px;
    left:               0px;
    width:              100%;
    height:             400px;
    margin:             0;
    }

.opacity {
    -moz-opacity:       0.5;
    opacity:            0.5;
    filter:             Alpha(opacity=50);
    }

.white_bg {
    background-Color:   white;
    }

DIV#thermeon_tm {
    width:              auto;
    }

DIV#thermeon_tm IMG {
    border:             0px;
    vertical-Align:     middle;
    }

FORM {
    padding:            4px;
    }

TD.errors {
    color:              #FF0000;
    width:              400px;
    padding:            3px;
    }

TR.error {
    color:              #FF0000;
    font-Weight:        bold;
    }

UL.errors {
    margin:             0px;
    padding:            10px 0px 0px 5px;
    }

UL.errors LI {
    color:              #FF0000;
    list-style-type:    none;
    margin:             0px;
    padding:            0px 0px 5px 0px;
    }

INPUT {
    font-Size:          11px;
    }

div#edit_res {
    width:              500px;
    text-align:         center;
    margin-Left:        -250px;
    background-color:   #FFFFFF;
    color:              #000000;
    }

DIV#edit_res h3 {
    padding:            1px;
    margin:             1px;
    font-size:          9pt;
    }

.centered {
    position:           relative;
    width:              660px;
    left:               50%;
    margin-Left:        -330px;
    }

DIV#errors {
    position:           relative;
    width:              400px;
    align:              left;
    left:               50%;
    margin-Left:        -200px;
    }

DIV.message {
    text-align:         center;
    }

DIV.mc {
    position:           relative;
    padding:            2px;
    margin:             2px;
    margin-left:        130px;
    }

LABEL.first_label {
    position:           absolute;
    left:               -120px;
    top:                5px;
    width:              auto;
    }

.mc #submit_res_form {
    margin-Left:        100px;
    }

SELECT#del_hotel,

INPUT.delcol_input1 {
    left:               90px;
    }

.estimate_line {
    border-bottom:      1px solid #000;
    }

TABLE#estimate TD DIV.currency {
    float:  left;
    }

TABLE#estimate TD DIV.value {
    float:  right;
    }

DIV.error {
    color:              #FF0000;
    }

DIV.mc_error {
    position:           relative;
    padding:            2px;
    margin:             2px;
    margin-left:        130px;
    }

INPUT.error, SELECT.error, TR.error INPUT, TR.error SELECT {
    background-Color:   #FF9999;
    }

DIV.auth_notice {
    text-Align:         center;
    font-Weight:        bold;
    padding:            14px;
    color:              red; 
    }

DIV.left_info_form,
DIV.right_info_form {
    display:            inline-block;
    }

/* ---------------- */

TABLE.account_info {
    width:              100%;
    }

DIV#all_locs_hours_scrolling {
    height:             300px;
    overflow-y:         auto;
    }

TABLE#loc_hours {
    margin-Left:        100px;
    border-Collapse:    collapse;
    }

TABLE#loc_hours TH,
TABLE#loc_hours TD {
    text-Align:         center;
    border:             1px solid #000000;
    padding:            5px;
    }

TABLE#loc_hours TD.loc_name {
    background-color:   #eee;
    color:              #0081c4;
    font-weight:        bold;
    }

TABLE#loc_hours SPAN.distance {
    color:              #35A000;
    }

/* Miscellaneous ----------------------- */

DIV.divider {
    background-Image:       url('/webXG/hza001-partners/static/html/webres/gfx/divider.gif');
    background-position:    left 10px;
    background-Repeat:      no-repeat;
    height:                 21px;
    line-height:            21px;
    width:                  100%;
    clear:                  both;
    }

.clearboth {
    clear:              both;
    }

DIV.spacer {
    height:             10px;
    }



