/* CSS Document */

/* START - Exchange Landing Page - Layout */

#page_exchange .gw_ex_search_container {
	overflow: auto;	
}

#page_exchange .gw_ex_search_container {
	margin-bottom: 20px;
}

#page_exchange .gw_ex_search_container #ss-exchange_form small {
	margin-left: 12px;
}

/* END - Exchange Landing Page - Layout */

/* Pending Requests START */
a.edit:link {
    color: #8e8e8e;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

a.edit:visited {
    color: #8e8e8e;
    text-decoration: none;
}

a.edit:hover {
    color: #0077be;
    text-decoration: underline;
}

a.edit:focus {
    color: #0077be;
    text-decoration: underline;
}

a.edit:active {
    color: #0077be;
    text-decoration: none;
}

a.show:link {
    color: #0077be !important;
    text-decoration: none;
}

a.show:visited {
    color: #0077be !important;
    text-decoration: none;
}

a.show:hover {
    color: #023776 !important;
    text-decoration: underline;
}

a.show:focus {
    color: #0077be !important;
    text-decoration: underline;
}

a.show:active {
    color: #0077be !important;
    text-decoration: none;
}

.editCriteria {
    display: inline-block;
    text-decoration: none;
    color: #8e8e8e;
    font-size: 11px;
    font-weight: normal;
    vertical-align: baseline;
    text-decoration: underline;
    cursor: pointer;
    zoom: 1;
    *display: inline;
}

.toggleTitle {
    display: inline-block;
    vertical-align: baseline;
    padding-right: 15px;
    zoom: 1;
    *display: inline;
}

.changeDates {
    display: none;
    position: absolute;
    margin-left: -2px;
    padding-top: 19px;
    z-index: 1001;
}

.changeDates .pointer {
    background: url(/images/iw/change-top-arrow-1.png) no-repeat;
    z-index: 1000 !important;
    position: absolute;
    left: 63px;
    top: 0;
    cursor: default;
    height: 22px;
    width: 24px;
}

.changeDatesInputs {
    float: left;
    display: block;
    background: #f2f2f2;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 10px 10px 20px 20px;
    border: 1px solid #E6E6E6;
}

#page_exchange .outside_flex_msg {
    background: #ddd;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 15px 15px 15px 45px;
    border: 1px solid #ababab;
    width: 340px;
    color: #666;
    left: 480px;
    position: absolute;
    z-index: -1;
}

#page_exchange .outside_flex_msg p {
    margin: 0;
}

#page_exchange .outside_flex_msg a {
    color: #0077be;
}

.place_request_stages {
    margin-top: 10px;
}

.boxHolder {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    min-height: 180px;
    height: auto !important;
    height: 180px;
}

.boxColumn1,
.boxColumn2 {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    zoom: 1;
    *display: inline;
}

.box1 .style23 {
    width: 92% !important;
    margin: 10px 0 0 14px !important;
}

.box1,
.box2 {
    width: 295px;
    min-height: 118px;
    height: auto !important;
    height: 118px;
	background: #ffffff url(/images/_icons/cartoon-checkmark.png) no-repeat -40px 17px;    border: 3px solid #d2d2d2;
    color: #18294B;
    padding: 20px 25px 20px 20px;
    margin: 0 20px;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    /* use 'opacity 1s ease' for just opacity */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    zoom: 1;
    *display: inline;
}

.box1:hover {
    width: 320px;
    min-height: 127px;
    height: auto !important;
    height: 127px;
	background: #ffffff url(/images/_icons/cartoon-checkmark.png) no-repeat -40px 15px;
    border: 3px solid #0077be;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    opacity: 1;
}

.box1.active {
    width: 320px;
    min-height: 127px;
    height: auto !important;
    height: 127px;
    background: #ffffff url(/images/_icons/cartoon-checkmark.png) no-repeat 20px 22px;
    border: 3px solid #0077be;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    opacity: 1;
    background-size: 30px;
	color: #18294B;
}

.box2:hover {
    width: 320px;
    min-height: 127px;
    height: auto !important;
    height: 127px;
	background: #ffffff url(/images/_icons/cartoon-checkmark.png) no-repeat -40px 15px;    border: 3px solid #0077be;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    opacity: 1;
    border: 3px solid #18294B;
}

.box2.active {
  color: #18294B;
  width: 320px;
  min-height: 127px;
  height: auto !important;
  height: 127px;
  background: #ffffff url(/images/_icons/cartoon-checkmark.png) no-repeat 16px 23px;
  cursor: pointer;
  font-size: 13px;
  line-height: 18px;
  opacity: 1;
  border: 3px solid #18294B;
  background-size: 30px;
}

div.box1 h2 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 21px;
  margin: 0 0 5px 0;
  padding-left: 0;
  color: #0077be; 
}
 
div.box2 h2 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 21px;
  margin: 0 0 5px 0;
  padding-left: 0;
  color: #18294B; 
}

div.box1:hover h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    color: #18294B;
    margin: 0 0 8px 0;
}

div.box1.active h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    color: #0077be;
    margin: 0 0 8px 0;
    padding-left: 32px;
    opacity: 1;
    /* use 'opacity 1s ease' for just opacity */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

div.box2:hover h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    color: #18294B;
    margin: 0 0 8px 0;
}

div.box2.active h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    color: #18294B;
    margin: 0 0 8px 0;
    padding-left: 32px;
    opacity: 1;
    /* use 'opacity 1s ease' for just opacity */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/* PROGRESS BAR */

.barHolder {
    width: 100%;
    display: block;
    margin: 25px auto 0 auto;
}

.barContainer {
    display: block;
    width: 465px;
    margin: 0 auto;
}

.barDateRangeDeposit {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 25px;
    text-align: justify;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.barDateRangeDeposit::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.depositDate1 {
    display: inline-block;
    /* ie 7*/
    *display: inline;
    *zoom: 1;
    *text-align: left;
}

.depositDate2 {
    display: inline-block;
    /* ie 7*/
    *display: inline;
    *zoom: 1;
    *text-align: right;
}

.barDateRangeRequest {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 25px;
}

.barDateRangeRequest::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.requestDate1 {
    display: inline-block;
    margin: 0 auto;
    zoom: 1;
    *display: inline;
}

.requestDate2 {
    display: inline-block;
    margin: 0 auto;
    padding-left: 65px;
    zoom: 1;
    *display: inline;
}

.dateProgress {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    background: url(/images/arrow_progress.png) no-repeat bottom center;
    color: #18294B;
    font-size: 12px;
}

#progressbar {
    width: 400px;
    height: 35px;
    background-color: #0077be;
    clear: both;
    text-align: center;
    display: block;
    margin: 5px auto;
}

#progressbar2 {
    width: 400px;
    height: 35px;
    background-color: #efefeb;
    clear: both;
    text-align: center;
    display: block;
    margin: 5px auto;
}

#progress {
    background: #016fbe;
    /*-- Color of the bar --*/
    height: 35px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

html #progress {
    width: 100%\9;
}

@-webkit-keyframes progress {
    from {}
    to {
        width: 100%
    }
}

@-moz-keyframes progress {
    from {}
    to {
        width: 100%
    }
}

@-ms-keyframes progress {
    from {}
    to {
        width: 100%
    }
}

@keyframes progress {
    from {}
    to {
        width: 100%
    }
}

#progress-request {
    background: #18294B;
    /*-- Color of the bar --*/
    height: 35px;
    width: 0%;
    max-width: 35%;
    float: left;
    -webkit-animation: progress 5s 1 forwards;
    -moz-animation: progress 5s 1 forwards;
    -ms-animation: progress 5s 1 forwards;
    animation: progress 5s 1 forwards;
}

html #progress-request {
    width: 137px\9;
}

@-webkit-keyframes progress-request {
    from {}
    to {
        width: 35%
    }
}

@-moz-keyframes progress-request {
    from {}
    to {
        width: 35%
    }
}

@-ms-keyframes progress-request {
    from {}
    to {
        width: 35%
    }
}

@keyframes progress-request {
    from {}
    to {
        width: 35%
    }
}

.travel-window {
    text-align: center;
    display: block;
    width: 500px;
    margin: 0 auto;
    color: #757575;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}


/* PROGRESS BAR */

.continueHolder {
    width: 100%;
    display: block;
    text-align: right;
    margin: 10px auto;
    vertical-align: middle;
}

.continueBuffer {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    zoom: 1;
    *display: inline;
}

.formHolder {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.formRow {
    width: 100%;
    display: block;
    margin: 0 0 25px 0;
    text-align: center;
}

.formRowCheck {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
}

.formRowLast {
    width: 100%;
    display: block;
    margin: 0;
}

.formLeft {
    width: 170px;
    display: inline-block;
    vertical-align: middle;
    color: #18294B;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    zoom: 1;
    *display: inline;
}

.formLeft label {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: left !important;
}

.formLeft label.disabled {
    color: #eeeeee !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: left !important;
}

.formRight {
    width: 700px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    zoom: 1;
    *display: inline;
}

.facilitiesLeft {
    width: 240px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    zoom: 1;
    *display: inline;
    color: #000000;
    font-size: 12px;
}

.facilitiesRight {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    zoom: 1;
    *display: inline;
    color: #000000;
    font-size: 12px;
}

.red {
    color: #ef0000;
}

.inactive {
    color: #cdcdcd;
}


/* FORM INPUTS */

form.pending {
    margin: 0;
    padding: 0;
}

.pending select,
.ac-search select#ac-regions {
  font-size: 16px;
  padding: 5px;
  margin: 0 20px 0 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.pending select:hover,
.ac-search select#ac-regions:hover {
  background: #ffffff;
  cursor: pointer; 
}

.pending select.inactive,
.ac-search select#ac-regions .inactive {
    color: #cdcdcd;
}

.pending select.inactive:hover,
.ac-search select#ac-regions .inactive:hover {
    color: #cdcdcd;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    cursor: default;
}

.pending select.adult {
    width: 160px;
}

.pending select.children {
    width: 180px;
}

.pending .formRight {
    font-size: 0;
}


/*-- GROUPED DIV BUTTON STATES FOR BEDROOMS SELECTION --*/

.pending .bedrooms small {
    color: #757575999;
    font-size: 11px;
}

.pending .bedrooms.active small {
    color: #ffffff;
    font-size: 11px;
}

.pending .bedrooms.disabled small {
    color: #cdcdcd;
    font-size: 11px;
}

.pending .bedrooms.solo {
    border-right: #cdcdcd solid 1px;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pending .bedrooms {
    display: inline-block;
    min-width: 45px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    padding: 5px 7px;
    margin: 0;
    border-right: 0;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08);
    zoom: 1;
    *display: inline;
}

.pending .bedrooms.first {
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
}

.pending .bedrooms.last {
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
}

.pending .bedrooms:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8f4fe));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e8f4fe 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f4fe', GradientType=0);
    cursor: pointer;
}

.pending .bedrooms.active {
    color: #ffffff;
    background: #0177bf;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0177bf', endColorstr='#0177bf', GradientType=0);
}

.pending .bedrooms.disabled {
    color: #cdcdcd !important;
}

.pending .bedrooms.first.disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .bedrooms.last.disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .bedrooms.disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .bedrooms.solo.disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}


/*-- GROUPED DIV BUTTON STATES FOR specialButton SELECTION --*/

.pending .specialButton small {
    color: #999999;
    font-size: 11px;
}

.pending .specialButton.active small {
    color: #ffffff;
    font-size: 11px;
}

.pending .specialButton.disabled small {
    color: #cdcdcd;
    font-size: 11px;
}

.pending .specialButton.solo {
    border-right: #cdcdcd solid 1px;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pending .specialButton {
    display: inline-block;
    min-width: 45px;
    text-align: center;
    font-size: 16px;
    padding: 5px 7px;
    margin: 0;
    zoom: 1;
}

.pending .specialButton.first {
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
}

.pending .specialButton.last {
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
}

.pending .specialButton:hover {
    background: #0077be;
    cursor: pointer;
    color: #fff;
    border: 1px solid #0077be;
}

.pending .specialButton.active {
    color: #ffffff;
    background: #0177bf;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0177bf', endColorstr='#0177bf', GradientType=0);
}

.pending .specialButton.disabled {
    color: #cdcdcd !important;
}

.pending .specialButton.first.disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .specialButton.last.disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .specialButton.disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .specialButton.solo.disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}


/*-- GROUPED DIV BUTTON STATES FOR kitchen SELECTION --*/

.pending .kitchenButton small {
    color: #999999;
    font-size: 11px;
}

.pending .kitchenButton.active small {
    color: #ffffff;
    font-size: 11px;
}

.pending .kitchenButton.disabled small {
    color: #cdcdcd;
    font-size: 11px;
}

.pending .kitchenButton.solo {
    border-right: #cdcdcd solid 1px;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pending .kitchenButton {
    display: inline-block;
    min-width: 45px;
    text-align: center;
    font-size: 16px;
    padding: 5px 7px;
    margin: 0;
    zoom: 1;
}

.pending .kitchenButton.first {
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
}

.pending .kitchenButton.last {
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
}

.pending .kitchenButton:hover {
    background: #0077be;
    cursor: pointer;
    color: #fff;
    border: 1px solid #0077be;
}

.pending .kitchenButton.active {
    color: #ffffff;
    background: #0177bf;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0177bf', endColorstr='#0177bf', GradientType=0);
}

.pending .kitchenButton.disabled {
    color: #cdcdcd !important;
}

.pending .kitchenButton.first.disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .kitchenButton.last.disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .kitchenButton.disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
}

.pending .kitchenButton.solo.disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}


/*-- GROUPED BUTTON DISABLED STYLE --*/

.pending input[type=button]:disabled {
    color: #cdcdcd !important;
    -webkit-appearance: none;
}

.pending .formLeft .disabled {
    color: #cdcdcd !important;
}

.pending input[type=button].solo {
    border-right: #cdcdcd solid 1px;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;
}

.pending input[type=button] {
    min-width: 60px;
    color: #000000;
    font-size: 16px;
    padding: 5px 7px;
    margin: 0;
    border-right: 0;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08);
    -webkit-appearance: none;
}

.pending input[type=button]:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8f4fe));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e8f4fe 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e8f4fe 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8f4fe', GradientType=0);
    cursor: pointer;
    -webkit-appearance: none;
}

.pending input[type=button].active {
    color: #ffffff;
    background: #0177bf;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0177bf', endColorstr='#0177bf', GradientType=0);
    -webkit-appearance: none;
}


/*-- Travel Preferences DISABLED STYLE --*/

.pending input[type="button"].first:disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-appearance: none;
}

.pending input[type="button"].last:disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-appearance: none;
}

.pending input[type="button"]:disabled {
    color: #cdcdcd !important;
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)) !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0) !important;
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, .08) !important;
    -webkit-appearance: none;
}

.pending input[type="button"].solo:disabled {
    color: #cdcdcd !important;
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -webkit-appearance: none;
}

.pending input[type=button].first {
    border-right: 0;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -webkit-appearance: none;
}

.pending input[type=button].last {
    border-right: #cdcdcd solid 1px;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -webkit-appearance: none;
}

.pending label,
.changeDates label {
    text-decoration: none;
    color: #8e8e8e;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.pending input[type=text],
.changeDates input[type=text] {
    text-decoration: none;
    color: #575757;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-appearance: none;
}

.pending input[type=text].destination {
    width: 440px;
    min-height: 20px;
    border: 1px solid #bbbbbb;
    -moz-box-shadow: 1px 1px 2px #DDDDDD inset;
    -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    padding: 4px;
    -webkit-appearance: none;
}

.pending input[type=text].dates,
.changeDates input[type=text].dates {
    width: 120px;
    min-height: 20px;
    border: 1px solid #bbbbbb;
    -moz-box-shadow: 1px 1px 2px #DDDDDD inset;
    -webkit-box-shadow: 1px 1px 2px #DDDDDD inset;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    padding: 4px;
    margin: 0 !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: none;
    cursor: pointer;
}

#pendingRequestInfo input#travelersNext,
#pendingRequestInfo input#bedroomsNext,
#pendingRequestInfo input#continue2,
.pending input[type=submit] {
    font-size: 16px;
	padding: 5px 15px;
	border-radius: 5px;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	float: none;
	border: none;
	color: #FFFFFF;
	background: #0077be;
}




.pending input[type=submit].disabled {
    color: #ffffff;
    background: #c5c3c4;
    -webkit-appearance: none;
}

.pending input[input=checkbox] {
    cursor: pointer;
    -webkit-appearance: none;
}

.backButtonHolder {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 140px;
    zoom: 1;
    *display: inline;
}

.mapHolder {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.mapInnerHolder {
    display: block;
    margin: 0 auto;
    width: 550px;
    background-color: #ffffff;
    border: #fdcb6a 2px solid;
    padding: 15px 15px 0 15px;
}

.mapHolder .resortSearchInstructions {
    display: block;
    width: 100%;
    border-bottom: #dddddd 1px solid;
    padding-bottom: 10px;
    text-align: left;
}

.mapHolder .resortSearchInstructionsNoBorder {
    display: block;
    width: 100%;
    text-align: left;
}

.mapHolder .inner {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: left !important;
    padding-top: 10px;
    /* IE special */
    width: 100%;
    -ms-text-justify: inter-word;
    text-justify: distribute-all-lines;
}

.mapHolder .inner::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.mapHolder .inner .areaButton {
    display: inline-block;
    width: 30%;
    text-align: left;
    padding: 5px 0;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.mapResortList {
    display: block;
    width: 100%;
    border-bottom: #dddddd 1px solid;
    padding: 15px 0;
}

.mapResortListCheck {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    zoom: 1;
    *display: inline;
}

.mapResortListContentHolder {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.mapResortListContent {
    display: block;
    zoom: 1;
    *display: inline;
}

.mapResortListContent .thumbnail_deposit {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
    zoom: 1;
    *display: inline;
}

.mapResortListContent .thumbnail_deposit img {
    width: 175px;
    height: 100px;
    border: 1px solid #d2d2d2;
}

.mapResortListContent .resortDetails {
    display: inline-block;
    vertical-align: top;
    width: 290px;
    zoom: 1;
    *display: inline;
}

.mapResortListContent .resortDetailsHolder {
    display: block;
    letter-spacing: 0 !important;
    text-align: left !important;
    /* IE special */
    -ms-text-justify: none !important;
    text-justify: none !important;
}

.mapResortListContent h5 {
    color: #484848;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
}

.resortDetailsHolder .resortCodeHolder {
    display: block;
    text-align: left;
    width: 100%;
    vertical-align: middle;
}

.resortCodeHolder .code_id {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.resortCodeHolder .code_icon {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.mapResortListContent_code {
    color: #e8e8e8;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    display: block;
}

.mapResortListContent_code_id {
    color: #db9403;
    font-weight: bold;
}

.grid_item_content_code img {
    width: auto;
    border: none;
    vertical-align: middle;
}

.mapResortList-pending-search-topbar {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: justify;
    vertical-align: middle;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.mapResortList-pending-search-topbar::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.mapResortList-pending-search-bottombar {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: justify;
    vertical-align: middle;
    padding-top: 10px;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.mapResortList-pending-search-bottombar::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.mapResortList-pending-search-selectall {
    display: inline-block;
    padding: 0 10px;
    text-align: left !important;
    vertical-align: middle;
    /* IE special */
    -ms-text-justify: none !important;
    text-justify: none !important;
}

.mapResortList-pending-search-add {
    display: inline-block;
    text-align: right !important;
    vertical-align: middle;
    /* IE special */
    -ms-text-justify: none !important;
    text-justify: none !important;
}


/* ACCORDION */

.accordion {
    margin: 0;
}


/* .accordion-open:hover, .accordion-close:hover, .accordion:hover { background-color:#dbeeff; color:#0077be; } */

.accordion-hover {
    background-color: #f1f1f1;
    color: #18294b !important;
    cursor: pointer;
}

.accordion-open {
    text-decoration: none;
    color: #18294B;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px;
}

.accordion-close {
    text-decoration: none;
    color: #dddddd;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px;
}

.accordion-open span {
    display: block;
    float: right;
    padding: 10px;
}

.accordion-open span {
    background: none;
}

.accordion-close span {
    display: block;
    float: right;
    background: none;
    padding: 10px;
}

div.pending-container {
    padding: 0;
    margin: 0;
}

div.pending-content {
    margin: 0;
    padding: 10px;
}

div.pending-content ul,
div.pending-content p {
    padding: 0;
    margin: 0;
    padding: 3px;
}

div.pending-content ul li {
    list-style-position: inside;
    line-height: 25px;
}

div.pending-content ul li a {
    color: #757575;
}

code {
    overflow: auto;
}


/* SEARCH */

.pending-unit-summary {
    width: 100%;
    display: block;
    margin: 10px 0 10px 0;
}

.pending-unit-selected  {
	padding-bottom: 20px; 
}


.pending-unit-selected .column {
 	margin-top: -20px;
    float: left;
    width: 33.3%;
    font-size: 11px;
    color: #757575;
}

.pending-unit-selected .middle_usu {
    border-left: 1px solid #e9e9e9;
    width: 32%;
    padding-left: 10px;
}

.pending-unit-selected .column h2 {
    font-size: 12px;
    color: #757575999;
}

.pending-unit-selected .column h3 {
    font-size: 12px;
    color: #666;
    margin: 20px 0 0 0;
}

.column .editCriteria {
    margin: -32px -22px;
    position: absolute;
}

.pending-unit-selected .column .edit {
    width: 285px;
    text-align: right;
    padding-right: 19px;
}

#page_exchange .pending-unit-selected .column .edit i.fa-pencil-alt {
    font-size: 10px;
    padding-left: 2px;
}

.pending-unit-summary .pending-unit-selected .column em {
    color: #757575;
    font-weight: bold;
    font-style: normal;
    display: inline;
}

.usu_section {
    background-color: #f5f5f5;
    padding: 10px;
}

.usu_section_pymt {
    background-color: #f5f5f5;
    padding: 10px;
    width: 270px;
    margin-top: 25px;
}

.usu_section_pymt span,
.usu_section span {
    font-style: italic;
    margin-top: 5px;
    display: block;
}

.usu_section_pymt .iw-qtip {
    display: inline-block;
}

.usu_section .iw-qtip {
    display: inline-block;
}

.my_history .iw-qtip {
    display: none;
}

.exchange_request_criteria .usu_section .iw-qtip {
    float: right;
    margin-top: -3px;
    margin-right: 34px;
}

.pending-request-criteria {
    color: #000000;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    display: block;
}

.pending-search-dates .ui-datepicker-trigger {
    display: none;
}

.pending-description {
    color: #000000;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    display: block;
}

#secure_pymt_renewal.usu_additional_pymt_review,
#secure_pymt_no_upgrade.usu_additional_pymt_review, 
#page_exchange .usu_additional_pymt_review {
    padding: 15px 30px 0 15px;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    width: 665px;
    overflow: auto;
}

.usu_additional_pymt_review {
    padding: 5px 30px 0 15px;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 874px;
    overflow: auto;
    margin-bottom: 30px;
}


.usu_edit_pymt_review_bottom, #my_renewal_payment_summary #my_create_web_profile_wrap .usu_additional_pymt_review_bottom {
	background-color: #f3f3f3;
	border-top: none !important;
	border-bottom: 1px solid #d2d2d2;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

.usu_additional_pymt_review, #secure_pymt_renewal.usu_additional_pymt_review,
#my_renewal_payment_summary #my_create_web_profile_wrap .usu_additional_pymt_review {
    width: 874px;
}

#secure_pymt_renewal .usu_additional_pymt_content, 
.usu_additional_pymt_review .usu_additional_pymt_content,
.usu_additional_pymt_confirm .usu_additional_pymt_content {
    width: 435px;
    float: left;
    padding-bottom: 11px;
}

 .updatExpCard-bottomLinks .usu_additional_pymt_review .usu_additional_pymt_content {
    width: 338px;
    float: left;
    padding-bottom: 11px;
}

.usu_additional_pymt_review_bottom .usu_additional_pymt_content {
    width: 425px;
    float: left;
    padding-left: 5px;
    padding-bottom: 15px;
}
.updatExpCard-bottomLinks .usu_additional_pymt_review{
	width:auto!important;
	padding:0;
	border:1px solid #d2d2d2;
	border-radius:5px;
}
.fraudPrevContainer .sc_icon, #secure_pymt_renewal .sc_icon,
#secure_pymt_no_upgrade .sc_icon,
.usu_additional_pymt_review_bottom .sc_icon {
    display: inline-block;
    float: left;
    height: 35px;
    width: 35px;
    background: url(/images/iw/icon_secure_checkout.png) no-repeat center;
}
.usu_additional_pymt_review .updatExpCard-terms{
	width:auto;
	padding:20px 14px;
}
.usu_additional_pymt_content {
    width: 490px;
    float: left;
    padding: 0 0 5px 5px;
} 

.usu_additional_pymt_confirm .usu_additional_pymt_content {
    padding: 0;
}

.usu_additional_pymt_review .usu_additional_pymt_content i,
.usu_additional_pymt .usu_additional_pymt_content i,
.usu_additional_pymt_confirm .usu_additional_pymt_content i {
    font-size: 11px;
    color: #888;
    margin-left: 5px;
}

.usu_additional_pymt_review form#checkoutInfo,
.usu_additional_pymt form#checkoutInfo,
.usu_additional_pymt_confirm form#checkoutInfo {
    width: 100px;
    float: right;
}

.usu_additional_pymt_review input.cont_btn,
.usu_additional_pymt_review input#checkoutbtn,
.usu_additional_confirm input#checkoutbtn {
    float: right;
    position: relative;
    left: 10px;
}

.usu_additional_pymt_review input#checkoutbtn {
    margin-top: 10px;
}

.usu_section strong {
    display: inline;
}

#secure_pymt_renewal h4,
#secure_pymt_no_upgrade .usu_additional_pymt_content h4,
.usu_additional_pymt_review h4 {
    color: #000000;
  
}

.pending-search-holder {
    width: 100%;
    display: block;
    margin: 10px 0 20px 0;
}

#save_cc_note_add_USU,
#saved_cc_note {
    margin-top: 0;
    width: 595px;
    margin-bottom: 10px;
    font-weight: bold;
}
.my_profile_btns .usu_additional_pymt_review {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    width: 655px;
    overflow: auto;
    padding:0px;
}
.my_profile_save input{
	height:auto!important;
}
.fraudPrevContainer{
    background-color: #f3f3f3;
    padding: 20px 10px;
}
#ccType,
#ccNumber,
#ccExp {
    font-weight: normal;
}

#changed_usu_cc_info {
    display: block;
    width: 550px;
}

.pending-search-container {
    padding: 10px 10px 30px;
    background-color: #f2f0f1;
    border-bottom: #d1d1d1 solid 1px;
    text-align: center;
    display: block;
}

.pending-search-destination {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    text-align: left;
    zoom: 1;
    *display: inline;
}

.pending-dates-pointer {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    width: 75px;
    height: 37px;
    background: url(/images/iw/bluepoint.png) no-repeat;
    zoom: 1;
    *display: inline;
    margin-right: 10px;
}

.pending-dates-pointer-box {
    display: inline-block;
    text-align: left;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding: 6px 0 0 6px;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.pending-search-dates {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    zoom: 1;
    *display: inline;
}

.pending-search-earliest {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    zoom: 1;
    *display: inline;
}

.pending-search-latest {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    zoom: 1;
    *display: inline;
}

.pending-search-add {
    display: inline-block;
    vertical-align: top;
    padding-top: 21px;
    zoom: 1;
    *display: inline;
}

.pending-dates-submit {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    padding: 0 5px 3px 0;
    zoom: 1;
    *display: inline;
}


/* MAP */

.reveal {
    display: inline-block;
    white-space: nowrap;
    background-color: #EDEDED;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d2d2d2));
    background-image: -webkit-linear-gradient(top, #eee, #d2d2d2);
    background-image: -moz-linear-gradient(top, #eee, #d2d2d2);
    background-image: -ms-linear-gradient(top, #eee, #d2d2d2);
    background-image: -o-linear-gradient(top, #eee, #d2d2d2);
    background-image: url('linear-gradient(top,%20#eee, #d2d2d2');
    border: 1px solid #777;
    margin: 0.25em;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-border-radius: .1em;
    -webkit-border-radius: .1em;
    border-radius: .1em;
    -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 2em;
    font-size: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0;
    padding-bottom: 0
}

.show_reveal:hover {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
    background-image: -moz-linear-gradient(top, #fafafa, #ddd);
    background-image: -ms-linear-gradient(top, #fafafa, #ddd);
    background-image: -o-linear-gradient(top, #fafafa, #ddd);
    background-image: url('linear-gradient(top,%20#fafafa, #ddd');
}

.show_reveal:active {
    -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
    -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
    position: relative;
    top: 1px;
}

.show_reveal:focus {
    outline: 0;
    background: #fafafa;
}

.pending-use-map {
    display: block;
    margin: 0 auto;
    background: #f46516;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    padding: 3px 10px;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.pending-use-map-text {
    color: #ffffff;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px 0 0;
    margin-top: -2px;
    zoom: 1;
    *display: inline;
}

.pending-use-map-graphic {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.pending-map {
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    zoom: 1;
    *display: inline;
}

.open {
    display: block;
    margin: 0 auto;
    background: url(/images/_icons/double-down.png) no-repeat right center #0077be;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    padding: 3px 10px 3px 0;
    width: 90px;
    text-align: center;
    cursor: pointer;
}

.showpanel {
    margin: 10px auto 10px auto;
    display: none;
}


/* MAP */

.searchToggle {
    display: block;
    padding: 15px 10px;
    cursor: pointer;
    text-decoration: none;
    color: #8e8e8e;
    font-size: 18px;
    font-weight: bold;
}

.searchToggle:hover {
    background-color: #dbeeff;
    color: #0077be;
}

.criteriaPanel {
    padding: 0;
    margin: 0;
    border-bottom: #dddddd 1px solid;
}


/* SEARCH RESULTS */

div.pending-results-container {
    padding: 15px 0 10px 0;
    margin: 0;
    display: block;
}

.pending-results-subhead {
    color: #ffffff;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    display: block;
    padding: 5px 5px 5px 5px;
    background-color: #0077b3;
}

.pending-not-eligible-subhead {
    color: #ffffff;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    display: block;
    padding: 5px 5px 5px 5px;
    background-color: #757575;
    margin-top: 10px;
}

.pending-not-eligible-description {
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding: 10px 5px;
}

.pending-request-policy {
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding: 10px 5px;
    margin-top: 20px;
}

.pending-results-container .pending-request-policy h2 {
    margin: 15px 0;
}

.pending-not-eligible-list {
    color: #757575;
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding: 10px 5px;
    border-top: #e8e8e8 solid 1px;
}

.pending-results-date-range {
    padding: 5px 0;
    border-top: #e8e8e8 solid 1px;
    vertical-align: middle;
    text-align: justify;
    width: 920px;
    /* ie 7*/
    *-ms-text-justify: distribute-all-lines;
    *text-justify: distribute-all-lines;
}

.pending-results-date-range-dates-holder {
    display: inline-block;
    color: #8e8d8c;
    text-align: left;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    width: 615px;
}

.pending-results-date-range-dates-holder:hover {
    color: #0077be;
    cursor: pointer;
}

.pending-results-date-range-dates {
    font-size: 26px;
    line-height: 27px;
    display: inline-block;
    padding: 0 10px 0 5px;
    vertical-align: middle;
    text-align: left;
    zoom: 1;
    *display: inline;
}

.pending-results-date-range-dates-holder form {
    display: inline-block !important;
    vertical-align: bottom;
}

.pending-results-date-range-change {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    padding: 0 0 0 0;
    zoom: 1;
    *display: inline;
}

.pending-results-date-range-delete-holder {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    clear: right;
    width: 300px;
}

.pending-results-date-alert {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0 0 0 0;
    zoom: 1;
    *display: inline;
}

.pending-results-date-range-delete {
    color: #8e8d8c;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    background: url(/images/_icons/ico-pending-delete.png) no-repeat right center;
    height: 16px;
    padding: 0 20px 0 0;
    margin-top: 0;
    margin-right: 10px;
    zoom: 1;
    *display: inline;
}

.pending-results-date-range-delete:hover {
    color: #0077be;
    background: url(/images/_icons/ico-pending-delete-on.png) no-repeat right center;
    cursor: pointer;
}


/* Main wrapper for grid */

.col-group {
    /* for spacing columns correctly */
    letter-spacing: -.75em;
    /* this too */
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    text-align: left;
    /* center or justify for columns in last row */
    display: block;
}


/* Individual columns */

.col {
    letter-spacing: normal;
    display: inline-block;
    padding: 0.5em 1em;
    position: relative;
    float: none;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    zoom: 1;
    *display: inline;
}

.col1of2 {
    width: 50%;
}

.col1of3 {
    width: 33.3%;
}

.col1of4 {
    width: 24.70%;
}

.pending-results-date-range-delete:hover {
    background: url(/images/_icons/ico-pending-delete-on.png) no-repeat right top;
    cursor: pointer;
}

.delete_x {
    z-index: 999;
    background: url(/images/_icons/ico-pending-delete.png) no-repeat right top;
    position: absolute;
    top: -1;
    right: 3;
    height: 16px;
    width: 16px;
}

.delete_x:hover {
    background: url(/images/_icons/ico-pending-delete-on.png) no-repeat right top;
    cursor: pointer;
}

.delete_x_1 {
    z-index: 1;
    background: url(/images/_icons/ico-pending-delete.png) no-repeat right top;
    position: absolute;
    top: -1px;
    right: 3px;
    height: 16px;
    width: 16px;
}

.delete_x_1:hover {
    background: url(/images/_icons/ico-pending-delete-on.png) no-repeat right top;
    cursor: pointer;
}


/* TOOLTIP START */

.o-tooltip {
    position: absolute;
    z-index: 9999;
    display: block;
    visibility: visible;
    font-size: 13px;
    margin-top: -5px;
}

.o-tooltip-inner {
    padding: 15px 20px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    background-color: #ffe7e5;
}

.o-tooltip.bl,
.o-tooltip.bc,
.o-tooltip.br {
    margin-top: -12px
}

.o-tooltip.ml {
    margin-left: 12px
}

.o-tooltip.tl,
.o-tooltip.tc,
.o-tooltip.tl,
.o-tooltip.tr {
    margin-top: 12px
}

.o-tooltip.mr {
    margin-left: -12px
}

.o-tooltip.bc .o-tooltip-arrow {
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1ABC9C
}

.o-tooltip.mr .o-tooltip-arrow {
    top: 50%;
    right: -12px;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #1ABC9C
}

.o-tooltip.tc .o-tooltip-arrow {
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #1ABC9C
}

.o-tooltip.ml .o-tooltip-arrow {
    top: 50%;
    left: -10px;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ffe7e5
}

.o-tooltip.tl .o-tooltip-arrow {
    left: 0;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-left: 12px solid #1ABC9C;
}

.o-tooltip.bl .o-tooltip-arrow {
    left: 0;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-left: 12px solid #1ABC9C;
}

.o-tooltip.tr .o-tooltip-arrow {
    right: 0;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-right: 12px solid #1ABC9C;
}

.o-tooltip.br .o-tooltip-arrow {
    top: 100%;
    right: 0;
    margin-top: -13px;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-right: 12px solid #1ABC9C;
}


/* Tooltip arrow bottom */

.o-tooltip.bl .o-tooltip-arrow,
.o-tooltip.bc .o-tooltip-arrow,
.o-tooltip.br .o-tooltip-arrow {
    bottom: -11px;
}


/* Tooltip arrow top */

.o-tooltip.tl .o-tooltip-arrow,
.o-tooltip.tc .o-tooltip-arrow,
.o-tooltip.tr .o-tooltip-arrow {
    top: -12px;
}

.o-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

.o-tooltip-close {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #137861;
    cursor: pointer;
    left: 100%;
    margin-left: -15px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 2px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 2px;
}

.o-tooltip-close span {
    display: block;
    width: 4px;
    height: 4px;
    line-height: 4px;
    font-size: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -2px;
    color: #FFF;
    font-weight: bold;
}

.o-tooltip.mr .o-tooltip-close,
.o-tooltip.tr .o-tooltip-close {
    left: 0;
    margin: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 1px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomright: 1px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 1px;
}

.charted .tooltip {
    padding: 0;
    border: #d2d2d2 1px solid;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.tooltip_title h3 {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

.tooltip_title {
    background: #EDEDED;
    width: 100%;
    padding: 7px 0;
    display: block;
}

.tooltip_chart {
    display: block;
    padding: 0 5px;
}

.tooltip_chart_row {
    display: block;
    color: #757575;
    font-size: 11px;
    width: 100%;
    height: 25px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
}

.tooltip_chart_row:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.tooltip_chart_row_left {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    zoom: 1;
    *display: inline;
}

.tooltip_chart_row_right {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 5px;
    zoom: 1;
    *display: inline;
}

.chart_highlight {
    background: #fff8e5;
}


/* TOOLTIP END */

.grid_item {
    display: block;
    text-align: center;
}

.grid_item_content {
    display: block;
    text-align: center;
}

.grid_item_content img {
    text-align: center;
    border: #a8a8a8 1px solid;
    width: 100%;
    height: 118px;
}

.grid_item_content .hover {
    text-align: center;
    border: #0077be 1px solid;
    width: 100%;
    height: 118px;
}

.grid_item_content h5 {
    color: #484848;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
}

.grid_item_content_code {
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  display: block;
}

.grid_item_content_code img {
    width: 25px;
    height: 25px;
    border: none;
    vertical-align: middle;
}

.grid_item_content h6 {
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  margin-top: 5px;
}


/* SEARCH RESULTS */


/*--- START: Selected Unit Section ---*/

.pending-unit-selected {
  padding: 0 0 10px 15px;
  line-height: 17px;
}

.pending-unit-selected span {
	display: block;     
	font-size: 11px; 
}



/*--- END: Selected Unit Section ---*/


/*--- START: Choose Request Type ---*/

#page_exchange .accordion {
	border-top: 1px solid #d2d2d2;
    position: relative;
    border-top: 1px solid #e9e9e9;
}

#page_exchange div#section1,
#page_exchange div#section2 {
    height: 36px;
}

#page_exchange i.fa-pencil-alt {
    font-size: 14px;
    margin: 0 5px;
}

#page_exchange #section1 span,
#page_exchange #section2 span {
    display: block; color: #666; font-size: 12px; font-weight: normal; 
    position: absolute; top: 40px; left: 35px; padding: 0;
}


/*--- END: Choose Request Type ---*/


/*--- START: Select Bedrooms Slider ---*/

#page_exchange #page_content #column2content {
    min-height: 340px;
}

#bedroomsBlock .formRow:first-of-type {
    margin-bottom: 35px;
}

#bedroomsBlock .formRow:first-of-type p {
    text-align: left;
    margin: 0 0 5px 20px;
    padding: 0;
    max-width: 520px;
    line-height: 12px;
}

#bedroomsBlock .formRow:first-of-type small {
    text-align: left;
    margin-left: 20px;
    display: block;
    font-size: 11px;
}

#bedroomsBlock label#bedroomsLabel {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-left: 20px;
}

.pending-bedrooms-select {
    position: absolute;
    overflow: hidden;
    margin: 2px 15px;
    width: 555px;
    background: url(/images/slider-divider.png) no-repeat right;
    z-index: 2;
}

#slider .pending-bedrooms-select .column,
#slider .pending-unit-selected .column {
    float: left;
    width: 95px;
    height: 75px;
    z-index: 2;
    padding: 5px;
    text-align: center;
    background: url(/images/slider-divider.png) no-repeat left;
}

#slider .col-3 .column {
    width: 121px;
}

#slider .col-2 .column {
    width: 165px;
}

#slider .col-1 .column {
    width: 252px;
}

#slider .col-0 .column {
    width: 95px;
}

.no-slider #slider {
    width: 100px !important;
}

.no-slider .pending-bedrooms-select {
    background: none;
}

#page_exchange #bedroomsBlock .no-slider #slider .ui-slider-handle {
    display: none;
}

.pending-bedrooms-select h4,
.pending-unit-selected h4 {
    font-size: 32px;
    font-weight: bold;
    color: #0077be;
    transition: all 1s ease;
    margin-top: 0;
}

.pending-bedrooms-select .column.selected h4,
.pending-bedrooms-select .column.invalid h4,
.pending-unit-selected .column.selected h4,
.pending-unit-selected .column.invalid h4 {
    color: #fff !important;
}

.pending-bedrooms-select i,
.pending-unit-selected i {
    font-size: 18px;
    margin: 0 5px;
}

.pending-unit-selected #usu_fees i {
    font-size: 11px;
}

.pending-bedrooms-select .column.selected i,
.pending-bedrooms-select .column.invalid i,
.pending-unit-selected .column.selected i,
.pending-unit-selected .column.invalid i {
    color: #fff;
    transition: all 1s ease;
}

.pending-bedrooms-select .column span,
.pending-unit-selected .column span {
    font-size: 11px;
    font-weight: bold;
    transition: all 1s ease;
}

.pending-bedrooms-select .column.selected span,
.pending-bedrooms-select .column.invalid span,
.pending-unit-selected .column.selected span,
.pending-unit-selected .column.invalid span {
    color: #fff;
}

.pending-bedrooms-select .column em,
.pending-unit-selected .column em {
    color: #0077be;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    display: block;
    transition: all 1s ease;
}

.pending-bedrooms-select .column.selected em,
.pending-bedrooms-select .column.invalid em,
.pending-unit-selected .column.selected em,
.pending-unit-selected .column.invalid em {
    color: #fff;
}

#page_exchange #bedroomsBlock #slider {
    height: 100px;
    background: none;
    cursor: pointer;
    border: 0;
    width: 525px;
}

.ui-slider-horizontal .ui-slider-range {
    z-index: 2;
    margin-left: 15px;
    background: #0077be;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0077be 45%, #0093ea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0077be 45%, #0093ea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0077be 45%, #0093ea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, 

	Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0077be', endColorstr='#0093ea', GradientType=0);
    /* IE6-9 */
}

.ui-slider-horizontal .ui-slider-range.invalid {
    background: #cc0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cc0000 45%, #fc0000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cc0000 45%, #fc0000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cc0000 45%, #fc0000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, 

Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#fc0000', GradientType=0);
    /* IE6-9 */
}

#page_exchange #bedroomsBlock #slider .ui-slider-handle {
    height: 120px;
    width: 45px;
    top: -8px;
    z-index: 3;
    border: 0;
    background: url(/images/slider-handle-lt.png) no-repeat center;
    cursor: col-resize;
}

#page_exchange #bedroomsBlock #slider .ui-slider-handle:last-of-type {
    background: url(/images/slider-handle-rt.png) no-repeat center;
    cursor: col-resize;
}


/* For most mobile devices */

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
    #page_exchange #bedroomsBlock #slider .ui-slider-handle {
        background: url(/images/slider-handle-lt.png) no-repeat -3px;
    }
    #page_exchange #bedroomsBlock #slider .ui-slider-handle:last-of-type {
        background: url(/images/slider-handle-rt.png) no-repeat -3px;
    }
    .usu_additional_pymt_review h4 {
        font-size: 11pt;
    }
    .usu_additional_pymt_review i,
    .usu_additional_pymt_review div {
        font-size: 10pt;
    }
}


/* For Samsung S8, S8+, S9 */

@media only screen and (min-device-width: 360px) and (-webkit-min-device-pixel-ratio: 4),
screen and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 4) {
    #page_exchange #bedroomsBlock #slider .ui-slider-handle {
        background: url(/images/slider-handle-lt.png) no-repeat -3px;
    }
    #page_exchange #bedroomsBlock #slider .ui-slider-handle:last-of-type {
        background: url(/images/slider-handle-rt.png) no-repeat -3px;
    }
    .usu_additional_pymt_review h4,
    .usu_additional_pymt_review div {
        font-size: 11pt;
    }
    .usu_additional_pymt_review i {
        font-size: 10pt;
    }
}

#page_exchange #bedroomsBlock p#ErrorTagId1 {
    border: 1px solid #ff9999;
    background: url(../../../images/_icons/alert-icon.png) no-repeat 15px center #ffcccc;
    color: #cc0000;
    padding: 10px 10px 10px 60px;
    border-radius: 5px;
    font-weight: bold;
    text-align: left;
    width: 250px;
    margin: 25px 0 0 15px;
    font-size: 11px;
    float: left;
}

#page_exchange input#bedroomsNext {
    margin: 35px 370px 10px 0;
    float: right;
}

#page_exchange input#bedroomsNext:hover {
  background:#006aa7;
}

#page_exchange .continueHolder input[type="button"] {
    margin-left: 475px;
    display: block;
}

.pending-request-policy {
    color: #666;
    padding: 0;
    margin: 0;
}

.termsHolder div.pending-request-policy p {
    margin-bottom: 10px !important;
}

.termsHolder input#acceptTerms {
    top: 2px;
    position: relative;
}

.termsHolder .usu-accept-terms {
    position: absolute;
    text-align: right;
    display: block;
    width: 86%;
    padding-top: 2px;
}

#page_exchange .pending-container .pending-content {
    padding: 10px;
}

#page_exchange #pendingRequestInfo .pending-content {
    min-height: 575px;
}

#page_exchange #section2 span em,
#page_exchange .unit-size-recap em {
    font-style: normal;
    color: #d9d9d9;
    padding: 0 3px;
}

#page_exchange .unit-size-recap i {
    margin-left: 5px;
    font-size: 14px;
    transition: all 0.5s ease;
    color: #999;
}

#page_exchange .unit-size-recap i:hover {
    color: #0077be;
}

#page_exchange .unit-size-recap {
    float: right;
    margin-left: 10px;
    background: #e8e8e8;
    padding: 7px 8px 5px 8px;
    font-size: 12px;
    color: #999;
    position: relative;
    top: -35px;
    font-weight: normal;
}


/*--- END: Select Bedrooms Slider ---*/


/*--- START: Unit Size Upgrade Details Box ---*/

#bedroomsBlock {
    position: relative;
}

.USU-details-box-wrap {
    width: 300px;
    float: right;
    color: #666;
    top: 15px;
    right: 0;
    position: absolute;
}

.USU-details-box {
  border: 1px solid #d2d2d2;
  border-radius: 10px 10px 0 0;
  border-bottom: 0;
  background: #f1f1f1;
  padding: 15px 15px 10px 15px;
}

.USU-details-box-drawer {
  border: 1px solid #d2d2d2;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #f2f2f2;
  padding: 0 15px 5px 15px;
  background: #f1f1f1;
  top: 0;
  position: relative; 
}

.drawer-open {
  background: #f1f1f1;
  border-top: 1px solid #d2d2d2;
}

.USU-details-box img {
    position: absolute;
    left: -18px;
    top: -15px;
}

.USU-details-box i {
    margin-left: 3px;
    color: #0077be;
}

.USU-details-box i:hover {
    color: #999;
}

.USU-details-box h3 {
    font-size: 16px;
    color: #333;
    margin: 5px 0 8px 0;
}

.USU-details-box small {
    font-size: 11px;
}

.USU-details-box-drawer a#pricingChart {
    font-weight: bold;
    color: #0077be;
    display: inline-block;
    margin: 5px 0;
    padding: 5px;
    font-size: 11px;
    cursor: pointer;
}

.USU-details-box-drawer a:hover {
    text-decoration: underline;
}

.USU-details-box-drawer a#pricingChartClose {
    position: absolute;
    right: 0;
    top: -29px;
}

.USU-details-box-drawer a#pricingChartClose i {
    background: #999;
    width: 12px;
    height: 14px;
    border-radius: 10px;
    padding: 3px 0 0 5px;
    color: #fbfbfb;
    cursor: pointer;
    transition: all 0.5s ease;
}

.USU-details-box-drawer a#pricingChartClose i:hover {
    background: #0077be;
}

.USU-details-box #eligibilityMsg p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.USU-details-box #selectedMsg em,
.pending-unit-selected em#upgradeSizeFee {
    font-size: 26px;
    font-weight: normal;
    color: #0077be;
    font-style: normal;
}

.USU-details-box #selectedMsg p {
    margin-bottom: 5px;
}

.USU-details-box #selectedMsg i,
.USU-details-box #eligibilityMsg i {
    color: #757575;
}

.USU-details-box #selectedMsg span,
.USU-details-box #selectedMsg small {
    display: block;
}

.USU-details-box #selectedMsg small {
    margin: 9px 0 4px 0;
}

#pricingChartPopup {
    text-align: left;
    font-size: 11px;
    position: relative;
}

#content_pricingChart #pricingChartPopup p {
    margin-bottom: 5px;
}

#content_pricingChart .usu-pricing-chart {
    border-collapse: collapse;
    width: 100%;
    margin: 4px 0 10px 0;
    text-align: center;
    overflow: auto;
}

#content_pricingChart .usu-pricing-chart label {
  float: left;
  border: 1px solid #18294B;
  background: #18294B;
  font-size: 11px;
  padding: 3px 0;
  margin-bottom: 0;
  color: #fff;
  width: 32.8% /*-- Less than 33.3% because element has a border --*/
}

#content_pricingChart .usu-pricing-chart span {
    float: left;
    border: 1px solid #757575;
    /*-- adding "border" with a "border-radius" doesn't work on a table --*/
    border-width: 0 0 1px 1px;
    padding: 3px 0;
    display: block;
    background: #fff;
    width: 32.8%;
    /*-- Less than 33.3% because element has a border --*/
}

#content_pricingChart .usu-pricing-chart label:first-of-type {
    border-right: 0;
    border-radius: 5px 0 0 0;
}

#content_pricingChart .usu-pricing-chart span:nth-of-type(3),
#content_pricingChart .usu-pricing-chart span:nth-of-type(6),
#content_pricingChart .usu-pricing-chart span:nth-of-type(9) {
    border-width: 0 1px 1px 1px;
}

#content_pricingChart .usu-pricing-chart span:nth-last-child(3) {
    border-radius: 0 0 0 5px;
    border-width: 0 0 1px 1px;
}

#content_pricingChart .usu-pricing-chart label:last-of-type {
    border-left: 0;
    border-radius: 0 5px 0 0;
}


/*-----CIG Pricing Chart------*/

#content_pricingChart .usu-pricing-chart label.CIG {
    float: left;
    border: 1px solid #bb6000;
    /*-- adding "border" with a "border-radius" doesn't work on a table --*/
    background: #0077be;
    font-size: 11px;
    padding: 3px 0;
    margin-bottom: 0;
    color: #fff;
    width: 48.8%/*-- Less than 33.3% because element has a border --*/
}

#content_pricingChart .usu-pricing-chart span.CIG {
    float: left;
    border: 1px solid #757575;
    /*-- adding "border" with a "border-radius" doesn't work on a table --*/
    border-width: 0 0 1px 1px;
    padding: 3px 0;
    display: block;
    background: #fff;
    width: 48.8%;
    /*-- Less than 33.3% because element has a border --*/
}

#content_pricingChart .usu-pricing-chart span.CIG:nth-of-type(2),
#content_pricingChart .usu-pricing-chart span.CIG:nth-of-type(4) {
    border-width: 0 1px 1px 1px;
}

#content_pricingChart .usu-pricing-chart span_CIG:nth-of-type(5) {
    border-radius: 0 0 0 5px;
    border-width: 0 0 1px 1px;
}

#content_pricingChart .usu-pricing-chart span:last-of-type {
    border-radius: 0 0 5px 0;
    border-width: 0 1px 1px 1px;
}


/*--- END: Unit Size Upgrade Details Box ---*/


/*--- START: Unit Size Upgrade Kitchen Section ---*/

#pendingRequestInfo .formRow:nth-of-type(3),
#pendingRequestInfo .formRow:nth-of-type(4) {
    clear: both;
    margin-bottom: 15px;
}

#pendingRequestInfo .continueHolder input.kitchen-section-continue {
    margin-left: 440px;
}

#pendingRequestInfo .continueHolder input.kitchen-section-continue:hover {
    background:#006aa7;
}


/*--- END: Unit Size Upgrade Kitchen Section ---*/


/*--- START: Unit Size Upgrade Add Destination Modal ---*/

#usu_flex_pop_up {
    width: 585px !important;
}

#usu_flex_pop_up .pending-unit-selected {
    padding: 25px 0 15px 0;
}

#usu_flex_pop_up .content {
    text-align: left !important;
    font-size: 12px !important;
}

#usu_flex_pop_up .content #terms_conditions p {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #666;
    margin: 0;
    padding: 5px 0 !important;
}

#usu_flex_pop_up .content #user_selection .row:first-of-type {
    margin-top: 10px;
}

#usu_flex_pop_up .content #user_selection .row:last-of-type {
    margin-bottom: 15px;
}

#usu_flex_pop_up .content #user_selection input {
    top: 3px;
    position: relative;
}

.ui-widget #usu_flex_pop_up .pending-unit-selected #bedrooms_charged,
.ui-widget #usu_flex_pop_up .pending-unit-selected #bedrooms_not_charged {
    text-align: center;
}

.ui-widget #usu_flex_pop_up .pending-unit-selected .column {
    width: 90px;
    position: relative;
    display: inline-block;
    float: none;
}

.ui-widget #usu_flex_pop_up .pending-unit-selected div#usu_fees {
    width: 150px;
    display: inline-block;
    float: none;
}

.ui-widget #usu_flex_pop_up .pending-unit-selected .column i.fa-ban {
    color: #cc0000;
    position: absolute;
    font-size: 40px;
    top: -5px;
    left: 20px;
}

.pending-unit-selected #usu_fees span {
    display: block;
    font-weight: normal;
    margin: 3px 0;
    font-size: 12px;
}

.pending-unit-selected #usu_fees small {
    font-size: 11px;
    margin: 5px;
}

.pending-unit-selected #usu_fees #upgradeSizeFee {
    display: inline;
}

.pending-unit-selected #no_fees small {
    font-size: 26px;
    color: #0077be;
    display: block;
}

.pending-unit-selected .col-remove h4,
.pending-unit-selected .col-remove i,
.pending-unit-selected #bedrooms_charged .col-remove span {
    color: #d2d2d2;
}

#usu_flex_pop_up #pendingRequestInfo .terms-remove b,
#usu_flex_pop_up #pendingRequestInfo .terms-remove p {
    color: #fff;
}

#page_exchange .pending-container .continueBuffer #continueButton {
    margin-left: 10px;
}


/*--- END: Unit Size Upgrade Add Destination Modal ---*/


/*-- START: Unit Size Upgrade - Unit Size & Fee --*/
.my-history-unit-size,
.my_history_tab_section .my_history .my-history-unit-size {
    background: #f5f5f5;
    padding: 10px 10px;
    color: #757575;
    margin: 9px 10px 30px 0;
    font-size: 20px;
}

.my-history-unit-size-no-fee,
.my_history_tab_section .my_history .my-history-unit-size-no-fee {
    background: #fff;
    color: #757575;
    margin: 7px 15px 7px 0;
    font-size: 11px;
}

.exchange_request_criteria .my-history-unit-size-no-fee {
  background: none;
}

.my-history-unit-size span,
.my-history-unit-size-no-fee span,
.pending-unit-selected .my-history-unit-size span,

/*-- Place Request Page --*/

.pending-unit-selected .my-history-unit-size-no-fee span,

/*-- Place Request Page --*/

.my_history_tab_section .my_history .my-history-unit-size span,
.my_history_tab_section .my_history .my-history-unit-size-no-fee span {
    display: block;
    color: #757575;
    font-weight: normal;
    margin: 2px 0;
}

.my-history-unit-size .iw-qtip,
.my-history-unit-size .iw-qtip .dyna,
.pending-unit-selected .my-history-unit-size .iw-qtip,

/*-- Place Request Page --*/

.pending-unit-selected .my-history-unit-size .iw-qtip .dyna,

/*-- Place Request Page --*/

.my_history .my-history-unit-size .iw-qtip,
.my_history .my-history-unit-size .iw-qtip .dyna {
    display: inline;
}

.my-history-unit-size .iw-tip i,
.pending-unit-selected .my-history-unit-size .iw-qtip i,

/*-- Place Request Page --*/

.my_history .my-history-unit-size .iw-qtip i {
    font-size: 12px;
}

.pending-unit-selected .my-history-unit-size em
/*-- Place Request Page --*/

{
    font-weight: normal !important;
    font-style: italic !important;
}

.pending-unit-selected .my-history-unit-size {
    margin-right: 0;
}

.pending_transaction .my-history-unit-size {
    margin-right: 0;
    /*-- Review Information Page  --*/
    width: 255px;
}

.pending_transaction .my-history-unit-size-no-fee span
/*-- Reviews Information --*/

{
    color: #666;
}

#my_renewal_payment_summary .my-history-unit-size {
    width: 275px;
    /*-- Payment Summary --*/
}

.exchange_request_criteria {
    position: relative;
}

#page_exchange .exchange_request_criteria .editCriteria,
.pending_transaction .table_frame_right .exchange_request_criteria a {
    position: absolute;
    right: 0;
    top: 17px
}

#page_exchange .pending_transaction a {
    line-height: 21px;
    margin-bottom: 2px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#page_exchange .pending_transaction i {
    font-size: 11px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline;
}

#page_exchange,
#mainContent {
    -webkit-text-size-adjust: 100%;
}

#my_renewal_payment_summary #cc_details_block #save_new_CC_checbox input[type=checkbox] {
    display: block;
    float: left;
    position: relative;
    top: -1px;
    left: 0;
}

#my_renewal_payment_summary #cc_details_block .usu-save-card {
    padding: 5px 0 0 20px;
}


/*-- END: Unit Size Upgrade - Unit Size & Fee --*/


/* Pending Requests END */

#exchange_menu {
    text-align: left;
    margin-bottom: 5px;
}

#exchange_menu ul {
    margin: 0;
    padding: 0;
}

#exchange_menu li {
    padding: 0;
    list-style-type: none;
    display: inline;
    margin: 0 5px 0 5px;
}

#exchange_search_boxes {
    margin-left: 25px;
}

#exchange_search_boxes input {
    padding: 10px;
    width: 418px;
    border-radius: 5px;
}
#exchange_form_Number_of_guest select {
    border-radius: 5px;
    }
    .LatestTdate div{
        padding-left: 19px;
    }
#exchange_form_Number_of_guest label{
	display:block;
	margin-bottom: 5px;
}
#exchange_form,
#exchange_form_after_unit,
#vacation_request_form {
    width: 300px;
    background-color: #FFEAA8;
    border: 1px solid white;
    padding: 5px;
    position: relative;
}

#exchange_form,
#cruise_exchange_form,
#vacation_request_form {
    padding-left: 10px;
    padding-right: 10px;
}

#exchange_form #travelWindow {
 margin-top: 5px;
}

#exchange_form img {
    margin-bottom: -3px;
    margin-left: 10px
}

#exchange_form_after_unit img {
    margin-bottom: -3px;
    margin-left: -3px
}

#exchange_form_after_unit {
    background-color: white;
}

#exchange_form_dates,
#exchange_form_numof,
#exchange_form_input {
    padding-bottom: 1em;
    padding-top: 1em;
    font-weight: bold;
}

#exchange_form p {
    margin: 0 0 .5em 0;
    font-size: 11px;
}

#ex_form_hr {
    width: 95%;
    margin-bottom: 15px;
    border: solid 1px #DDDDDD;
}

#exchange_form h5 {
    margin: 0;
}

#exchange_form .col_1-2,
#vacation_request_form .col_1-2 {
    width: 150px;
}

#exchange_form .col_1-4 {
    width: 110px;
}

#exchange_content_row {
    position: relative;
}

#exchange_content_row #myBtn{
	height: 30px;
    
}

#exchange_form_dates {
    height: 3em;
}

#exchange_form_dates_in {
    float: left;
    border-style: none;
}

#exchange_form_dates_out {
    float: left;
    margin-left: 1em;
}

#exchange_form_numof {
    height: 3em;
}

#exchange_form_numof_adults {
    float: left;
}

#exchange_form_numof_children {
    float: left;
    margin-left: 1em;
}

#exchange_alerts {
    position: absolute;
    top: 38px;
    left: 331px;
    padding: 10px;
    width: 140px;
}

#exchange_member_name h2 {
    font-size: 14px;
    color: #757575;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 10px 0 0 20px;

}

#exchange_member_name hr {
    margin: 0 95px 0 20px;
}

#exchange_sm_form {
    /* width:145px; */
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

#exchange_sm_form small {
    font-weight: bold;
}

#exchange_sm_form div {
    margin-bottom: 0;
}

#exchange_sm_form h3 {
    margin-bottom: 10px;
}

#exchange_sm_form_box {
    background-color: #FFEAA8;
    border: 1px solid white;
    padding: 2px;
}


/* Availability */


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

#exchange_available_destinations {
    border-right: 1px dotted #8C7100;
    margin-right: 10px;
}

#exchange_available_place_request {
    width: 100%;
    padding: 0;
}

#exchange_available_destinations,
#exchange_available_dates {
    width: 49%;
    padding: 0;
    float: left;
    position: relative;
}

#exchange_available_destinations h5,
#exchange_available_dates h5,
#exchange_available_place_request h5 {
    color: #0077be;
    margin-bottom: .5em;
}


/* START: NO AVAILABILITIES */

.no_availability_special_container {
    margin: 15px 0 0 4px;
    height: 440px;
}

#exchange_specials_container {
    background-color: #fff;     
    margin: 0 0 40px 0;     
    padding-top: 5px;     
    width: 940px;     
    clear: both;
}

.search_details #exchange_specials_container {
      border-top: 1px solid #d2d2d2 !important;
}

#exchange_specials_container h2,
#exchange_specials_container h3,
#exchange_specials_container h4 {
    margin-left: 10px;
}

#exchange_specials_container h2{
    margin-bottom: -15px;
}



#getaway_specials_container {
    height: 200px;
    margin: 10px 0;
    padding-top: 9px;
    width: 940px;
}

#getaway_specials_container h2 {
    margin-left: 10px;
}

#exchange_specials_container h2 {
    color: #18294b;
}


 #exchange_specials_container {
    background-color: #fff;
    margin: 0 0 40px;
    padding-top: 5px;
    width: 940px;
    clear: both;
}

#gw_terms {
    margin-top: 14px;
}

.no_availability_special_container #slider2 {
    width: 739px;
}

.no_availability_special_container #slider1 {
    width: 739px;
}

.no_availability_special_container #slider2 .viewport {
    width: 678px;
}

.no_availability_special_container #slider1 .viewport {
    width: 678px;
}

.no_availability_special_container #exchange_specials_container {
    width: 750px;
}

.no_availability_special_container #getaway_specials_container {
    width: 750px;
}


/* END: NO AVAILABILITIES */


/* Matching Amenities */


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


/* Controls dynamic content on "Exchange" - "booking section". */

.exchange_amenities .exchange_amenities_booking_top {
    width: 175px;
}

.exchange_amenities {
    margin: 0;
    padding: 0;
}

.exchange_amenities ul {
    margin: 0;
    padding: 0;
    padding-top: .1em;
}

.exchange_amenities li {
    margin: 0;
    display: inline;
    font-weight: normal;
    width: 165px;
    position: relative;
    float: left;
    padding-left: 0;
    font-size: 14px;
    line-height: 30px;
}

.exchange_amenities small ul li h6 {
    margin: 0;
    width: 160px;
    padding: 2px 0;
    height: 12px;
    line-height: 12px;
}

.exchange_icon_expand_1 {
    margin: 0;
    margin-left: 10px;
    padding: 0;
}


/* Start booking */


/* ----------------------------------------------------- 
.exchange_start_booking_tab_row {
    position:relative;
    clear:both;
}
.exchange_start_booking_home_resort_tab {
    position:relative; 
    width:300px; 
    border-top:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
    border-left:1px solid #d2d2d2;                                                                                                          
    padding:1em;
    top:12px;
    background-color:#FFFFFF;   
    height:60px;
    z-index:10;                                             
}
.exchange_start_booking_home_resort_tab_bg {
    background-color:#ECF1F8;                           
    padding:.5em;                           
}
.exchange_start_booking_icon {
    width:70px;                         
    text-align:center;                                                                                                              
    position:absolute;
    left:340px;
    top:1em;                                                                        
}
.exchange_start_booking_icon p {
    line-height:normal;
    margin:0px;
}
.exchange_start_booking_for_resort_tab {
    width:300px;                                                                                                                                         
    padding:1em;
    top:1px;
    background-color:#FFFFFF;
    position:absolute;                                                   
    height:60px;
    right:10px; 
    border:1px solid #d2d2d2;
}*/


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

.exchange_booking {
    position: relative;
    clear: both;
    margin-top: 0;
    padding-top: 0;
    z-index: 10;
    margin-bottom: 50px;
}


.exchange_booking_info {
    padding: 10px 0;
    margin: 0;
    background-color: #FFFFFF;
    position: relative;
    clear: both;
    top: 12px;
}

.exchange_booking_info h3 {
  margin-top: 0;
}

.exchange_booking_info_points {
    width: 300px;
    padding: 10px;
    margin: 0;
    border-bottom: 0 solid #FFFFFF;
    position: relative;
    clear: both;
    border-top: 0 solid #d2d2d2;
    border-right: 0 solid #d2d2d2;
    border-left: 0 solid #d2d2d2;
}

.exchange_booking_unit_info_cart {
    float: right;
    margin-top: -94px;
    padding: 8px;
    width: 246px;
}

.exchange_booking_info p,
.exchange_booking_unit_info p {
    margin-top: .2em;
    margin-bottom: .2em;
}

.exchange_booking_info_bg {
    padding: 5px 5px 0 0;
}

.exchange_booking_unit_info {
    width: 285px;
    top: 0.85em;
    padding: 10px;
    background-color: #FFFFFF;
}

.exchange_booking_unit_info_pts {
    top: -5px;
    left: 441px;
    padding: 10px;
}
#advisements_content{
	font-size:16px;
	line-height:24px
}

#advisements_content .relq_info_pts {
  	font-size:14px;
}

#advisements_content h4 {
    font-size: 16px;
    line-height: 24px;
}
.transText, #acceptTermsDiv, #acceptResortChargesDiv{
	    font-size: 14px;
}
.exchange_booking_icon {
    width: 80px;
    text-align: center;
    position: absolute;
    left: 332px;
    top: 2em;
    color: #023776;
}

.exchange_booking_icon p {
    padding: 0;
    margin: 0;
    margin-top: .25em;
    line-height: 1em;
}

.relq_info .exchange_booking_info_dates {
    /* Full Fee Retrade */
    padding-left: 0 !important;
}

.relq_info .exchange_booking_info_dates small {
    /* Full Fee Retrade */
    display: block;
    font-size: 11px;
    margin: 15px 0 !important;
}

.relq_info .exchange_booking_info_dates em {
    /* CIG Full Fee Retrade */
    display: block;
    font-size: 11px;
    color: #757575;
    font-style: normal;
    margin-top: 2px !important;
}

.exchange_booking_info_dates img {
    position: relative;
    margin-right: .1em;
}


/* Amenities + Activities */


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

#exchange_amenities_activities {
    position: relative;
    margin-bottom: 1em;
}

#exchange_home_amenities {
    padding-top: 7px;
    margin-left: 13px;
}

#exchange_home_amenities h6,
#exchange_home_activities h6,
#exchange_home_amenities ul,
#exchange_home_activities ul {
    margin: 0;
    padding: 0;
}

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

#exchange_home_amenities li,
#exchange_home_activities li,
#exchange_amenities_activities li {
    float: left;
    position: relative;
    width: 48%;
    margin-left: 0;
    list-style-type: none;
}

#exchange_amenities_activities_img_expand {
    width: 14px;
    height: 14px;
}

#exchange_amenities_activities_img_expanded {
    width: 14px;
    height: 14px;
}


/* Exchange Options Guest Certificate */

.exchange_options_guest_cert_bg {

    position: relative;
    padding: 20px;
    margin: -4px 10px 10px 68px;;
    z-index: 1;
}

.exchange_options_guest_cert_bg p {
    margin: 0 0 15px 0;
    font-weight: bold;
    line-height: 15px;
}

.exchange_options_guest_cert_bg small {
    font-weight: normal;
}

.exchange_options_guest_cert_bg hr {
    margin: 10px 0;
}

.exchange_options_guest_cert_bg span {
    color: #ea351a;
}

.exchange_options_guest_cert_bg H2 {
    padding-left: 190px;
    margin-top: 30px;
}

.exchange_options_guest_cert_bg #guest_cert input {
    position: relative;
    left: 187px;
    top: -6px;
}

.exchange_options_guest_cert_bg #guest_cert div {
    margin-bottom: 0;
}

.exchange_options_guest_cert_bg #guest_cert select {
    left: 187px;
    top: -6px;
}

.exchange_options_guest_cert_bg #guest_cert #guest_cert_phone_home {
    margin: 0;
    height: 40px;
}

.exchange_options_guest_cert_bg #guest_cert #guest_cert_phone_work {
    margin: 0;
    height: 40px;
}

.exchange_options_guest_cert_bg #guest_cert #guest_cert_phone_home div {
    top: -3px;
    left: 94px;
    position: relative;
}

.exchange_options_guest_cert_bg #guest_cert #guest_cert_phone_work div {
    top: -3px;
    left: 94px;
    position: relative;
}

.exchange_options_guest_cert_bg #guest_cert .area-code select {
    width: 71px;
    top: 0;
    left: 7px;
    margin-right: 15px;
}

.exchange_options_guest_cert_bg #guest_cert img {
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.exchange_options_guest_cert_bg .member-traveling {
    margin: 0;
    height: 40px;
}

.exchange_options_guest_cert_bg .member-traveling .isMemberTravelingButton {
    display: inline-block;
    min-width: 45px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0;
    border-right: 0;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    border-left: #cdcdcd solid 1px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
   zoom: 1;
    position: relative;
    left: 190px;
    top: -15px;
    height: 20px !important;
}

.exchange_options_guest_cert_bg .member-traveling .isMemberTravelingButton:hover {
  background: #0077be;
  color: #fff;
}

.exchange_options_guest_cert_bg .member-traveling .isMemberTravelingButton.active {
    color: #ffffff;
    background: #0177bf;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0177bf', endColorstr='#0177bf', GradientType=0);
}

.exchange_options_guest_cert_bg .member-traveling .isMemberTravelingButton.first {
    border-right: 0 !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 5px 0 0 5px !important;
    -moz-border-radius: 5px 0 0 5px !important;
    -webkit-border-radius: 5px 0 0 5px !important;
}

.exchange_options_guest_cert_bg .member-traveling .isMemberTravelingButton.last {
    border-right: #cdcdcd solid 1px !important;
    border-top: #cdcdcd solid 1px !important;
    border-bottom: #cdcdcd solid 1px !important;
    border-left: #cdcdcd solid 1px !important;
    border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    padding: 5px 13px;
    margin-left: -3px;
}

.exchange_options_guest_cert_bg select {
    position: relative !important;
    padding: 4px;
    width: 320px;
    margin: 0 20px 0 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #ffffff;
}

.exchange_options_guest_cert_bg select.inactive {
    color: #cdcdcd;
}

.exchange_options_guest_cert_bg select.inactive:hover {
    color: #cdcdcd;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    cursor: default;
}

.exchange_options_guest_cert_bg select.adult {
    width: 160px;
}

.exchange_options_guest_cert_bg select.children {
    width: 180px;
}

.exchange_options_guest_cert_bg.formRight {
    font-size: 0;
}

#guest_cert .guestPhoneWrap {
    position: relative;
    padding: 0 20px 0 72px;
    margin: -4px 100px 10px 72px;
    z-index: 1 !important;
    left: 0 !important;
}

.exchange_options_guest_cert_bg #guest_cert .guestPhoneWrap {
  margin: -4px 100px 10px 36px;
   
}
/* START: getaway guest cert form field fixes */

.getaway_options_guest_cert_bg#guest_cert .guestPhoneWrap {
    position: relative;
    padding: 0 20px 0 72px;
    margin: 0;
    z-index: 1 !important;
    left: 11px !important;
    height: 175px !important;
    width: 438px;
}

.getaway_options_guest_cert_bg #guest_cert .edit-phone-home-icon,
.getaway_options_guest_cert_bg #guest_cert .edit-phone-business-icon {
    background-position: 0 -3px;
}

.getaway_options_guest_cert_bg .edit-phone-labels-guest-type {
    margin-bottom: -20px !important;
}

.getaway_options_guest_cert_bg .edit-phone-labels-guest-type img {
    margin-top: -5px !important;
}


/* END: getaway guest cert form field fixes */

#guest_cert .guestPhoneWrap hr {
    margin-left: 46px;
}

#guest_cert .edit-phone-home-icon,
#guest_cert .edit-phone-business-icon {
    background-position: 0 center;
}

.guestPhoneWrap .edit-phone-number {
    width: 120px;
}

.edit-phone-county-code-guest {
    left: 0 !important;
    width: 70px !important;
    margin-right: 10px !important;
    font-size: 11px !important;
}

.edit-phone-area-code-guest {
    float: left;
    width: 94px;
    margin-right: 10px;
}

.edit-phone-number-guest {
    float: left;
    width: 155px;
    margin-right: 4px;
}

.edit-phone-area-code-guest-form {
    left: 0 !important;
    width: 75px;
    margin-right: 10px;
}

.edit-phone-number-guest-form {
    left: 0 !important;
    width: 135px;
    margin-right: 4px;
}

.edit-phone-county-code-guest-type {
    float: left;
    width: 70px;
    margin-right: 10px;
    padding-top: 7px;
}

.edit-phone-area-code-guest-type {
    float: left;
    width: 85px;
    margin-right: 10px;
    padding-top: 7px;
}

.edit-phone-number-guest-type {
    float: left;
    width: 135px;
    margin-right: 4px;
    padding-top: 7px;
}

.edit-phone-labels-guest-type {
    font-weight: bold;
    line-height: 16px;
    margin-top: 30px;
    padding: 2px 0;
    /*- Allows ( ? ) icons to be seen without cropping -*/
    overflow: auto;
}

.edit-phone-labels-guest-type img {
    margin-top: -10px;
}

.edit-phone-mobile-no-icon {
    float: left;
    width: 45px;
}


/* END: Exchange Options Guest Certificate */


/* START: Accommodation Certificate */

.no-units {
    color: #c73030;
    font-size: 15px;
}

.disable-destination {
    color: lightgrey !important;
}


/* START: Accommodation Certificate My Units */

.column3_units_high {
    margin-top: 20px !important;
}

#column3content_units h1 {
    font-size: 24px;     
    padding: 0 10px 10px 0;
}

.ac-banner {
    background: #f1f1f1;     
    border-radius: 6px;     
    padding: 20px;     
    font-size: 15px;     
    color: #666;     
    text-align: center;     
    overflow: auto;
}

.ac-banner b {
    font-size: 22px;
}

.ac-banner img {
    margin: 20px auto;
    width: 140px;
}

.ac-banner input.third-button,
.ac_cert_clm3 .third-button {
    cursor: pointer;
}

.ac-banner input.third-button {
    margin: 0;
}

.ac-ex-discontinued {
    width: 560px !important;
    margin: 0 auto;
    display: none;
}

.ac-ex-discontinued h1 {
    text-transform: capitalize;
    line-height: 25px;
}

.ac-ex-discontinued p {
    display: block;
}

.ac-ex-discontinued input {
    margin-left: 10px;
    float: none;
}

.ac-ex-discontinued input.third-button {
    float: right;
    padding: 4px 20px;
    margin: 0 0 0 10px;
    float: none;
}


/* END: Accommodation Certificate My Units */


/* START: Accommodation Certificate My Certificates */

.ac_cert_header_row {
    border-radius: 5px 5px 0 0;
    background: #18294B;
    padding: 10px 15px;
}

.ac_cert_header_row_disabled {
    border-radius: 5px 5px 0 0;
    background: #757575;
    padding: 10px 15px;
}

.ac_cert_header_row h2 {
    color: #fff !important;
    margin: 0;
    font-weight: normal;
    font-size: 22px;
}

.ac_cert_header_row a {
    color: #fff !important;
    font-weight: normal;
    font-size: 22px;
    text-decoration: underline;
}

.ac_cert_body {
    padding: 15px;
    border: 1px solid #d2d2d2;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    overflow: auto;
    font-size: 12px;
    margin-bottom: 20px;
}

.ac_cert_body h4 {
    color: #666;
    margin: 10px 0 0;
}

.ac_cert_body h4:first-of-type {
    margin: 0;
}

.ac_cert_clm1 {
    width: 37%;
    float: left;
}

.ac_cert_clm1 img {
    width: 90%;
}

.ac_cert_body_disabled .ac_cert_clm1 img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
}

.ac_cert_clm2 {
    width: 38%;
    float: left;
}


.ac_cert_clm2 h3{
    font-size: 14px;
    margin: 10px 0px 0px;
}

.ac_cert_clm2 span {
    display: block;
    font-size: 11px;
}

.ac_cert_clm2 a.pop_up span {
    margin-top: -63px;
    color: #666;
    cursor: default;
}

.ac_cert_clm2 a {
    border: 0 !important;
}

.ac_cert_clm3 {
    width: 25%;
    float: left;
}

.ac_cert_clm3 .button_wide {
    float: none;
    display: block;
}

.ac_cert_clm3 .third-button {
    display: block;
    margin: 5px 0;
}

.ac_cert_clm3 #depExtend {
    margin-bottom: 10px;
}

.p-overlay {
    text-align: center !important;
}

.h1-overlay {
    text-align: center !important;
    text-transform: initial !important;
}


/* END: Accommodation Certificate My Certificates */


/* START: Accommodation Certificate Availability */

.ac-sidebar {
    margin: 5px;
    padding: 10px !important;
    font-size: 11px;
    color: #757575;
}

.ac-sidebar h3 {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.ac-sidebar h3 a {
    font-size: 12px;
    display: inline;
    font-weight: bold;
}

.ac-sidebar h5 {
    color: #666;
    margin: 10px 0 0 0;
}

.ac-sidebar span {
    display: block;
}

.ac-sidebar a {
    display: block;
    margin: 5px 0 0 0;
}

.ac-sidebar em {
    font-style: normal;
    font-size: 14px;
    color: #0077be;
}

.ac-sidebar-availability {
    margin: 0 !important;
    /* Overwrites Default Styles */
    width: 142px !important;
    /* Overwrites Default Styles */
    overflow: auto;
}

.ac-sidebar-availability h3 {
    font-size: 15px;
    display: inline;
    font-weight: bold;
    color: #0077be;
    padding: 0 !important;
}

.ac-sidebar-availability span {
    font-size: 10px;
    letter-spacing: -.5;
}

.ac-sidebar-not-availabile h3 {
    color: #666;
}

.ac-sidebar-not-availabile h5 {
    color: #757575;
}

.ac-sidebar-availability input {
    margin: 10px 0 0 0;
    width: 100%;
}


/* END: Accommodation Certificate Availability */


/* START: Accommodation Certificate Search */

.ac-sticky-header {
    z-index: 9 !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}

.ac-sticky-header-fade {
    height: 25px;
}

.ac-search {
    padding: 10px;
    background: #fff;
    width: 920px;
}

.ac-search-content {
    color: #757575;
    padding: 10px;
    background: #fff;
}

.ac-search h1 {
    margin: 0;
}

.ac-search p {
    margin: 0;
}

.ac-search strong {
    font-size: 17px;
    display: block;
    margin: 20px 0 0 0;
}

.ac-search img {
    margin-left: 5px;
    position: relative;
    top: 1px;
    cursor: pointer;
    width: 16px;
}

.ac-search input {
    position: relative;
    top: 3px;
    margin: 3px 0 20px 0;
}

.ac-certificate-overview {
    float: right;
    font-size: 11px;
    text-align: right;
    line-height: 17px;
    width: 300px;
}

.ac-certificate-overview em {
    font-style: normal;
    display: block;
    font-size: 15px;
    margin-bottom: 2px;
}

.ac-certificate-overview em a {
    font-size: 15px;
    display: inline;
}

.ac-certificate-overview a {
    font-size: 14px;
    display: block;
    margin-top: 2px;
}

.ac-certificate-overview a#place_request {
    color: #0077be;
    text-decoration: underline
}

a.different-cert {
    color: #0077be;
}

.ac-month-selector {
  background: #18294B;
  border-radius: 5px;
  padding-bottom: 15px;
  overflow: hidden;
}

.ac-month-selector-sticky {
    padding-bottom: 0;
}

.scroll_tabs_container div.scroll_tab_inner {
    height: 65px !important;
}

.ac-month-selector ul {
    float: left;
    margin-left: 5px;
    width: 660px;
}

.ac-month-selector .scroll_tabs_container .scroll_tab_left_button::before,
.ac-month-selector .scroll_tabs_container .scroll_tab_right_button::before {
    content: '';
    /* Removes JQuery Default Arrow*/
}

.ac-month-selector .scroll_tabs_container .scroll_tab_left_button {
    background: url(/images/_icons/angle-arrows.png) 0 19px no-repeat;
    opacity: 0.6;
}

.ac-month-selector .scroll_tabs_container .scroll_tab_right_button {
    background: url(/images/_icons/angle-arrows.png) -15px 19px no-repeat;
    opacity: 0.6;
}

.ac-month-selector li {
    position: relative;
    text-align: center;
    background-color: #0077be !important;
    border: 2px solid #fff;
    margin: 10px 5px 5px 5px !important;
    border-radius: 5px;
    padding: 3px 7px !important;
    line-height: normal !important;
    -webkit-box-shadow: 3px 3px 5px 0 #006699;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 5px 0 #006699;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 0 #006699;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.ac-month-selector li:hover,
.ac-month-selector li:hover a,
.ac-month-selector li:hover a em {
    text-decoration: none !important;
    background-color: #fff !important;
    color: #0077be;
}

.ac-month-selector li.tab_selected {
    background-color: #fff !important;
}

.ac-month-selector li.tab_selected a,
.ac-month-selector li.tab_selected a em {
    color: #0077be;
}

.ac-month-selector li.tab_selected:hover a,
.ac-month-selector li.tab_selected:hover a em {
    text-decoration: none !important;
}

.tab_selected_arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    bottom: -15px;
    left: 13px;
    z-index: 5;
}

.ac-month-selector li.inactive,
.ac-month-selector li.inactive:hover {
    background-color: #1786c9 !important;
    border: 1px solid #3091ca;
    cursor: default !important;
    padding: 4px 8px !important;
}

.ac-month-selector li.inactive a,
.ac-month-selector li.inactive a em {
    background-color: #1786c9 !important;
    color: #95c7e4;
    cursor: default !important;
}

.ac-month-selector li.inactive a:hover,
.ac-month-selector li.inactive a:hover em {
    background-color: #1786c9 !important;
    color: #95c7e4;
    cursor: default !important;
    text-decoration: none !important;
}

.ac-month-selector li.loading,
.ac-month-selector li.loading:hover {
    background-color: #1786c9 !important;
    border: 1px solid #3091ca;
    height: 35px;
    width: 35px;
    top: 14px;
    margin: -5px 6px 5px 5px !important;
}

.ac-month-selector li.loading a,
.ac-month-selector li.loading:hover a {
    display: none;
    cursor: default !important;
}

.ac-month-selector .active .iw-loader {
    display: none;
}

.ac-month-selector .inactive .iw-loader {
    display: none;
}

.ac-month-selector li a {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.ac-month-selector li a em {
    display: block;
    color: #fff;
    font-size: 16px;
    height: 15px;
    font-style: normal;
}

.ac-month-selector small {
    position: absolute;
    top: -10px;
    left: 34%;
    background: #0077be;
    border-radius: 50%;
    padding: 0 5px 0 4px;
    color: #fff;
    line-height: 14px;
    font-size: 11px;
    font-weight: bold;
}

@ keyframes bounce {
    0% {
        top: -10px;
    }
    25% {
        top: -5 px;
    }
    50% {
        top: -10 px;
    }
    75% {
        top: -5 px;
    }
    100% {
        top: -10 px;
    }
}

.ac-month-selector small.bounce {
    animation-name: bounce;
    animation-duration: .04s;
}

.ac-dest-counter {
    background: #fff;
    border-radius: 6px;
    padding: 5px 5px 5px 15px;
    overflow: auto;
    width: 220px;
    font-size: 24px;
    color: #18294B;
    float: right;
    margin: 12px 11px 11px 0;
}

.ac-dest-counter-overlay {
    z-index: 10000;
    position: relative;
}

.ac-dest-counter span {
    top: 0px;
    position: relative;
    cursor: pointer;
}

.ac-dest-counter em {
    font-style: normal;
}

.ac-dest-counter i {
    font-size: 16px;
    top: -3px;
    position: relative;
}

.ac-dest-counter i.fa-sort-up {
    top: 2px;
}

.ac-dest-counter input {
    margin: 0;
    top: 0;
    padding: 5px 40px !important;
}


/* END: Accommodation Certificate Search */


/* START: Accommodation Certificate Counter Dropdown */

.overlay-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 9999;
    /*10000*/
}

#destinations_dropdown {
    right: 20px;
    top: 198px;
    z-index: 10000;
    display: none;
    position: absolute;
    width: 350px;
    background: white;
    border-radius: 5px 0 5px 5px;
    box-shadow: 2px 3px 7px -2px #666;
    color: #666;
    overflow-y: auto;
}

.destinations_dropdown_sticky {
    right: 10px !important;
    top: 122px !important;
    z-index: 10000;
}

#destinations_dropdown ul li {
    border-top: 1px solid #d2d2d2;
    clear: both;
    overflow: hidden;
    margin-bottom: 0;
    padding: 10px;
}

#destinations_dropdown ul li:last-of-type {
    border-bottom: 1px solid #d2d2d2;
}

#destinations_dropdown ul:last-of-type li:last-of-type {
    border-bottom: 0;
}

#destinations_dropdown h5 {
    margin: 25px 0 5px 10px;
    font-size: 11px;
    color: #0077be;
    float: left;
}

#destinations_dropdown a {
    float: right;
    font-size: 11px;
    margin: 25px 15px 5px 5px;
    color: #0077be;
}

#destinations_dropdown li a {
    position: absolute;
    right: 0;
    margin: 5px 15px 5px 5px;
}

#destinations_dropdown li.ac-counter-removed a {
    margin: 10px 15px 5px 5px;
}

#destinations_dropdown i {
    font-size: 22px;
    color: #757575;
}

#destinations_dropdown i:hover {
    color: #cc0000;
}

#destinations_dropdown span {
    font-size: 16px;
    float: left;
    width: 295px;
    margin-bottom: 1px;
}

#destinations_dropdown em {
    font-size: 11px;
    float: left;
    width: 295px;
    font-style: normal;
    margin-left: 2px;
}

#destinations_dropdown li.ac-counter-removed span {
    color: #757575;
}

#destinations_dropdown li.ac-counter-removed em {
    color: #757575;
}


/* END: Accommodation Certificate Counter Dropdown */


/* START: IW-LOADER*/

@ -webkit-keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@ keyframes uil-default-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.iw-loader {
    transform: scale(0.17);
    position: absolute;
    left: 8px;
    top: 3px;
}

.iw-loader>div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.iw-loader>div:nth-of-type(2) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.375s;
    animation-delay: -0.375s;
}

.iw-loader>div:nth-of-type(3) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.iw-loader>div:nth-of-type(4) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.125s;
    animation-delay: -0.125s;
}

.iw-loader>div:nth-of-type(5) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.iw-loader>div:nth-of-type(6) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.125s;
    animation-delay: 0.125s;
}

.iw-loader>div:nth-of-type(7) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.iw-loader>div:nth-of-type(8) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.375s;
    animation-delay: 0.375s;
}

.a {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(0deg) translate(0, -60px);
    transform: rotate(0deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.b {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(45deg) translate(0, -60px);
    transform: rotate(45deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.c {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(90deg) translate(0, -60px);
    transform: rotate(90deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.d {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(135deg) translate(0, -60px);
    transform: rotate(135deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.e {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(180deg) translate(0, -60px);
    transform: rotate(180deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.f {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(225deg) translate(0, -60px);
    transform: rotate(225deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.g {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(270deg) translate(0, -60px);
    transform: rotate(270deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}

.h {
    top: 70px;
    left: 95px;
    width: 10px;
    height: 60px;
    background: #ffffff;
    -webkit-transform: rotate(315deg) translate(0, -60px);
    transform: rotate(315deg) translate(0, -60px);
    border-radius: 4px;
    position: absolute;
}


/* END: IW-LOADER */


/* START: Accommodation Certificate Destinations */

.tabs-container {
    position: relative;
    z-index: 1;
    clear: both;
    border: 1px solid #d2d2d2;
    top: -87px;
    border-radius: 5px;
    padding: 15px 25px;
    background: #fff;
    overflow: auto;
}

.container-mobile {
    position: relative;
    z-index: 1;
    clear: both;
    border: 1px solid #d2d2d2;
    top: -28px;
    border-radius: 5px;
    padding: 15px 25px;
    background: #fff;
}

.ac-search h2 {
    color: #666;
    font-size: 16px;
    float: left;
    margin: 8px 0 15px 0;
}

.ac-search hr {
	display: none;
}

.ac-search .destinations {
	clear: both;
}

.ac-search select#ac-regions {
    margin: 0 0 15px 0;
    float: right;
    width: 150px;
    z-index: 2;
    position: relative;
    right: 25px;
    top: -27px;
}

.ac-search .tabs-container hr {
    margin-bottom: 15px;
}

.ac-search .tabs-container .ac-region-header {
    overflow: hidden;
    padding: 13px 10px 10px 10px;
    border-bottom: 1px solid #d2d2d2;
}

.ac-search .tabs-container [id*="advisements_div"] {
    margin: 15px 0;
}

.ac-search .tabs-container h3 {
    display: inline;
    float: left;
    position: relative;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

.ac-search .tabs-container h3.no-availablity {
    font-size: 15px;
    color: #333;
}

.ac-search .tabs-container h3.no-availablity span {
    font-size: 12px;
    color: #757575;
    font-weight: normal;
    padding-left: 10px;
}

.ac-search .tabs-container h3 a {    
    font-size: 15px;
    background: none;
    padding: 0;
    float: left;
    padding-right: 10px;
    color: #18294B;
}

.ac-search .tabs-container h3 a:hover {
    text-decoration: none !important;
}

.ac-search .tabs-container h3 div {
    display: inline;
    float: left;
    font-weight: normal;
    font-size: 12px;
    color: #757575;
    position: relative;
    top: 2px;
}

.ac-search .tabs-container em {
    padding: 0 4px;
    border: 1px solid #fff;
    color: #0077be;
    font-size: 20px;
    border-radius: 50%;
    float: left;
    margin: -3px 6px 0 0;
    position: relative;
}

.ac-search .tabs-container i {
    position: relative;
    top: -4px;
}

.ac-search .tabs-container i.fa-sort-down {
    position: relative;
    top: 3px;
}

.col-groupRegion {
    margin: 0 0 5px 11px !important;
    font-size: 14px;
    color: #666;
}

.col-groupRegion label {
    font-weight: normal;
    color: #0077be;
    font-size: 12px;
}

.col-groupRegion .colRegion {
    width: 32%;
    padding: 10px;
    margin: 0 5px;
    cursor: pointer;
}

.col-groupRegion .colRegion:hover,
.col-groupRegion .colRegion:hover label {
	    text-decoration: underline;
}

/* END: Accommodation Certificate Destinations */


/* START: Accommodation Certificate Wizard Overlay */

.ui-widget .ac-custom-border {
    background: url(/images/iw/ac-wizard-bg.gif) -83px -50px !important;
    width: 930px;
    height: 600px;
    top: 100px;
    position: relative;
}

.ui-widget .ac-custom-border .close {
    right: -29px;
    top: -30px;
}

.ui-widget .ac-custom-border .ac-wizard {
    font-size: 11px;
    color: #666;
    font-weight: bold;
    line-height: 13px;
}

.ui-widget .ac-custom-border .ac-wizard h5 {
    font-size: 16px;
    color: #333;
    margin: 7px 0 0 35px;
    text-transform: initial;
    font-weight: normal;
    line-height: 21px;
}

.ui-widget .ac-custom-border .ac-wizard span {
    color: #757575;
    font-weight: normal;
    display: block;
    margin-top: 0;
    line-height: 12px;
}

.ui-widget .ac-custom-border .ac-wizard hr {
    border-color: #fff;
    margin: 465px 30px 18px 30px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-one {
    width: 210px;
    height: 250px;
    position: absolute;
    top: 50px;
    left: 37px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-one ul {
    margin-top: 105px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-one ul li {
    margin: 0 0 2px 55px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-one ul li.available-month {
    margin-top: 15px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-one ul li.no-availability {
    margin-top: 8px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-two {
    width: 233px;
    height: 265px;
    position: absolute;
    top: 186px;
    left: 367px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-two ul {
    margin: 181px 0 0 83px;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-two ul li {
    margin: 7px 0;
}

.ui-widget .ac-custom-border .ac-wizard .ac-wizard-step-three {
    width: 243px;
    height: 60px;
    position: absolute;
    top: 28px;
    left: 679px;
}

.ui-widget .ac-custom-border .ac-wizard input {
    font-size: 16px;
    margin-right: 30px;
}

#overlay_no_availability_message {
    text-align: center;
    width: 300px;
}

#overlay_no_availability_message h2 {
    color: #666;
    font-size: 14px;
    margin: 25px 0 0 0;
}

#overlay_no_availability_message input {
    float: none !important;
    margin-bottom: 10px;
}

#overlay_no_availability_message span {
    margin: 5px 0 15px 0;
    display: block;
    margin: 10px;
}

#overlay_no_availability_message a {
    font-size: 14px;
    color: #0077be;
    display: block;
    clear: both;
}


/* END: Accommodation Certificate Wizard Overlay */


/* END: Accommodation Certificate */


/* -----NEW to work for IE & FF -----*/

#guest_cert div {
    margin-bottom: 10px;
}

#guest_cert #guest_cert_phone_home,
#guest_cert #guest_cert_phone_work {
    margin-bottom: 70px;
}

#guest_cert input,
#guest_cert select,
#guest_cert .guest_cert_input {
    position: absolute;
    left: 200px;
}

#guest_cert .guest_cert_input input {
    position: static;
}

#guest_cert .guest_cert_input {
    width: 400px;
}

#guest_cert div label {
    font-weight: bold;
    text-align: right;
    display: block;
    position: relative;
    top: 15px;
    width: 170px;
}

#guest_cert .guest_cert_input div,
.exchange_options_guest_cert_phone div {
    float: left;
}

#guest_cert .guest_cert_input div p {
    margin: 0;
}


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


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


/* Vacation Request */

#vr_requestcriteria_div_deposit,
#vr_requestcriteria_div_request {
    width: 320px;
    /* height:180px; */
    padding: 10px;
    float: left;
    margin-bottom: 10px;
    position: relative;
    background-color: #ECF1F8;
    clear: right;
}

.vr_requestcriteria_div_radio_unchecked {
    width: 20px;
    float: left;
    margin-left: 0;
    margin-right: 8px;
    padding-top: 0;
}

.vr_requestcriteria_div_radio {
    width: 22px;
    float: left;
    margin-right: 6px;
    padding-top: 0;
}

.vr_requestcriteria_div_travel_window {
    /* position:absolute; */
    bottom: 0;
}

#vr_requestcriteria_div_or {
    width: 30px;
    padding-top: 90px;
    float: left;
    text-align: center;
}


/* vr summery */

.vr_summary_table_tr_content {
    border-bottom: 1px solid gray;
}

#vr_enter_a_region {
    border-right: 1px dotted;
    margin-right: 10px;
}


/* place a request */

#vr_summary_table {
    width: 100%;
    border-collapse: collapse;
}

#vr_summary_table tbody td {
    border-bottom: 1px solid #d2d2d2;
}

#vr_summary_table_th2,
#vr_summary_table_th3,
.vr_summary_table_td2,
.vr_summary_table_td3,
.vr_summary_table_td4,
.vr_summary_table_no_resorts {
    text-align: center;
}

#vr_summary_table_th1,
#vr_summary_table_th2,
#vr_summary_table_th3,
#vr_summary_table_th4 {
    font-size: 12px;
    text-align: center;
}


/* place a request: style exchange for */

#vr_summary_popup_add #exchange_form {
    background-image: none;
    background-color: white;
}

#vr_summary_popup_add #exchange_form_icon,
#vr_summary_popup_add #exchange_form_search_all_destinations,
#vr_summary_popup_add #exchange_form_use_a_map,
#vr_summary_popup_add #exchange_form_Number_of_guest,
#vr_summary_popup_add #exchange_form_search_by_amenities {
    display: none;
    border: #FF0000 solid 1px;
}

#exchange_form_Number_of_guest {
    margin-top: 5px;
}


/* Review/Modidy Request Criteria */

#vr_details_table_frame table {
    margin-bottom: 15px !important;
    padding-bottom: 10px;
    width: 100%;
    border: none;
}

#vr_details_table_frame table tr td textarea {
    padding-bottom: none !important;
}

#vr_details_table_frame table thead tr th {
    text-align: left;
    padding: 8px 0 8px 5px !important;
}

#vr_details_table_frame table tbody tr td {
    padding: 4px 0 4px 5px !important;
}

#vr_details_table_menu_top {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

#vr_details_table_menu_bot {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}


/* E-Plus Use Banner*/

.eplus_use_banner {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 5px 1px #d2d2d2;
    -webkit-box-shadow: 2px 2px 5px 1px #d2d2d2;
    box-shadow: 2px 2px 5px 1px #d2d2d2;
    padding: 15px;
    margin: 15px 0;
    overflow: auto;
}

.eplus_use_banner img {
    float: left;
    margin-right: 25px;
}

.eplus_use_banner h3 {
    font-size: 16px;
    margin-top: 5px;
}

.eplus_use_banner p {
    margin: 0;
    color: #666;
}


/* Destination Information */

.header_pd h2 {
    margin: 0 0 10px 2px;
}

.dest_info {
   


}

.resort_title2 {
    font-size: 16px;
}
.dest_info .resort_title2 address{
    font-size: 16px;
    font-weight: normal;
    margin-top: 8px;
    line-height: 22px;
}

.resort_title2 address {
    font-size: 16px;
    font-weight: normal;
    margin-top: 8px;
    line-height: 22px;
}

.my_units_resort_header_row .resort_title2 address {
    font-size: 14px;
    line-height: inherit;
}
.exchange_booking .dest_info {
    border-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    background: #FFF;
    z-index: 2;
    display: inline-block;
    margin-right: 139px;
    /* Fix for CIG member */
}

.dest_info .exchange_booking_info_bg {
    
}

.dest_info .exchange_booking_info_bg_ffretrade {
    /* Full Fee Retrade */
    height: 200px;
    padding: 0px 5px 0 0px;
}

.dest_info .exchange_booking_info_bg_cig_retrade {
    /* Full Fee Retrade */
   
    height: 295px;
    padding: 5px 5px 0 5px;
}

.dest_info .exchange_booking_info_bg_shell {
    /* Full Fee Retrade */
    height: 330px;
    padding: 5px 5px 0 5px;
}

.dest_info .exchange_booking_info_bg_week56 {
    /* Full Week56 Exchange */
   
    height: 235px;
    padding: 5px 5px 0 5px;
}

.dest_info h3 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: 500;
}

.table_frame td.dest_info {
    padding: 17px 20px 20px 0;
}

.table_frame td.dest_info .resort_title2 .resort_details_icon_code strong {
    display: block;
    font-size: 13px;
    margin-bottom: 0;
}

.dest_info_amenities {
    padding: 0;
}

.dest_info_amenities .advisement {
    font-size: 11px;
    line-height: 15px;
}

.dest_info_amenities #acceptTermsDiv {
    font-size: 12px;
}

.dest_info .resort_title2 h5 {
    margin: 15px 0;
    color: #333;
}

.dest_info_gw {
    font-size: 11px;
    margin: 10px 0 4px 0;
}

.dest_info_gw address {
    text-decoration: none !important;
}

.tc_gw_unit_info {
    font-size: 11px;
    margin: 10px 0;
}

.tc_credit_card {
    margin: 15px 0 3px 0;
}


/* Relinquishment Information */

.relq_info {
  padding: 20px !important;
  vertical-align: top !important;
  background-color: #f1f1f1;
  border-radius: 9px;
  display: inline-block;
  float: right;
  color: #666;
}

.table_frame td.relq_info {
    padding: 20px;
    display: inline-table;
    min-width: 70%;
}

.relq_info_cig {
    position: relative;
    top: -30px;
}

.relq_info h3, 
.table_frame_right h3 {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
  margin-top: 0;
}

.relq_info .resort_title2, 
.table_frame_right .resort_title2 {
    font-size: 15px;
    color: #666;
}

.relq_info .resort_title2 small strong, 
.table_frame_right .resort_title2 small strong {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
}

.relq_info .resort_title2 .resort_details_icon, 
.table_frame_right .resort_title2 .resort_details_icon {
  border-color: #666;
}

.relq_info .resort_title2 address, 
.table_frame_right .resort_title2 address {
    font-size: 12px;
    font-weight: normal;
}

.relq_info .icon_tradeout_capacity,
.relq_info .icon_tradeout_capacity_big, 
.table_frame_right .icon_tradeout_capacity, 
.table_frame_right .icon_tradeout_capacity_big {
    color: #666;
}

.relq_info_pts {
    overflow: visible;
    border-radius: 8px;
}


.relq_box_content {
    margin-left: 5px;
    float: left;
    width: 125px;
    line-height: 0.95;
}

.relq_box_content em {
    margin-bottom: 5px;
}

.relq_box_content_pts {
    margin: 7px 0 0 64px;
    width: 100px;
    float: left;
}

.relq_info_pts img {
    float: left;
    border: 1px solid #d2d2d2;
}

.relq_info_pts em {
    float: left;
    font-style: normal;
    width: 160px;
    color: #666;
  font-size: 14px;
}

.relq_info_pts_tc_cig {
    position: relative;
    top: -33px;
}

.relq_info_pts_cig em {
    width: 60%;
}

.relq_info_pts_cig small {
    font-size: 11px;
    font-weight: bold;
}

.relq_info_pts_tc_cig .relq_info_pts_cig em {
    width: 115px;
}

.relq_info_pts span {
    float: right;
    text-align: right;
    font-size: 15px;
    font-style: normal;
    color: #666;
  display: flow-root;
}

.relq_info_pts small {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 4px;
}

.relq_info .icon_container {
    margin: 5px 0;
    min-height: 25px;
}


/* Items Chart */

.header_pd_cig {
    margin: 30px 0 10px 0 !important;
}

.items_chart { 
	border: 1px solid #d2d2d2; 
	margin: 60px 0 0 0; 
	display: block; 
	border-radius: 8px; 
	padding: 10px; 
}

.items_chart_notop {
    border: 1px solid #eff0eb;
    margin: 0 0 5px 0;
    display: block;
    width: 100%;
}

.items_chart_header {
    background: #eff0eb;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 18px;
}

.items_chart .table_frame_cost_holder {
    display: block;
    width: 100%;
    padding: 10px 0 10px 0;
    border-top: #d2d2d2 solid 1px;
    text-align: justify;
    font-size: 15px;
    font-weight: bold;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.items_chart .table_frame_cost_holder::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.items_chart .table_frame_type_holder { 
	display: block; 
	text-align: justify; 
	font-size: 18px; 
}

.items_chart .table_frame_type_left { 
	display: inline-block; 
	vertical-align: middle; 
	text-align: left; 
	padding: 20px 10px; 
	zoom: 1; 
}

.items_chart .table_frame_type_right { 
	display: inline-block; 
	vertical-align: middle; 
	text-align: right; 
	zoom: 1;
}

.items_chart_header span {
    float: right;
}

.items_chart_row {
    display: block;
    width: 100%;
    padding: 0 0 5px 0;
    text-align: justify;
    font-size: 15px;
    font-weight: normal;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.items_chart_row::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.items_chart_row_left { 
	display: inline-block; 
	vertical-align: middle; 
	text-align: left; 
	padding: 5px 10px; 
	zoom: 1; 
	*display: inline; 
}

.items_chart_row_right { 
	display: inline-block; 
	vertical-align: middle; 
	text-align: right; 
	padding: 5px 10px; 
	zoom: 1; 
	font-size: 15px; 
	*display: inline; 
	 
}

.items_chart_row_note {
    padding: 3px 5px 5px 10px;
    font-size: 13px;
    display: block;
    width: 100%;
    text-align: left;
    line-height: 19px;
}

.items_chart_total {
    display: block;
    width: 100%;
    padding: 0 0 5px 0;
    text-align: justify;
    font-size: 15px;
    font-weight: bold;
    /* IE special */
    width: 100%;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

.items_chart_total.items_chart_row_right {
    font-size: 20px !important;
}

.items_chart_total::after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

.items_chart_footer {
    padding: 5px 0;
    overflow: auto;
    text-align: left;
    color: #757575;
    font-weight: normal;
}

.items_chart_footer span {
    color: #d2d2d2;
}


/* Continue Button */

.cont_btn {
    margin-bottom: 15px;
}


/* Change Dates page */

.travel_dates_box {
    background-color: #ecf1f8;
    border: 1px solid #d2d2d2;
    padding: 10px;
}


/* START: Payment Page Transactions */

#productsAndPromotions input {
    float: left;
    display: block;
    width: 20px;
}

#productsAndPromotions label {
    float: left;
    display: block;
    width: 399px;
    font-weight: normal;
    margin-bottom: 14px;
    font-size: 13px;
}

#productsAndPromotions td {
    padding: 0;
}

#productsAndPromotions h2 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}

#productsAndPromotions strong {
    margin: 5px 0 5px 9px;
    display: block;
     font-size: 16px;
}

#offer h2 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
}

#my_renewal_payment_summary #offer h2 {
    font-size: 16px;
    margin-top: 10px;
}


/* END: Payment Page Transactions */


/* Pending Requests Transaction Complete Page */

.table_frame_completed .tc-eplus-promo-spot {
    width: 655px !important;
    padding: 10px !important;
    margin: 10px 10px 10px 0 !important;
    vertical-align: middle !important;
    overflow: auto;
}

.pending_transaction .table_frame_completed .tc-eplus-promo-spot {
    width: 615px !important;
    overflow: hidden !important;
}

.pending_transaction .table_frame_completed .tc-eplus-purchase-logo {
    display: inline-block;
    float: none !important;
    width: 109px !important;
    height: 40px !important;
    margin-right: 10px !important;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.table_frame_completed .tc-eplus-purchase-copy {
    padding-left: 0 !important;
    padding-right: 15px !important;
    font-size: 12px;
    width: 350px !important;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

#column2pending .table_frame_completed .tc-eplus-purchase-copy {
    width: 290px !important;
}

.pending_transaction .table_frame_completed .tc-purchace-btn {
    padding-left: 0 !important;
    width: 185px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    zoom: 1 !important;
    *display: inline !important;
}


/* Transaction Complete Page */

.table_frame_transaction_completed_body .tc-eplus-promo-spot {
    display: block;
    width: 654px;
    border: solid 2px #0077be;
    background: #ffffff;
    padding: 14px !important;
    margin: 10px 10px 10px 0 !important;
    vertical-align: middle;
    overflow: auto;
}

.table_frame_transaction_completed_body .tc-insurance-promo-spot {
    display: block;
    width: 663px;
    border: solid 1px #d2d2d2;
    background: #ffffff;
    padding: 10px !important;
    margin: 10px 10px 10px 0 !important;
    vertical-align: middle;
    overflow: auto;
}

.tc-renewal-promo-spot {
    display: block;
    width: 663px;
    border: solid 1px #d2d2d2;
    background: #ffffff;
    padding: 10px !important;
    margin: 10px 10px 10px 0 !important;
    vertical-align: middle;
    overflow: auto;
}

.tc-renewal-promo-spot .tc-eplus-purchase-logo {
    display: inline-block;
    float: left !important;
    width: 110px !important;
    margin: 0 9px 0 0 !important;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

#column2pending .table_frame_transaction_completed_body .tc-eplus-promo-spot {
    width: 615px;
}

#column2pending .table_frame_transaction_completed_body .tc-insurance-promo-spot {
    width: 624px;
}

#column2pending .table_frame_transaction_completed_body .tc-renewal-promo-spot {
    width: 624px;
}

.eplus_holder {
    display: block;
    padding: 10px 10px 0 10px;
}

#column2pending .eplus_holder {
    display: block;
    padding: 0;
}

.table_frame_transaction_completed_body .tc-eplus-purchase-logo {
    display: inline-block;
    float: left !important;
    width: 110px !important;
    margin: 0 9px 0 0 !important;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.table_frame_transaction_completed_body .tc-eplus-purchase-copy-wide {
    padding-left: 10px;
    font-size: 12px;
    width: 510px !important;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.table_frame_transaction_completed_body .tc-eplus-title {
    font-size: 16px;
    color: #0077be;
    padding-bottom: 3px;
    margin: 0;
    display: inline-block;
    font-weight: bold;
}

.cart_items .tc-eplus-promo-spot {
    border: 6px solid #e15b02;
    padding: 15px;
    overflow: auto;
    width: 620px !important;
    background: #FFF;
}

.tc-eplus-purchase-logo {
    float: left;
    width: 99px;
    margin-right: 15px;
}

.tc-eplus-purchase-copy {
    padding-right: 15px;
    font-size: 12px;
    float: left;
    width: 330px;
}

.tc-insurance-promo-spot .tc-eplus-purchase-copy {
    width: 310px;
}

.tc-renewal-promo-spot .tc-eplus-purchase-copy {
    width: 310px;
}

.tc-eplus-purchase-copy-wide {
    padding-right: 15px;
    font-size: 12px;
    float: left;
    width: 490px;
}

.tc-eplus-purchase-copy a,
.tc-eplus-purchase-copy a:visited,
.tc-eplus-purchase-copy a:link {
    font-size: 15px;
    color: #0077be;
    font-weight: bold;
}

.tc-purchace-btn a.see_more_btn {
    overflow: auto;
    width: 125px;
    float: right;
    border: 1px solid #0077be;
    border-radius: 6px 6px 6px 6px;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
    color: #fff;
    margin: 13px 10px;
    text-align: center;
    font-size: 15px;
    background: #0077be;
}

.tc-purchace-btn a.see_more_btn:hover {
  background: #006AA7;
  border: 1px solid #006AA7;
}

#revelex_body .checkbox,
.radio {
    width: 13px;
    height: 13px;
    display: inline;
    float: none;
}

.revelex_cruise_exchange_search_left {
    float: left;
    margin: 0 0 15px 0;
}

.revelex_cruise_exchange_search_right {
    float: right;
}

#cruise_form_browese_line {
    margin-top: 5px;
    width: 100%;
}

#cruise_exchange_form .frame_content {
    float: left;
    width: 100%;
    padding: 0 10px;
}


/* cruise exchange */

#cruise_exchange_form label strong {
    font-weight: bold;
}

#cruise_exchange_form #cruise_form_browse_by_cruise_destinations {
    padding-top: 30px;
    width: 100%;
}

#cruise_exchange_form {
    margin-top: 10px;
}

#cruise_form_destination,
#cruise_form_sailing_date,
#cruise_form_cruise_line,
#cruise_form_duration,
#cruise_advanced_form_destination,
#cruise_advanced_form_embarkation_date,
#cruise_advanced_cruise_line,
#cruise_advanced_cruise_duration,
#cruise_advanced_embarkation_port {
    margin-bottom: 5px;
}

#cruise_advanced_form label {
    display: block;
}


/* cruise exchange search*/

#cruise_exchange_form #cruise_simple_form,
#cruise_exchange_form #cruise_browse_destination,
#cruise_exchange_form #cruise_browse_line,
#cruise_exchange_form #cruise_advanced_less_search_options,
#cruise_exchange_form #cruise_advanced_form label {
    font-size: 11px;
}

#cruise_exchange_form #cruise_browse_destination label,
#cruise_exchange_form #cruise_form_browese_line label,
#cruise_exchange_form #cruise_advanced_form label {
    margin-bottom: 6px;
    margin-top: 10px;
    display: block;
}

#cruise_exchange_form #cruise_form_destination select {
    margin-left: 7px;
}

#cruise_exchange_form #cruise_form_cruise_line select {
    margin-left: 6px;
}

#cruise_exchange_form #cruise_form_duration select {
    margin-left: 25px;
}

#cruise_exchange_form #cruise_browse_destination .button {
    margin-top: 25px;
}

#cruise_exchange_form #cruise_form_browese_line .button {
    margin-top: 16px;
}

#cruise_exchange_form #cruise_form_sailing_date select {
    margin-left: 6px;
}

#cruise_exchange_form #cruise_form_destination {
    margin-top: 15px;
}

#cruise_exchange_form #cruise_form_more_search_options,
#cruise_exchange_form #cruise_advanced_less_search_options {
    margin-top: 16px;
}

#cruise_exchance_form_hr {
    width: 95%;
    margin-bottom: 0;
    margin-top: 5px;
}

#page_tr_cruises #cruise_exchance_form_hr {
    display: none;
}

#page_tr_cruises #cruise_browse_destination {
    margin-top: 15px;
}

#cruise_advanced_form h4 {
    font-size: 10px;
}

#cruise_advanced_left {
    float: left;
}

#cruise_advanced_right {
    float: right;
}

#cruise_advanced_submit_div {
    margin-right: 45px;
    margin-top: 23px;
}

#cruise_advanced_form_destination {
    width: 180px;
}

#cruise_advanced_embarkation_port,
#cruise_advanced_cruise_line,
#cruise_advanced_cruise_duration,
#cruise_advanced_form_embarkation_date {
    width: 200px;
}

.call-to-redeem-notice {
    margin-left: 33px;
    margin-top: 5px;
    font-size: 10px;
    font-weight: bold;
    padding-left: 4px;
}


/*--- DEPOSIT EXTENSION CONTENT ---*/

#deposit_extension_content {}

#deposit_extension_content #body {
    width: 960px;
    border: none;
}

#deposit_extension_content h1 {
    letter-spacing: 0;
    margin: 7px 0 28px;
    text-shadow: 1px 1px 1px #FFFFFF, 1px 1px 1px #777777;
}

#deposit_extension_content h2 {
    letter-spacing: 0;
    margin: 0 0 21px;
}

#deposit_extension_content table {
    width: 100%;
}

#deposit_extension_content #column2 {
    width: 920px !important;
    padding: 20px;
    background-color: #F7F7F7;
}

#deposit_extension_content #column2 #column2content {
    margin: 0;
}

#deposit_extension_content .exchange_section_wrapper {
    float: left;
    width: 420px;
    height: 207px;
    padding: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #DEDEDE #d2d2d2 #d2d2d2 #DEDEDE;
    background-color: #fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 3px 0 #d2d2d2;
    -webkit-box-shadow: 1px 1px 3px 0 #d2d2d2;
    -o-box-shadow: 1px 1px 3px 0 #d2d2d2;
    box-shadow: 1px 1px 3px 0 #d2d2d2;
}

#deposit_extension_content #deposit_home_unit {
    margin-right: 20px;
}

#deposit_extension_content #deposit_home_unit th {
    text-align: right;
    font-weight: bold;
    padding-right: 14px;
}

#deposit_extension_content #deposit_extend_details h2 {
    margin: 0 0 7px;
}

#deposit_extension_content #deposit_extend_details th {
    padding: 4px 7px;
    background-color: #ECF1F8;
}

#deposit_extension_content #deposit_extend_details td {
    padding: 7px;
    border-top: 1px solid #ECF1F8;
}

#deposit_extension_content #deposit_extend_details tr:first-child td {
    border-top-color: #fff;
}

#deposit_extension_content #deposit_extend_details .term {
    font-size: 1.4em;
}

#deposit_extension_content #deposit_extend_details .new_date {}

#deposit_extension_content #deposit_extend_details .price {
    font-weight: bold;
}

#deposit_extension_content #page_actions {
    float: left;
    clear: both;
    width: 100%;
    overflow: auto;
    margin-top: 21px;
}

#deposit_extension_content .back_link {
    float: left;
    margin-left: 7px;
}

#deposit_extension_content #submit_btn {
    float: right;
    margin-right: 7px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #006AA7;
    font-size: 16px;
}

#deposit_extension_content .small_print {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 14px;
    font-size: 10px;
}

#exchange_form,
#vacation_request_form {
    background: none !important;
    border: 1px solid white;
}

#exchange_form h2 {
    padding: 5px 0;
    color: #0077be !important;
    font-size: 28px; 
	margin: 10px 0 0; 
}

.column2_wide {
    width: 760px !important;
}

.table-header-style-01 {
    background: #dbeaf3;
}

.resort-code_color {
    color: #0077be;
}

.request-checkin-date-bg {
    background: #f0f0f0;
}

.request-edit-info-bar {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}

.er_add-icon {
    background-image: url(/images/_icons/er_add-icon.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    height: 18px;
    width: 17px;
}

.er_delete-icon {
    background-image: url(/images/_icons/er_delete-icon.gif);
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 18px;
    width: 17px;
}


/* NEW ALERT BOX - IW2601 --------------- */

.alert-icon-box-container {
    border: solid 5px #dfe3e6 !important;
    width: 710px;
    margin-left: 10px;
}

.alert-icon-box {
    float: left;
    width: 45px;
    height: 140px;
    display: block;
    background: #dfe3e6;
}

.alert-icon-box img {
    margin-left: 8px;
    margin-top: 10px;
}

.alert-icon-box-text {
    float: left;
    width: 640px;
    padding: 5px 10px;
}

.vr_summary_table_td4 a:link,
.vr_summary_table_td4 a:link span {
    color: #929292;
}

.vr_summary_table_td4 a:hover {}

.vr_summary_table_td4 a:hover span {
    text-decoration: underline;
    color: #ba0000;
    background-image: url(/images/_icons/er_delete-icon-on.gif);
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 18px;
    width: 17px;
}


/*-- IW-2864 --*/

.ex-depositdetails .cig_logo_1 {
    margin: 0 0 0 70px;
}

.ex-depositdetails form[name=depositForm] {
    float: left;
}

.ex-depositdetails h1 {
    float: left;
}


/*--- IW-2809 ---*/

#exchange_available_place_request input[type=checkbox] {
    vertical-align: bottom;
}

.points_range {
    margin: 3px 0 0 24px;
    font-size: 0.85em;
    color: #666;
}


/*-- IW-5178 --*/

#errorMessageContainer.exErrorMessage1 {
    margin: 20px 0;
}

#ErrorTagId1 {
    margin-bottom: 5px;
}

#errorMessageContainer.exErrorMessage1 #ErrorTagId1 {
    font-size: 22px;
    margin-bottom: 3px;
}

#avail_dest_area {
    float: left;
    width: 340px;
    height: 140px;
    padding: 20px;
   
}
#destination_searched {
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
}

#otherSuggestionsBox-2 {
    min-height: 136px;
}

.placeExOptions .exMessageText {
    display: inline-block;
    padding-left: 28px;
}

.cruise_form_width {
    width: 257px !important;
}


/*** eplus history page ***/

.historylinks {
    padding-bottom: 10px
}

.eplusinfosmall {
    line-height: 16px;
    font-size: 10px
}

.hreplus {
    width: 195px !important;
    border: 0;
    height: 0;
    border-top: solid 1px #d2d2d2 !important;
    margin: 10px 0 !important;
}

.infocontainer {
    border-top: solid 1px #d2d2d2;
    width: 180px;
    overflow: auto;
    padding: 8px;
    margin-top: 10px;
}

.epluspurchasebtn {
    border: solid 1px #d2d2d2;
    padding: 8px;
    border-radius: 8px;
  background: #0077be
}

.eplusredeembtn {
    border: solid 1px #d2d2d2;
    padding: 8px 8px 18px 8px;
    border-radius: 8px;
}

.ex_history_detail {
    padding: 0;
    border: 1px solid #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ex_history_detail td {
    padding: 10px;
    vertical-align: top;
}

.ex_history_detail h5 {
    color: #333;
    font-size: 12px;
    margin: 46px 0 0 0;
}

.ex_history_detail span {
    margin-bottom: -10px;
    display: block;
}

.ex_details_tbl {
    border-width: 1px;
    border-style: solid;
    border-color: #dadada;
    border-collapse: collapse;
}

.ex_details_tbl td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
    border-color: #dadada;
}

.ex_details_tbl div {
    border: 1px solid #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #e8e8e8;
    padding: 8px 5px 9px;
    width: 180px;
    background-image: -moz-linear-gradient(center top, #FCFDFF, #e8e8e8);
    margin-top: 7px;
}

.ex_details_tbl_container {
    border: 1px solid #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

.ex_details_tbl_code {
    color: #0077be;
    font-weight: bold;
}


/*-- START: My History - Hotel Details --*/

.hotelDetailpopup td {
    padding-bottom: 0;
}

.hotelDetailpopup strong {
    width: 105px;
    float: left;
}

.hotelDetailpopup a {
    color: #0077be !important;
}

.termsPopup #iicontent_tc h1 {
    line-height: 30px;
}


/*-- END: My History - Hotel Details --*/

.eplus_pending_req {
    padding: 25px 0 10px;     
    width: 195px;
}


/*-- START: Accommodation Certificate Details --*/


/* START: Tabs */

.ac_details_tabs {
    background: #f1f1f1;
    border-radius: 0;
    border: 0;
}

.ac_details_tabs li img {
    padding-right: 10px;
}

.ui-state-default-ac,
.ui-widget-content .ui-state-default-ac,
.ui-widget-header .ui-state-default-ac {
    background: #f1f1f1;
    font-weight: bold;
    color: #757575;
    border: 0;
    border-radius: 0;
}

.ui-state-default-ac a,
.ui-state-default-ac a:link,
.ui-state-default-ac a:visited {
    color: #757575;
    text-decoration: none;
}

.ui-state-hover-ac,
.ui-widget-content .ui-state-hover-ac,
.ui-widget-header .ui-state-hover-ac,
.ui-state-focus-ac,
.ui-widget-content .ui-state-focus-ac,
.ui-widget-header .ui-state-focus-ac {
    background: #d2d2d2;
    font-weight: bold;
    color: #757575;
    border: 0;
    border-radius: 0;
}

.ui-state-hover-ac a,
.ui-state-hover-ac a:hover {
    color: #757575;
    text-decoration: none;
}

.ui-state-active-ac,
.ui-widget-content .ui-state-active-ac,
.ui-widget-header .ui-state-active-ac {
    background: #FFF !important;
    font-weight: bold;
    color: #0077be !important;
    border-radius: 0 !important;
    border: 0;
}

.ui-state-active-ac a,
.ui-state-active-ac a:link,
.ui-state-active-ac a:visited {
    color: #0077be !important;
    text-decoration: none;
}


/* END: Tabs */

.ac_grid_header {
    background: #e7ebf7;
}

.ac_grid_header td {
    padding: 8px;
}

.ac_grid_header th {
    padding: 8px;
    color: #666;
}

.ui-tabs-ac {
    width: 720px;
    top: 8px;
    left: 8px;
}

.ac_details_grid h3 {
    margin-bottom: 15px;
}

.ac_details_grid th {
    padding: 5px;
    width: 28px;
}

.ac_details_grid_scroll {
    height: 297px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
}

#scroll_down {
    background: url(/images/_icons/scroll-down.png) center no-repeat;
    border: 1px solid #d2d2d2;
    border-top: 0;
    height: 25px;
}

.ac_details_header_months {
    width: 205px;
}

.ac_details_header_months_last {
    width: 15px;
    padding: 0 !important;
}

.ac_grid_body td {
    padding: 5px;
}

.ac_details_grid_header {
    padding-left: 117px;
}

.ac_grid_months {
    width: 28px;
}


/*-- END: Accommodation Certificate Details --*/


/*-- START: Accommodation Certificate Vacation Exchange --*/

.ex_vacation {
    margin-bottom: 30px;
}

.ex_vacation h2 {
    color: #0077be;
    margin: 25px 0 10px 0;
}

.ex_vacation table {
    border: 1px solid #d2d2d2;
    color: #666;
    width: 100%;
    border-collapse: collapse;
}

.ex_table_destination {
    width: 215px;
}

.no_btm_bd span {
    font-weight: normal;
    font-size: 11px;
}

.no_btm_bd {
    border-bottom: none !important;
}

.no_tp_bd {
    border-top: none !important;
}

.no_bd {
    border: none !important;
}

.ex_table_adults {
    width: 100px;
}

.ex_table_month {
    width: 20px;
    padding: 5px !important;
    text-align: center;
}

.ex_ds_bd {
    border: 1px solid #d2d2d2;
    border-top: none;
}

.ex_vacation table th {
    text-align: left;
    background: #e3eaf4;
    padding: 10px;
    border-bottom: 1px solid #d2d2d2;
}

.ex_vacation table td {
    padding: 10px;
}

div#certificate-header {
    float: left;
}


/*-- END: Accommodation Certificate Vacation Exchange --*/


/* ================ START: Travel Insurance ================ */

#page_content_3col[class*='menu_interval_'] #column2.menu-travel-insurance {
    width: 498px;
    /*-- Overwrites Default Column2 Style --*/
}

.menu-travel-insurance .col-group {
    margin: 15px 0 30px 0;
}

.menu-travel-insurance .grid_item_content {
    text-align: left;
    font-size: 11px;
}

.menu-travel-insurance .grid_item_content small {
	display: block;     
	background: #18294B;     
	color: #fff;     
	text-transform: uppercase;     
	padding: 6px 0;     
	font-size: 11px;     
	text-align: center;     
	position: relative;     
	left: 1px;     
	top: -4px; 
}

.menu-travel-insurance .ut-common-height {
    min-height: 155px;
}

.menu-travel-insurance .rst-thumbnail-crop {
    height: 150px;
    border: 1px solid #d2d2d2;
    background-size: 100% Auto !important;
}

.menu_interval_member_benefits_insurance .menu-travel-insurance .rst-thumbnail-crop {
    height: 130px;
    /*-- For Benefits Page. Overwrites Travel Page Style --*/
}

.menu-travel-insurance h3 {
    margin: 5px 0 0 0;
    line-height: 18px;
}

.menu-travel-insurance ul {
    margin: 10px 0 0 0;
    /*-- Overwrites Framework Grid Style --*/
    float: none;
    /*-- Overwrites Framework Grid Style --*/
    width: 100%;
    /*-- Overwrites Framework Grid Style --*/
}

.menu-travel-insurance li {
    font-weight: bold;
    color: #666;
    line-height: 14px;
}

.menu-travel-insurance li span {
    font-weight: normal;
}

.menu-travel-insurance .rst-date {
    margin-bottom: 10px;
}

.menu-travel-insurance .rst-policy {
    margin-top: 11px;
    font-size: 11px;
    font-weight: bold;
    float: left;
}

.menu-travel-insurance a.button {
    float: left;
    /*-- Overwrites default Style --*/
    margin: 5px 0;
}

.menu-travel-insurance a.button_wide {
    float: left;
    /*-- Overwrites default Style --*/
    margin: 5px 0;
}

.menu-travel-insurance a.action_btn {
    float: left;
    /*-- Overwrites default Style --*/
    margin: 5px 0;
    float: left;
    padding: 7px 40px 7px 22px;
    font-size: 15px;
}

.menu-travel-insurance ul.ins-cost {
    text-align: right;
    letter-spacing: -.5px;
    margin-top: 7px;
    width: 83px;
    float: right;
}

.menu_interval_member_benefits_insurance .menu-travel-insurance ul.ins-cost {
    margin-top: 7px;
    /*-- For Benefits Page. Overwrites Travel Page Style --*/
}

.menu-travel-insurance .ins-cost li {
    font-weight: normal;
    font-size: 12px;
}

.menu-travel-insurance .ins-cost li small {
    font-size: 10px;
    color: #757575;
}

.menu_interval_member_benefits_insurance .menu-travel-insurance .ins-cost li {
    font-size: 10px;
    /*-- For Benefits Page. Overwrites Travel Page Style --*/
}

.menu_interval_member_benefits_insurance .menu-travel-insurance .ins-cost li small {
    font-size: 9px;
    /*-- For Benefits Page. Overwrites Travel Page Style --*/
}

.menu-travel-insurance img.icon {
    height: 25px;
    width: 25px;
    border: none;
    float: right;
    top: -5px;
    position: relative;
    cursor: pointer;
}

.menu-travel-insurance img.icon-bt {
    height: 18px;
    width: 18px;
    border: none;
    float: right;
    top: 10px;
    left: -34px;
    /*-- Applies to Benefit Page --*/
    position: relative;
    cursor: pointer;
}

#page_travel_2col .menu-travel-insurance img.icon-bt {
    left: -43px;
    /*-- Correction for difference between Travel & Benefit Page --*/
}

.menu-travel-insurance a {
    margin-top: 4px;
    display: block;
}

.mh-pencil-icon {
    position: relative;
    float: right;
    top: -10px;
}


/* ================ END: Travel Insurance ================ */


/* ================ START: Sidebar Unit Selected Box ================ */

.side_menu_content {
    background: #ffffff;
    border: 2px solid #0077be;
    padding: 10px;
}

.side_menu_content h3 {
    letter-spacing: -.1px;
}
#exchange_form_numof{
	padding-top: 0;     font-weight: normal;
	 }
.side_menu_content small p em {
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
}

.side_menu_box .frame {
    padding: 0;
}

.side_menu_box .frame_content h3 {
    padding: 5px;
}

.side_menu_box .side_menu_content .points {
    margin-top: 16px;
}
  
.side_menu_box .side_menu_content h3 {
    margin-top: 0;
}
  

/* ================ END: Sidebar Unit Selected Box ================ */


/* ================ START: Unit Size Upgrade Section ================ */

.unitSizeUpgradeFee {
    text-align: right;
    margin-bottom: 15px;
}

.unitSizeUpgradeFee .info_tip {
    background-position: 0 1px;
    padding-left: 20px;
    width: 90px;
    /* For ex-availabilitiesshowall-content.jsp bug */
}

.unitSizeUpgradeFee .info_tip:hover {
    background-position: 0 1px;
}

.unitSizeUpgradeFee .info_tip span {
    border-bottom: 0;
}

.unitSizeUpgardeFeeAmount {
    color: #0077be;
    font-size: 17px;
    margin-bottom: 15px;
}


/* ================ END: Unit Size Upgrade Section ================ */


/* ================ START: Hotel Exchange Reosrt Advisement (IW Page) ================ */

#advisements_content .table_frame,
#advisements_content #checkoutInfo {
    width: 900px;
    margin-bottom: 10px;
}

#advisements_content .exchange_booking .dest_info table {
    margin: 20px 0;
}

#advisements_content .exchange_booking .dest_info .exchange_booking_info_bg_ffretrade {
    height: auto;
    overflow: auto;
        width: 300px;
}

#advisements_content .exchange_booking .resort_title2 {
    overflow: auto;
    min-height: auto;
    margin-bottom: 15px;
}

#advisements_content .exchange_booking .dest_info td {
    padding: 0;
}

#advisements_content .exchange_booking .dest_info hr {
    margin: 15px 0;
}

#advisements_content .exchange_booking .relq_info {
    height: auto;
    color: #666;
}

#advisements_content .exchange_booking .relq_info img {
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    filter: grayscale(100%) opacity(70%);
}

#advisements_content .exchange_booking .relq_info .resort_details_icon {
    margin: 7px 10px 0 0;
}

#advisements_content .exchange_booking .relq_info .exchange_booking_info_dates {
    margin-bottom: 5px;
}

#advisements_content .dest_info_amenities p {
    margin-bottom: 0;
}

#advisements_content .dest_info_amenities p b {
    margin: 15px 0 5px 0;
    display: block;
}

#advisements_content .dest_info_amenities p br {
    display: none;
}

#advisements_content #acceptTermsDiv {
    margin-top: 25px;
}


/* ================ END: Hotel Exchange Reosrt Advisement (IW Page) ================ */


/*-- START: Master Lock-Off --*/

.master_or_lock_off .table_frame_body {
    padding-bottom: 10px;
}

.master_or_lock_off .my_resort_header_row {
    padding: 10px;
}

.master_or_lock_off .my_resort_header_row h5 {
    display: inline-table;
    vertical-align: top;
    margin-top: 0;
    font-size: 16px;
}

.master_or_lock_off .table_frame_body th,
.master_or_lock_off .table_frame_body td {
    padding: 0;
}

.master_or_lock_off .table_frame_body th {
    font-weight: bold;
}


/*-- END: Master Lock-Off --*/
.contentWrap_confirmations #hotel_cancellation_policy, .contentWrap_confirmations #hotel_terms_conditions {
    padding: 10px 15px;
    width: auto;
}

#hotel_cancellation_policy {
    padding: 10px 15px;
    width: 800px;
}

#hotel_cancellation_policy input {
    margin: 0 0 30px 30px;
}

#hotel_terms_conditions {
    padding: 10px 15px;
    width: 800px;
}


/*-- END: Master Lock-Off --*/

/*-- START: Resort Directory --*/
.contentWrap_availablePointsTool #cigPointsChartOverlay #headerId table,
.contentWrap_availablePointsTool #cigPointsChartOverlay #headerId table td {
    border-right: 0;
}

/*-- END: Resort Directory --*/

/*-- START: Star Option Cruise Exchange --*/
.star_option_body {
    overflow: auto;
    padding: 15px;
    border: 1px solid #d2d2d2;
    background: #f1f1f1;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
}
.star_option_clm1 {
    width: 75%;
    float: left;
}
.star_option_clm1 img {
    float: left;
    margin: 0 10px 0 0;
}
.star_option_clm1 h2 {
    color: #616161;
    font-weight: normal;
}
.star_option_clm2 {
    width: 25%;
    float: left;
    margin-top: 5px;
}

/*-- END: Star Option Cruise Exchange --*/

/*-- START: GDPR Cookie Policy Banner --*/
.cc-window.cc-banner {
    background: #3671b9 !important;
}
.GDPR-container {
    width: 950px;
    margin: auto;
    overflow: auto;
    position: relative;
    background: #3671b9;
}
.GDPR-container span {
    float: left;
    color: #fff;
    margin-right: 30px;
}
.GDPR-container span a {
    color: #fff !important;
}
.GDPR-container .cc-compliance {
    position: absolute;
    right: 0;
    top: 0;
}
.GDPR-container .cc-compliance a.cc-btn {
    background: #3671b9 !important;
    border: 0;
}
.GDPR-container .cc-compliance i {
    font-size: 17px;
    color: #fff;
}
.hex-disclaim-txt {
    margin-top: 100px;
    font-size: 11px;
    color: #757575;
    line-height: 14px;
    padding: 8px;
}

/*-- END: GDPR Cookie Policy Banner --*/

#page_exchange .gw_ex_ads_container .my-messages-container {
	    height: 65px;
}

#page_exchange .promos_extra {
	float: right;
	width: 470px;
}
.exchangeFormSearch h2{
	font-size:20px;
}
.exchangeFormSearch  .frame_content{
	background:none!important;
}
.exchangeFormSearch #exchange_search_boxes{
	padding:0;
	margin:0;
}
.exchangeFormSearch h3{
	margin: 20px 0 13px;
    color: #000;
}
.exchangeFormSearch #travelWindow {
    padding-left: 0px;
    margin-bottom: 12px;
    display: inline-block;
}

#ss-exchange_form .frame .frame_content{
	background: #fff;
}

.resort_header_row_2 { 
	-webkit-border-radius: 6px 6px 0 0; 
	-moz-border-radius: 6px 6px 0 0; 
	border-radius: 6px 6px 0 0; 
}
 
.table_frame_body { 
	-webkit-border-radius: 0 0 6px 6px; 
	-moz-border-radius: 0 0 6px 6px; 
	border-radius: 0 0 6px 6px; 
}

.side_menu_box { 
	padding: 6px;
}

#pendingRequestInfo input#travelersNext:hover { 
	background-color: #006AA7; 
}

#exchange_content_row #myBtn img {     
    width: 70px; 
}

#pendingRequestInfo input#travelersNext:hover {
	background-color: #006AA7; 
}


/* NOTE. exchange.css */

:root {
    --ll-blue: #0077be;
    --ll-dark-blue: #006AA7;
    --ll-navy-blue: #18294b;
    --ll-grey: #D2D2D2;
    --ll-borders: #D2D2D2;
    --ll-backgrounds: #f1f1f1;
}

.third-button, .ac-banner a {
    color: #fff !important;
    background: #0077be;
    border: 1px solid #0077be;
    padding: 4px 16px;
}

.third-button:hover {
    color: #fff !important;
    background: #006AA7;
    border: 1px solid #006AA7 !important;
}
    
.ac-banner {
    background: #f1f1f1;
    border-radius: 6px;
    padding: 20px;
    font-size: 15px;
    color: #18294B;
    text-align: center;
    overflow: auto;
}
 
.my_units_resort_header_row {
    background-color: var(--ll-backgrounds);
}
.table_frame, .table_frame_transaction_completed {
    border: 0px solid var(--ll-borders);
}

.unitContainer {
    border-bottom: 1px dashed var(--ll-borders);
}

.table_frame_body {
    border-bottom: 0px solid  var(--ll-borders);
}


.modify-search-wrapper.body-top {
    background-color: var(--ll-backgrounds);
}
.dest_info {
    background: white;
}
.dest_info .exchange_booking_info_bg_ffretrade {
    background: white;
    display: inline-block;
   
}


#page_exchange .pending_transaction .table_frame_left {
    border-right: 1px solid var(--ll-borders);
    border-left: 1px solid var(--ll-borders);
    border-bottom: 1px solid var(--ll-borders);
    padding: 20px;
    width: 280px;
    margin-top: 15px;
    background: white;
}
#page_exchange .pending_cart_items_completed .pending_transaction .table_frame_left {
    border-right: 0px solid var(--ll-borders);
    border-left: 0px solid var(--ll-borders);
    border-bottom: 0px solid var(--ll-borders);
    padding: 20px 20px 20px 0;
       width: 291px;
    margin-top: 15px;
    background: white;
    margin-right: 18px;
}
.pending_transaction .table_frame_type_holder {
    background: var(--ll-backgrounds);
}

.pending_transaction .table_frame_top {
    border: 0px solid  var(--ll-borders);
    border-bottom: 0px solid  var(--ll-borders);
}

.items_chart {
    border: 1px solid var(--ll-borders);
}
.box_bottom{
 border: 1px solid var(--ll-borders)!important;
 border-radius:8px!important;	
}
.show_dvc_deposit_points td{
	font-size:14px;
}
.hotel-search-form select:hover, .hotel-search-form input[type=text]:hover {
    border-color: var(--ll-blue);
}

.ac-sticky-header img {
    width: 16px;
}

.col-groupRegion label.hovered {
    color: #0077be;
    font-size: 12px;
    font-weight: normal;
}

.col-groupRegion label.selected {
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

#page_exchange #bedroomsBlock #slider .ui-slider-handle {
    height: 120px;
    width: 45px;
    top: -8px;
    z-index: 3;
    border: 0;
    background: url(/images/slider-handle-lt.png) no-repeat center !important;
    cursor: col-resize;
    border: 0 !important;
}

#page_exchange #bedroomsBlock #slider .ui-slider-handle:last-of-type {
    background: url(/images/slider-handle-rt.png) no-repeat center !important;
    cursor: col-resize;
    border: 0 !important;
}
.dest_info_amenities hr{
	border-color:#ffffff;
}

#cruise_form_browse_by_cruise_destinations > div.revelex_cruise_exchange_search_right{
	margin-right:-87px;
}

#column2content > div.pending-container > div > div.pending-description{
  padding-top:15px;
}
#column2content > div.pending-unit-summary > div > div:nth-child(3) > div.my-history-unit-size-no-fee{
  margin-top: 18px;
}

.relinquishment-area .relq_info {
  width: 400px;
  float: right;
  padding: 10px;
}

.relinquishment-area .relq_info em {
  padding: 0 !important;
  color: #666;
  margin: 0 !important;
}

.relinquishment-area .relq_info span {
  margin: 0 !important;
}

.relinquishment-area .relq_info_pts  {
  width: 100%;
}

.exchange_booking_unit_info h3 {
  margin-top: 0 !important;
}

.table_frame_left {
  margin-right: 20px !important;
}
  
#headerBalances > p > span:nth-child(2){
  color: #0077be !important;
}

.scroll-to-top-button {
  background: #18294b;

}

#exchange_form .frame .frame_content {
 margin-top: 8px !important;
}

#page_exchange .pending-container .continueBuffer #continueButton:hover {
   background:#006aa7;
}