@charset "UTF-8";

@import url(/css/iw/template.css);

@import url(/css/iw/global.css);

@import url(/css/iw/menus.css);

@import url(/css/iw/exchange.css);

@import url(/css/iw/color.css);

@import url(/iimedia/interwoven.css);

.mobileButton {
	float: right;
	line-height: 1.2em;
	margin: 9px 21px 12px 0;
	position: relative;
	text-align: right;
	visibility: visible;
	z-index: 11;
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
}

.mobileButton:hover,.mobileButton:link,.mobileButton:VISITED {
	color: #FFFFFF;
}

/*-- IW-5124 --*/
body {
	/*background: url("/images/iw/page_bg.gif") repeat-x scroll center top #dbeeff;*/
	background: url("/images/iw/page_bg.gif") repeat-x scroll center #fff;
	background-position: 0px 0px;
	position: relative;
	top: 0px;
}

.header_logo {
    display: block;
    height: 69px;
    width: 204px;
    float: left;
    padding: 60px 0 20px;
    background: url(/iimedia/images/iw-logo.png) no-repeat scroll 0 60px transparent;
    box-sizing: content-box;
    background-size: contain;
}

.header_logo_vip {
	display: block;
	height: 80px;
	width: 297px;
	float: left;
	padding: 60px 0 20px;
	background: url("/iimedia/images/iw-logo.png") no-repeat scroll 0 60px
		transparent;
	
}

.header_logo a {
	display: block;
	height: 100%;
}
/*-- IW-5124 --*/
body.os-wrapbody {
	background: url("/images/iw/page_bg.gif") repeat-x scroll center top
		#dbeeff !important;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}

.stepbystep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFCC66;
}

.IAClink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #757575999;
	padding-top: 5px;
}

.IAClink a:visited {
	color: #757575;
	text-decoration: none;
}

.IAClink a:link {
	color: #757575999;
	text-decoration: none;
}

.IAClink a:hover {
	color: #006699;
	text-decoration: none;
}

.IAClink a {
	margin-left: 10px;
}

.button2 {
	color: #FFFFFF;
	background-color: #0077be;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	
}

.button3 {
	color: #FF6600;
	background-color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}

.busyBar {
	background-color: #d2d2d2;
}

.busyBarCell {
	background-color: #FFFFFF;
	width: 22px;
	height: 20px;
	padding: 0px;
}

.busyBarDot {
	background-color: FFCC99;
	width: 18px;
	height: 16px;
	padding: 0px;
}

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

.cigChartYearLabel {
	display: block;
	text-align: center;
	color: #505050;
	font-size: 12px;
	font-weight: bold;
}

.cigChartYear {
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
}

/* TDI Chart Grouped Buttons */
.tdiChartYear {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

/* tool tip */
a.tooltip {
	position: relative;
	z-index: 24;
	text-decoration: none;
	left: -4px;
}

a.tooltip:link,a.tooltip:visited {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	padding-bottom: -2px;
}

a.tooltip:hover {
	z-index: 25;
	background-color: #FFFFFF;
}

a.tooltip span {
	display: none
}

a.tooltip:hover span { /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #333333;
	background-color: #FFFFCC;
	color: #000;
	font-style: normal;
	padding: 5px;
}

/********** New Header *******************************************************************/
#page_login #body {
	border-top: none;
	/*eliminates gap between header and body on the PRE login page*/
}

#header_messages {
	float: right;
	margin-right: 15px;
}

#header_logo_print {
	display: none;
}

#ask_box {
	background-color: #d2d2d2;
	height: 32px;
	position: absolute;
	top: -322px;
	left: -22px;
	width: 772px;
}

#ask_jeeves_area {
	position: relative;
	left: 540px;
	top: 5px;
	width: 200px;
}

/* Site Tools */
#site_tools {
	float: right;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	height: 42px;
}

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

#site_tools ul li {
	float: left;
	height: 44px;
	list-style-type: none;
	margin: -6px 0;
	padding: 0;
	line-height: .9em;
}

#site_tools a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0 -3px 0 3px;
	padding: 4px 0 5px;
	font-size: 9px;
	font-weight: normal;
}

#site_tools h5 {
	display: none;
}

#site_tools a img {
    margin-bottom: 3px;
    width: 18px;
}

#site_tools #headerMessageCount {
	padding-left: 3px;
}
 .my_message_plus{
                  height:20px; 
                  width:20px; float:right; 
                  background-image:url(/images/iw/alerts_expand.jpg)!important;
                  background-repeat: no-repeat;
              }
              .my_message_minus{
                  height:20px; 
                  width:20px; float:right; 
                  background-image:url(/images/iw/alerts_close.jpg);
                  background-repeat: no-repeat;
              }

/* END: Site Tools */

/* Main Nav */
#nav {
	background: transparent url("/images/iw/main_nav_bg.gif") repeat-x
		scroll 0 0;
	height: 40px;
	width: 960px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	float: left;
	list-style-type: none;
	margin-bottom: 0px;
}

#nav h5 {
	display: none;
}

#nav li a#tabgetaway {
	color: #0e4b90;
	text-decoration: none;
}

/*#nav li a {
    color:#2377a4;
    text-decoration:none;
    width:121px;
    height:22px;
    background-image:url(/images/tab_off.gif);
    background-repeat:no-repeat;
    margin:0px 5px 0px 0px;
    padding:5px 0px 0px 0px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    display:block;
    }
#nav li a:hover {
    color:#0077be;
}

#nav .current a {
    background-image:url(/images/tab_on.gif);
    color:#0077be;
    }*/
#nav ul li a {
	height: 40px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	padding: 0 6px;
	background-repeat: no-repeat;
	background-position: center top;
}

/* hide sub nav. Need to make tab selection work. */
#nav ul li ul {
	display: none;
}

#site_nav_alerts {
	width: 106px;
	background: url("/images/iw/utilities_left_bkg.jpg") no-repeat scroll
		left top transparent;
}

#site_nav_history {
	width: 95px;
	background: url("/images/iw/utilities_left_bkg.jpg") no-repeat scroll
		left top transparent;
}

#site_nav_my_account {
	width: 94px;
	background: url("/images/iw/utilities_left_bkg.jpg") no-repeat scroll
		left top transparent;
}

#site_nav_my_signout {
	width: 85px;
	background: url("/images/iw/utilities_signout_bkg.jpg") no-repeat scroll
		left top transparent;
}

/* END: Main Nav */

/********** END: New Header ********************************************************************/

/********** PRE LOGIN ********************************************************************/

/*********** Start: Slideshow *********/
#slideshow {
	position: relative;
	height: 293px !important;
	width: 940px !important;
	overflow: visible;
}

#slideshow li {
	position: absolute;
	width: 940px;
	height: 293px;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 1.0;
}

#slideshow li.active {
	width: 940px;
	height: 293px;
	z-index: 10;
	opacity: 1.0;
}

#slideshow li.last-active {
	width: 940px;
	height: 293px;
	z-index: 9;
}

#slideshow img {
	display: none;
	height: 293px;
	width: 940px;
}

.slider-wrapper .spinner_wrapper {
	left: 475px;
	margin-top: 0;
	position: absolute;
	top: 145px;
}

/*********** END: Slideshow *********/
#pre_login_nav {
	width: 205px;
	border: 1px solid #757575;
	background-color: #ecf8fd;
	margin-left: -2px;
	padding: 10px;
	position: relative;
	border-top: none;
}

#pre_login_nav li a {
	border-bottom: 1px dashed #023776;
	text-decoration: none;
}

.strong {
	font-weight: bold;
}

#footer_left {
	height: 120px;
	width: 730px;
	background: #f1f1f1;
	float: left;
}

#footer_right {
	height: 120px;
	width: 200px;
	margin-left: 10px;
	display: inline;
	float: left;
}

.hidden {
	margin-left: 0 !important;
	display: none !important;
}

#footer_IRD {     
	width: 140px;     
	margin-top: 10px;     
	margin-left: 16px;     
	float: left; 
	border-right: 1px solid #d2d2d2;
}

#IRD_link {     
	font-size: 22px;     
	font-weight: bold;     
	width: 90px;     
	line-height: 22px;     
	float: left;     
	text-align: left;     
	vertical-align: top;     
	margin-top: 7px;     
	padding-bottom: 5px;
    letter-spacing: .8px; 
}

#IRD_link a:link,#IRD_link a:visited {
	color: #003366;
	text-decoration: none;
}

#IRD_link a:hover,#IRD_link a:active {
	color: #007DC3;
	text-decoration: none;
}

#cover_thumb {     
	display: none; 
}

#rd_links {
	width: 525px;
	margin-left: 25px;
	margin-top: 17px;
	float: left;
}

#rd_links a {
	text-decoration: none;
}

#rd_links a:hover {
	text-decoration: underline;
}

#rd_links ul {
	float: left;
	width: 120px;
	margin-right: 11px;
	font-size: 11px;
	list-style: none;
}

#rd_links ul li {
	margin-bottom: 10px;
}

#mobile_app_link_hp {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	float: left;
	clear: both;
	width: 170px;
	margin-top: 2px;
}

#rd_h3 {
	margin: 0px 0px 0px 8px;
}

a#rd_label {
	height: 33px;
	width: 280px;
	overflow: hidden;
	display: block;
}

a#rd_label:hover { /*background-position: -280 0;*/
	text-indent: -280px;
}

/********** END: PRE LOGIN ********************************************************************/
table#locations tr td { /* for the shortstay search */
	font-size: 10px !important;
	font-family: Arial, Helvetica, sans-serif;
}

h1#exchange_form_header {
	margin-bottom: 0px;
}

/********** BEGIN: Push Buttons ********************************************************************/


#deals_page .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    width:auto !important;
}

#deals_page .ui-tabs .ui-tabs-panel {
    background:#ffffff !important;
}

#deals_page .ui-state-active, #ui-datepicker-div .ui-state-active {
	border: none !important;
	background: #18294b !important;
	color: #fff !important;
}

#deals_page .ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-state-hover
	{
	color: #0077BE !important;
}

/********** END: Push Buttons ********************************************************************/

/********** BEGIN: 101 Pre-login ********************************************************************/
#p101_hero_img {
	width: 940px;
	height: 300px;
	margin: 0px;
	border: none;
	display: block;
}

#p101_1col_container {
	width: 950px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#p101_1col_content {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
}

#p101_1col_container p {
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
}

#p101_1col_container h2 {
	margin-left: 25px;
	margin-right: 25px;
}

#p101_1col2_block {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	display: 
}

#p101_1col2_txt {
	width: 490px;
	margin-right: 30px;
	margin-left: 0px;
	margin-top: 10px;
	float: left;
	display: inline;
}

#p101_1col2_img {
	border: none;
}

#p101_1col2_img a {
	width: 379px;
	height: 193px;
	float: left;
	display: inline;
}

#p101_1col2_img a:link,#p101_1col2_img a:visited {
	border: #FFFFFF 3px solid;
}

#p101_1col2_img a:hover,#p101_1col2_img a:active {
	border: #007DC5 3px solid;
}

#p101_3col_container_940 {
	width: 940px;
	margin-top: 30px;
	margin-bottom: 35px;
	text-align: center;
	clear: both;
}

#p101_3col_block {
	width: 290px;     
	height: 330px;     
	margin-right: 10px;     
	margin-left: 10px;     
	display: inline-table;     
	text-align: left;
}

#p101_3col_img {
	width: 289px;
	height: 147px;
	float: left;
	margin-bottom: 15px;
	border: none;
}

#p101_3col_img a {
	width: 289px;
	height: 147px;
	display: block;
}

#p101_3col_img a:link,#p101_3col_img a:visited {
	border: #FFFFFF 3px solid;
}

#p101_3col_img a:hover,#p101_3col_img a:active {
	border: #0077be 3px solid;
}

#p101_3col_block h2 {
	margin-left: 10px;     
	margin-right: 10px;
}

#p101_3col_block p {
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

#p101_3col_block li {
	list-style: inside;
	list-style-position: inside;
	list-style-type: disc;
	color: #0077be;
	margin-left: 20px;
	margin-right: 15px;
	margin-bottom: 8px;
}

#p101_3col_vid .related_videos_sidebar_row {
	padding: 0px;
	border-top: none;
	overflow: hidden;
}

#p101_3col_vid .video_thumbnail_grey {
	width: 940px;
	height: 300px;
}

#p101_3col_vid .video_thumbnail_play_hover {
	background: url("/images/iw/btn_play_150.png") no-repeat scroll center
		center transparent;
	width: 940px;
	height: 300px;
	position: absolute;
}

#p101_2col_left {
	width: 610px;
	margin: 0;
	float: left;
}

#p101_2col_left .related_videos_sidebar_row {
	padding: 0px;
	border-top: none;
	overflow: hidden;
}

#p101_2col_left .video_thumbnail_grey {
	width: 610px;
	height: 230px;
}

#p101_2col_left .video_thumbnail_play_hover {
	background: url("/images/iw/btn_play_120.png") no-repeat scroll center
		center transparent;
	width: 610px;
	height: 230px;
	position: absolute;
}

#p101_2col_hero {
	width: 610px;
	height: 230px;
	margin: 0px;
	border: none;
}

#p101_2col_left h2 {
	margin-top: 25px;
	margin-left: 20px;
}

#p101_2col_left p {
	width: 95%;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

#p101_2col_right {
	width: 290px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	display: inline;
	float: right;
	border-left: #e6ecf0 1px solid;
}

#p101_2col_right_block {
	margin-bottom: 30px;
	display: block;
}

#p101_2col_right_block img {
	border: none;
}

#p101_2col_right h4 {
	padding: 8px 14px;     
	color: #fff;     
	background-color: #0077be;
	margin-bottom: 0;
}

#p101_2col_img {
	width: 289px;
	height: 147px;
	margin-bottom: 10px;
	border: none;
}

#p101_2col_right_vid {
	width: 289px;
	height: 147px;
}

#p101_2col_img a,#p101_2col_right_vid a {
	border: none;
}

#p101_vid_cap {
	font: Arial 12px #666666;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
}

#p101_2col_right_block .related_videos_sidebar_row {
	padding: 0px;
	border-top: none;
	overflow: hidden;
}

#p101_2col_right_block .video_thumbnail_grey {
	width: 289px;
	height: 147px;
}

#p101_2col_right_block .video_thumbnail_play_hover {
	background: url("/images/iw/btn_play_100.png") no-repeat scroll center
		center transparent;
	width: 289px;
	height: 147px;
	position: absolute;
}

#p101_vid_title {
	float: left;
	display: inline;
}

#p101_vid_time {
	float: right;
	display: inline;
	color: #757575999;
	font-style: normal;
	text-align: right;
	width: 35px;
}

.line_liteblue {
	width: 910px;
	color: #e6ecf0;
	background-color: #e6ecf0;
	height: 1px;
	border: 0;
}

#p101_1col_container ul,#p101_1col_content ul,#p101_1col2_block ul,#p101_1col2_txt ul,#p101_3col_block ul,#p101_2col_left ul,#p101_2col_right ul,#p101_2col_right_block ul
	{
	list-style: inside;
	margin-left: 25px;
}

#p101_1col_container_940 {
	width: 850px;
	margin-left: 10px;
	margin-top: 10px;
}

#p101_1col_block {
	margin-bottom: 20px;
	display: inline-block;
}

#p101_1col_img {
	float: left;
	padding-right: 10px;
}

#p101_bc {
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
}

#p101_bc .p101_bc_arrow_sm {
	margin-left: 10px;
	margin-right: 8px;
	height: 10px;
	width: 4px;
}

#p101_bc a:link,#p101_bc a:visited {
	color: #0077be;
	text-decoration: none;
}

#p101_bc a:hover,#p101_bc a:active {
	color: #0077be;
}

.p101_bc_current {
	color: #0077be;
}

/********** END: 101 Pre-login ********************************************************************/

/********** BEGIN: Deposit Interruption *******************************************************/
.deposit_holder {
	width: 100%;
	display: block;
}

.deposit_container {
	display: block;
	text-align: center;
	padding: 10px 0;
	border-bottom: #E6E3DC solid 1px;
	-webkit-box-shadow: 0 6px 4px -2px #f9f9fc;
	-moz-box-shadow: 0 6px 4px -2px #f9f9fc;
	box-shadow: 0 6px 4px -2px #f9f9fc;
	background: #ffffff;
}

.deposit_hold_all {
	display: none;
	background-color: #ffffff;
	width: 960px;
	margin: auto;
	overflow: hidden;
}

#slideDepositInterruption {
	display: block;
	margin: 0 auto;
	background: url(/images/_icons/double-down-sm.png) no-repeat right
		center #757575;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding: 5px 10px 5px 7px;
	width: 90px;
	text-align: left;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

a.tablink:link {
	color: #ffffff;
}

a.tablink:visited {
	color: #ffffff;
}

a.tablink:hover {
	color: #ffffff;
}

a.tablink:focus {
	color: #ffffff;
}

a.tablink:active {
	color: #ffffff;
}

.deposit_interuption_headline_holder {
	display: block;
	width: 100%;
	padding-bottom: 12px;
}

.deposit_interuption_headline {
	font-size: 18px;
	line-height: 23px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 78%;
	vertical-align: top;
	text-align: center;
	padding-left: 10%;
}

.myunits_interuption h3 {
	color: #0077be;
	font-family: Arial, sans-serif;
	font-size: 18px;
}

.myunits_interuption h4 {
	color: #4a4a4a;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

.orange {
	color: #0077be;
}

.close_interuption {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 10%;
	text-align: right;
	vertical-align: bottom;
	height:30px;
	margin-top:20px;
	margin-top:32px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .close_interuption { margin-top:32px; } }

#closeDepositInterruption {
	background: url(/images/_icons/ico-delete-lg.png) no-repeat right center;
	padding: 30px 30px 0 0;
}

#closeDepositInterruption:hover {
	background: url(/images/_icons/ico-delete-lg.png) no-repeat right center;
	cursor: pointer;
}

.view_all_units {
	float: right;
	padding-right: 10px;
	font-weight: bold;
}

.deposit_interuption_all_resorts {
	display: block;
	width: 100%;
}

.deposit_interuption_resort {
	display: inline-block;
	padding: 0 25px;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 177px;
}

.deposit_interuption_resort {
	display: inline-block;
	padding: 0 25px;
	zoom: 1;
	*display: inline;
	width: 177px;
}

.deposit_destinations {
	display: block;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	padding-top: 10px;
	margin-top: 10px;
	text-align: center;
}

.deposit_destinations_title {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #757575999;
}

.deposit_destinations_display {
	display: block;
	width: 100%;
	text-align: center;
}

.deposit_destinations_display h3 {
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}

.deposit_destination_ind {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 125px;
}

.img_circle {
	width: 74px;
	height: 74px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #d2d2d2;
	padding: 3px;
}

.text_deposit {
	display: block;
	width: 100%;
}

.thumbnail_deposit img {
	width: 175px;
	height: 100px;
	border-radius: 8px;
}

.deposit_information {
	width: 100%;
	display: block;
}

.deposit_interuption_resort h4 {
	margin: 8px 0 8px 0;
	font-size: 14px;
	color: #18294B;
}

.deposit_interuption_resort_code {
	padding-left: 5px;
	margin: 0 0 8px 0;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #18294b;
	border-radius: 4px;
	width: 40%;
	vertical-align: middle;
}

.deposit_interuption_resort_code img {
	width: 20px !important;
	display: inline !important;
	vertical-align: -33%;
}

.deposit_interuption_resort h6 {
	margin: 0 0 3px 0;
	font-weight: normal;
	color: inherit;
}

.deposit_interuption_resort h2 {
	color: #00b2dd;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.deposit_subhead_span {
	background-color: #fff;
	padding: 0 5px;
}

.deposit_subhead {
	height: 1px;
	background-color: #949494;
	width: 100%;
	text-align: center;
	display: block;
	margin: 20px 0 15px 0;
}

.deposit_subhead_section {
	color: #757575;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 3px;
	margin: auto;
}

.deposit_buttons {
	width: 100%;
	text-align: center;
	display: block;
	margin: 10px 0 20px 0;
}

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

a.action_btn {
	//color: #0077be;
	background: #fff;
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#fdfeff', endColorstr =   '#e0eefd', GradientType =   0 );
	padding: 3px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	border: #0077be 1px solid;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

a.action_btn:hover {
	color: #ffffff;
	background: #0077be;
	border: #0077be 1px solid;
  	text-decoration: none !important;
}

/********** END Deposit Interruption *******************************************************/


/* -- START: Resort Information -- */ 

#page_exchange .pending_transaction .table_frame_left {
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 20px;
	width: 280px;
	margin-top: 15px;
	background: url(/images/grey_fade_bg.gif) repeat-x bottom;
}

#page_exchange .pending_transaction .table_frame_left h3 {
	margin: 0px 0px 15px 3px !important;
}

#page_exchange .pending_transaction .table_frame_left hr {
	margin: 15px 0px;
}

#page_exchange .pending_transaction .table_frame_right {
	margin-top: 30px;
}

#page_exchange .pending_transaction .table_frame_right img {
	-webkit-filter: grayscale(100%) opacity(70%); /* Chrome, Safari, Opera */
	filter: grayscale(100%)opacity(60%);
}

#page_exchange .pending_transaction .table_frame_right .icon_tradeout_capacity span#total {
	 color: #757575; 
}

/* -- END: Resort Information -- */


/********** BEGIN: Pending Transaction Completed *******************************************************/
.pending_transaction .table_frame_top {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	margin-bottom: 15px;
	padding: 20px 20px 10px 25px;
	border: 1px solid #d2d2d2;
	border-bottom: 8px solid #d2d2d2;
}

.pending_transaction .table_frame {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	margin-bottom: 15px;
	width: 698px;
}

.pending_transaction .table_frame_completed {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	margin-bottom: 15px;
	width: 645px;
}

.pending_transaction .tc-eplus-promo-spot .table_frame_completed {
	width: 615px;
}

.pending_transaction .table_frame_completed_bottom {
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	width: 630px;
}

.pending_transaction .table_frame_right_completed {
	    display: inline-block;
    width: 350px;
    vertical-align: top;
    zoom: 1;
    margin-right: 100px;
}

.pending_transaction .table_frame_body {
	border-bottom: none !important;
}

.pending_transaction .table_frame_body .buffer {
	padding-bottom: 5px;
}

.pending_transaction .table_frame_double_holder {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

.pending_transaction .table_frame_left {
  display: inline-block;
  width: 330px;
  vertical-align: top;
  zoom: 1;
  margin-right: 100px;
  line-height: 20px;
}

.pending_transaction .requested_resorts {
	display: block;
	width: 280px;
	height: 310px;
	margin-top: 15px;
	overflow-y: auto;
	overflow-x: hidden;
}

.pending_transaction .requested_resorts_buffer {
	display: block;
	width: 330px;
	padding: 0 5px;
}

.pending_transaction .date_range_holder {
	display: block;
	width: 100%;
	background: #f1f1f1;
}

.pending_transaction .date_range {
	display: block;
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

.pending_transaction .requested_resorts_listing {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-bottom: #d2d2d2 solid 1px;
}

.thumbnail_crop_70 {
	display: inline-block;
	width: 70px;
	height: 41px;
	border: 1px solid #d2d2d2;
	background-size: 100% Auto !important;
	/*Inline Style Needed: <div class="thumbnail_crop" style="background: url(image.jpg) center center no-repeat;"/>*/
	vertical-align: top;
	margin-top: 2px;
	zoom: 1;
	*display: inline;
}

.resort_listing_text {
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
	width: 170px;
	zoom: 1;
	*display: inline;
}

.pending_transaction h3 {
	margin: 0 0 2px 0;
}

.resort_listing_text h5 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0 0;
}

.resort_listing_text small {
  font-size: 10px;
  font-weight: normal;
}

.pending_transaction .resort_code_holder {
	margin-top: 2px;
	display: block;
}

.pending_transaction .resort_code {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  zoom: 1;
  display: inline;
}

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

.pending_transaction .table_frame_right {
	display: inline-block;
	width: 260px;
	vertical-align: top;
	padding-left: 0;
    margin-left: -20px;
	zoom: 1;
	
}

.pending_transaction .resort_title2 address {
	padding: 3px 0;
	font-weight: normal;
}

.pending_transaction .table_frame_left h3 {
	margin: 5px !important;
	font-size: 17px;
	font-weight: 600;
}

.pending_transaction .table_frame_left table {
	margin-top: 20px;
}

.pending_transaction .table_frame_left td {
	padding: 0px 5px 0px 0px;
}

.pending_transaction .table_frame_right h3,.pending_transaction .table_frame_right_completed h3 {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
}

.pending_transaction .table_frame_right h4,.pending_transaction .table_frame_right_completed h4 {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 600;
}

.pending_transaction .table_frame_right address {
	color: #505050;
	font-weight: normal !important;
}

.pending_transaction .resort_details_icon {
	padding: 5px 8px 3px 8px;
    margin-bottom: 20px;
}

.pending_transaction .exchange_booking_info_dates {
	display: block;
	width: 100%;
	padding-bottom: 5px;
}

.pending_transaction .exchange_request_criteria {
	display: block;
	width: 100%;
	border-top: #d2d2d2 solid 1px;
	padding: 20px 0 20px 0;
	margin-top: 20px;
	font-size: 11px;
}

.pending_transaction .exchange_request_criteria_row {
	display: block;
	width: 100%;
	padding: 0 0 2px 0;
}

.pending_transaction .exchange_request_criteria_name {
	color: #000000;
}

.pending_transaction .exchange_request_criteria h3 {
	text-transform: none;
}

.pending-confirmation-continue {
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: right;
}

.pending-confirmation-completed-continue {
	width: 100%;
	text-align: right;
    margin: 10px 0 30px;
}

.pending-confirmation-completed-continue .button {
	float: none !important;
}

.pending-confirmation-continue .button {
	float: none !important;
}

form#checkoutInfo .cont_btn {
	margin-top: 10px;
}

.pending_transaction .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;
}

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

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

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

.pending_transaction .table_frame_type_holder {
	display: block;
	width: 100%;
	background: #f1f1f1;
	text-align: justify;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	/* IE special */
	width: 100%;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
}

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

.pending_transaction .table_frame_type_left {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 5px 10px;
	zoom: 1;
	*display: inline;
}

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

.pending_transaction .table_frame_item_holder {
	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;
}

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

.pending_transaction .table_frame_item_left {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	zoom: 1;
	*display: inline;
}

.pending_transaction .table_frame_item_right {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	zoom: 1;
	*display: inline;
	font-weight: bold;
}

.pending_transaction .table_frame_total_holder {
	display: block;
	width: 100%;
	padding: 20px 0 0 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;
}

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

.pending_transaction .table_frame_total_left {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	zoom: 1;
	*display: inline;
}

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

.pending_transaction .policy_information {
	display: block;
	padding: 10px;
	font-size: 11px;
	color: #757575;
	font-weight: bold;
}

.pending_transaction .table_frame .table_frame_body .buffer div a#show_hide_tax {
	color: #0088be;
	cursor: pointer;
}

.dvc-pointTool .hasDatepicker {
    background-image: url(/images/calendar_active.png);
    background-position: 96.5% center;
    background-repeat: no-repeat;
    padding: 7px 0 7px 5px !important;
    -webkit-appearance: none;
    cursor: pointer;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

/********** END: Pending Transaction Completed  *******************************************************/

/********** BEGIN: Social Media on Homepage *******************************************************/
#social_media_links {
	height: 80px;
	width: 940px;
}

#social_media_links .social_media_icons {
	height: 38px;
	width: 38px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 30px;
	float: left;
}

#social_media_links .social_media_line {
	float: left;
	width: 312px;
	height: 38px;
	margin-top: 30px;
}

/********** END: Social Media on Homepage *******************************************************/

.close-map {
	display:block;
		margin:0 auto;
		background:url(/images/_icons/double-up.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;
}


/********** START TOKEN INPUT *********************/

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
	overflow: hidden;
	height: auto !important;
	height: 1%;
	width: 400px;
	border: 1px solid #8496ba;
	cursor: text;
	font-size: 12px;
	font-family: Verdana;
	min-height: 1px;
	z-index: 999;
	margin: 0;
	padding: 0;
	background-color: #fff;
	list-style-type: none;
	clear: left;
}

ul.token-input-list-facebook li input {
	border: 0;
	width: 100px;
	padding: 3px 8px;
	background-color: white;
	margin: 2px 0;
	-webkit-appearance: caret;
}

li.token-input-token-facebook {
	overflow: hidden;
	height: auto !important;
	height: 15px;
	margin: 3px;
	padding: 1px 3px;
	background-color: #eff2f7;
	color: #000;
	cursor: default;
	border: 1px solid #ccd5e4;
	font-size: 11px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	white-space: nowrap;
}

li.token-input-token-facebook p {
	display: inline;
	padding: 0;
	margin: 0;
}

li.token-input-token-facebook span {
	color: #a6b3cf;
	margin-left: 5px;
	font-weight: bold;
	cursor: pointer;
}

li.token-input-selected-token-facebook {
	background-color: #5670a6;
	border: 1px solid #3b5998;
	color: #fff;
}

li.token-input-input-token-facebook {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.token-input-dropdown-facebook {
	position: absolute;
	width: 400px;
	background-color: #fff;
	overflow: hidden;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	cursor: default;
	font-size: 11px;
	font-family: Verdana;
	z-index: 1;
}

div.token-input-dropdown-facebook p {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	color: #777;
}

div.token-input-dropdown-facebook ul {
	margin: 0;
	padding: 0;
}

div.token-input-dropdown-facebook ul li {
	background-color: #fff;
	padding: 3px;
	margin: 0;
	list-style-type: none;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook
	{
	background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook
	{
	background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {
	font-weight: bold;
	font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook
	{
	background-color: #3b5998;
	color: #fff;
}

#addcard_d select {
	height: 22px;
}

/********** BEGIN: Email Preferences Interruption *******************************************************/

.prelogin_holder {
    width:700px;
    display:block;
    margin:0 auto;
}

#emailPreferencesPopup {
	background-color: #fff;
	webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.33) !important;
	-moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.33) !important;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.33) !important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 10001 !important;
}

.emailPreferences_title {
    display:block;
    text-align:center;
    width:100%;
    padding-bottom:5px;
}

.emailPreferences_title h1 {
    font-size:21px;
    font-weight:bold;
    margin:0 0 7px 0;
}

.emailPreferences_content {
    display:block;
    width:100%;
    padding: 5px;
}

.emailPreferences_subhead {
    font-size:16px;
    color:#000000;
    padding-bottom:10px;
}

.emailPreferences_checks {
    display:block;
    width:100%;
    background:#dbeeff;
    text-align:center;
}

.emailPreferences_checks_inside {
    display:inline-block;
    padding:15px 15px 0 15px;
    text-align:left;
    
    zoom:1;
    *display:inline;
}

.emailPreferences_checks_inside ul {
    margin:0;
    padding:0 0 5px 0;
}

.emailPreferences_checks_inside li {
    list-style-type: none;
    margin:0 0 10px 0;
    padding:0;
}

.emailPreferences_cta {
    display:block;
    text-align:center;
    width:100%;
    padding:20px 0 0 0;
}

.emailPreferences_cta .link {
    font-size:12px;
}

.emailPreferences_interruption_container {
	width: 450px;
	height: auto;
	background-color: #fff;
	color: #757575;
	font-size:13px;
}

.emailPreferences_info {
	background-color: #fcf8e3;
	border:#faebcc 1px solid;
	padding: 10px 0;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
	color: #8a6d3b;
	font-size:13px;
	text-align: center;
	font-weight:bold;
}

.button_confirm {
	font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    padding:5px 15px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    cursor:pointer;
    float:none;
    
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #0077be;
    
    background: #fdb813; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdb813 0%, #0077be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb813), color-stop(100%,#0077be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdb813 0%,#0077be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdb813 0%,#0077be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdb813 0%,#0077be 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdb813 0%,#0077be 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb813', endColorstr='#0077be',GradientType=0 ); /* IE6-8 */
   -webkit-appearance: none;
}

.button_confirm:hover {
    background: #ff6e05;
    border-color: #ff6e05;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( enabled=false );
    -webkit-appearance: none;
}

.myprofilePending {
    border:#d2d2d2 1px solid;
    background:#ffffff;
    padding: 10px 10px 0px;
    line-height: 18px;
}

.editprofilePending {
    line-height: 18px;
}

.myprofilePendingAlert {
    font-weight:bold;
    color:#0077be;
}

/********** END: Email Preferences Interruption   *******************************************************/

/*---------------------- START: Modify Guest Certificate Buttons----------------------*/

input.gc-back {
	float: left;
	text-shadow: none;
	box-shadow: none;
	background: none;
	Border: none;
	font-size: 14px;
	color: #0077BE !important;
	font-weight: normal;
}

input.gc-back:hover {
	text-shadow: none;
	box-shadow: none;
	background: none;
	Border: none;
	text-decoration: underline !important;;
}

input.gc-delete {
	color: #004a76 !important;
	background: #fdfeff;
	background: -moz-linear-gradient(top, #fdfeff 0%, #e0eefd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfeff),
		color-stop(100%, #e0eefd) );
	background: -webkit-linear-gradient(top, #fdfeff 0%, #e0eefd 100%);
	background: -o-linear-gradient(top, #fdfeff 0%, #e0eefd 100%);
	background: -ms-linear-gradient(top, #fdfeff 0%, #e0eefd 100%);
	background: linear-gradient(to bottom, #fdfeff 0%, #e0eefd 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#fdfeff', endColorstr =   '#e0eefd', GradientType =   0 );
		-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 13px;
	border: #8cb8cf 1px solid;
	cursor: pointer;
	padding: 8px 15px !important;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	margin: 0px 10px;
}


input.gc-delete:hover {
	color: #ffffff !important;
	background: #f46b0f;
	background: -moz-linear-gradient(top, #fbbf3a 0%, #f46b0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbbf3a),
		color-stop(100%, #f46b0f) );
	background: -webkit-linear-gradient(top, #fbbf3a 0%, #f46b0f 100%);
	background: -o-linear-gradient(top, #fbbf3a 0%, #f46b0f 100%);
	background: -ms-linear-gradient(top, #fbbf3a 0%, #f46b0f 100%);
	background: linear-gradient(to bottom, #fbbf3a 0%, #f46b0f 100%);
	filter: progid :   DXImageTransform.Microsoft.gradient (    
		startColorstr = 
		 '#fbbf3a', endColorstr =   '#f46b0f', GradientType =   0 );
	border: #bb906c 1px solid;
}

/*--------------------- END: Modify Guest Certificate Buttons----------------------*/

/* Club Lacosta Styles */

.club_lacosta {
	float: left;
	margin-top: 60px;
	margin-left: 30px;
	width: 240px;
	height: 70px;
	background: url(/iimedia/images/club_lacosta.png) no-repeat;
}

/* El Cid Styles */
.el_cid_logo {
	float: left;
	margin-top: 60px;
	margin-left: 30px;
	width: 240px;
	height: 70px;
	background: url(/iimedia/images/logo-el-cid.png) no-repeat;
}

#mobile_app_link_hp img {
	display: none; 
}

#deals_page .ui-state-default, #ui-datepicker-div .ui-state-default {
	background: none !important;     
  	border:0 !important;
	color: #0077be !important;
	text-align:center;
	
}

#deals_page .ui-state-hover, #ui-datepicker-div .ui-state-hover {
	background: #0077be !important;    
  	border:0 !important;
	color: #fff !important;
	text-align:center;
	
}

#deals_page .ui-state-active, #ui-datepicker-div .ui-state-active {
	border: none !important;
	background: #0077be !important;
	color: #fff !important;
	text-align:center;
}

#p101_2col_right h4 a {
	color: #fff; 
}

#ui-datepicker-div .ui-state-hover {
	background: #0077be  !important;    
} 


#ui-datepicker-div .ui-datepicker-next-hover {
	background: unset !important;  
	background-image: url("/images/upload/refresh-arrow-next-rollover.png")  !important; 
  	border:0 !important;
	width:12px;
	height:12px;
	right:6px;
	top:7px;
}

#ui-datepicker-div .ui-datepicker-prev-hover {
	background: unset !important;  
	background-image: url("/images/upload/refresh-arrow-prev-rollover.png")  !important; 
  	border:0 !important;
	width:12px;
	height:12px;
	left:7px;
	top:7px;
}

.ui-datepicker-header{     
  background: #18294B;
  color: #fff !important;
}

.pending input[type=submit]:hover {     
  background: #006aa7 !important;
  color: #fff;
}