/****************************************************************************
* Multiple Pages                                                            *
****************************************************************************/
.login-area-highlighted,
.login-area-highlighted-paragraph
{
	background: #cbecb0;
	border: 1px solid #c4e5b0;
	border-radius: 10px;
	padding: 10px;
}

.login-area-highlighted
{
	padding-bottom: 0;
}

.login-area-highlighted > .offer
{
	text-align: right;
}

.login-area-highlighted > .offer > strong
{
	float: left;
	text-align: left;
}

.login-area-error-paragraph
{
	background: #ecb0b0;
	border: 1px solid #e5b1b1;
	border-radius: 10px;
	padding: 10px;
}

.login-area-popup
{
	background: white;
	color: black;
	border: 3px solid black;
	border-radius: 10px;
	padding: 10px;
	display: none;
	overflow: hidden;
}

.login-area-popup-title
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.login-area-table
{
	border-collapse: collapse;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 10px;
	overflow: hidden;
	margin: 1em auto;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.login-area-table th
{
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	font-weight: bold;
	text-align: center;
}

.login-area-table td
{
	padding: 0px 5px;
}

.login-area-earn-points-table .highlight
{
	color: #3d9c00
}

.bulleted-list,
#spend-points-popup ul
{
	list-style: disc;
}

.bulleted-list li,
#spend-points-popup li
{
	margin-left: 20px;
	margin-bottom: 10px;
}

/****************************************************************************
* Login Page                                                                *
****************************************************************************/

#login-page h1:first-child
{
	display: none;
}

#login-image-container
{
	display: table;
	width: 100%;
}

#login-image-container > div
{
	display: table-cell;
}

.login-image
{
	background: #2a7784 no-repeat center/100%;
	background-size: cover;
}

#login-image-left
{
	border-radius: 10px 0 0 10px;
	background-image: url('/assets/images/18-45-Maldives%20Beach.jpg-BasicCrop-size-500x500.jpg');
}

#login-image-right
{
	border-radius: 0 10px 10px 0;
	background-image: url('/assets/images/18-44-anse.jpg-BasicCrop-size-500x500.jpg');
}

#login-container
{
	margin: auto;
	padding: 0 10px;
}

@media (min-width: 768px)
{
	#login-container
	{
		width: 40%;
	}
}

#login-container .ff-hint-container,
#login-container .ff-label-container
{
	display: none;
}

#login-container input
{
	padding: 3px 11px;
}

#login-container .ff-element
{
	max-width: 300px;
	margin: auto;
}

#login-container .FFEmail,
#login-container .FFPassword
{
	background: #2a7784;
	background-repeat: no-repeat;
	background-position: top 8px left 8px;
	padding-left: 34px;
	margin-top: 10px;
	position: relative;
}

#login-container .FFEmail:after,
#login-container .FFPassword:after
{
	content: '';
	position: absolute;
	top: 13px;
	left: 35px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-left-color: #2a7784;
	border-width: 4px 0 4px 5px;
}

#login-container .FFEmail
{
	background-image: url('/assets/holidaysplease-2012/images/user.png');
}

#login-container .FFPassword
{
	background-image: url('/assets/holidaysplease-2012/images/padlock.png');
}

#login-container .FFError
{
	background: none;
	color: red;
	font-weight: bold;
	padding-left: 4px;
	font-size: 12px;
}

#login-container .panel
{
	margin: 0;
}

#login-container .panel,
#login-container .panel-heading
{
	border-color: #2a7784;
	border-radius: 0;
}

#login-container .panel-body
{
	text-align: center;
}

#login-container .panel-heading,
#login-container input[type="submit"]
{
	color: white;
	background: #2a7784;
	width: 100%;
}

#login-container input
{
	border-color: #2a7784;
	border-radius: 0;
	height: 34px;
	width: 100%;
}

#login-container input[type="submit"]
{
	border: none;
	border-radius: 6px;
	margin-top: 10px;
	outline: none;
}

#login-container input[type="submit"]:hover
{
	background: #215f69;
}

.login-area .panel-heading
{
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 12px;
	padding: 8px 10px;
}

.login-nav
{
	text-align: center;
	margin-top: 10px;
}

.login-nav a
{
	text-decoration: none;
	color: #2a7784;
	font-weight: normal;
}

.login-nav:hover
{
	color: #215f69;
}

.login-area-activate p
{
	font-size: 20px;
}

#auto-login-form
{
	text-align: center;
}

#activate_form
{
	display: inline-block;
	padding: 10px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
}

#auto-login-form #activate th
{
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

#activate_form label
{
	font-size: 20px;
	font-weight: normal;
}

#activate_save
{
	padding: 15px;
	margin-top: 20px;
}

#activate_form .ff-element,
#activate_form .ff-label-container,
#activate_form .ff-input-container
{
	float: left;
}

#activate_password_plain_input
{
	margin: 30px 20px 0px 20px;
}

#activate_form .ff-hint
{
	font-style: normal;
	font-size: inherit;
}

/****************************************************************************
* Activated Page                                                            *
****************************************************************************/
.login-area-activated p
{
	font-size: 20px;
	margin-bottom: 20px;
}

/****************************************************************************
* Questionnaire page                                                        *
****************************************************************************/

.questionnaire-all-sections #holiday_preferences_continue
{
	clear: both;
}

.questionnaire-section
{
	padding: 10px;
	overflow: hidden;
}

.section-first-row .questionnaire-section
{
	border-top: none;
}

div.login-area-survey.page .login-area-highlighted-paragraph ul
{
	float: left;
}

#login-tab-panel-attractions > table
{
	width: 100%;
}

#login-tab-panel-attractions input[type=submit]
{
	width: auto;
}

.questionnaire-section-number
{
	background: #92d50f;
	color: white;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px;
	height: 20px;
	width: 20px;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.questionnaire-section-title
{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}

.questionnaire-section-class th,
.questionnaire-section-class td
{
	text-align: center;
	font-weight: normal;
}

.questionnaire-section .FFCheckbox-row
{
	height: 22px;
	width: 150px;
	float: left;
}

.questionnaire-section .FFCheckbox-row .ff-label
{
	margin-top: 0px;
	font-weight: normal;
}

.questionnaire-section-questions
{
	overflow: hidden;
	clear: both;
}

.questionnaire-section .FFCheckbox-row .ff-label-container
{
	margin-left: 22px;
}

.questionnaire-section .FFCheckbox-row .ff-input-container
{
	margin-top: -22px;
}

.questionnaire-section .FFRadioMatrix td
{
	text-align: center;
	width: 55px;
}

#profile_survey_save
{
	display: block;
	margin: auto;
}

.questionnaire-section-status
{
	height: 34px;
	width: 23px;
	border-radius: 5px;
	background: rgba(0, 0, 255, 0.3);
	color: blue;
	font-size: 22px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	float: right;
	display: none;
}

.questionnaire-section .image-box
{
	width: 62px;
	height: 160px;
	margin: 0px 12px;
	float: left;
	text-align: center;
	line-height: 1.2em;
}
.questionnaire-section .image-box .image-box-image
{
	display: block;
	width: 62px;
	height: 75px;
	border: 2px solid #ccc;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.questionnaire-section .image-box .image-box-image img
{
	display: block;
	width: 62px;
	height: 75px;
}

.questionnaire-section .image-box .image-box-image-overlay
{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #92d50f;
	font-size: 20px;
	color: white;
	line-height: 24px;
}

.questionnaire-section .image-box .ff-element
{
	display: none;
}

.questionnaire-section .questionnaire-section-error,
.questionnaire-section .ff-element .ff-error
{
	display: none;
	font-weight: bold;
	color: red;
	clear: both;
}

#holiday_preferences_continue_input,
#holiday_preferences_save_input
{
	text-align: right;
}

#holiday_preferences_form .login-area-error-paragraph
{
	margin-bottom: 0px;
}

.login-area-survey .login-area-highlighted-paragraph
{
	overflow: hidden;
	margin-bottom: 10px;
}

.login-area-survey .login-area-highlighted-paragraph div
{
	font-size: 150%;
	width: 250px;
	float: left;
}

.login-area-survey .login-area-highlighted-paragraph li
{
	float: left;
	list-style-image: url(/assets/generic/icons/small/star.png);
	margin-left: 2.75em;
}

.login-area-survey .FFRadioMatrix .ff-radio-matrix-data-row th
{
	border-radius: 10px 0px 0px 10px;
}

.login-area-survey .FFRadioMatrix td:last-child
{
	border-radius: 0px 10px 10px 0px;
}

.login-area-survey .FFRadioMatrix .ff-radio-matrix-data-row:hover
{
	background: #A2BCF5;
}

/****************************************************************************
* Sidebar                                                                   *
****************************************************************************/

.sidebar-block .points-blocks-hr
{
	margin: 10px 0px;
}

.points-blocks-container
{
	overflow: hidden;
	margin: 0px -4px;
}

.points-block
{
	width: 33%;
	float: left
}

.points-block-pending
{
	width: 34%;
}

.points-block-inner
{
	border-radius: 5px;
	margin: 4px;
	cursor: pointer;
	height: 95px;
}

.points-block-points
{
	font-size: 22px;
}

.points-block-text
{
	font-size: 12px;
}

.points-block-current .points-block-inner
{
	background: #256567;
}

.points-block-pending .points-block-inner
{
	background: #d37919;
}

.points-block-expiring .points-block-inner
{
	background: #d2232a;
}

#points-current
{
	background: rgba(37, 101, 103, 0.5);
}

#points-pending
{
	background: rgba(211, 121, 25, 0.5);
}

#points-expiring
{
	background: rgba(210, 35, 42, 0.5);
}

.rewards-medal
{
	display: block;
	margin: auto;
}

.earnt-rewards
{
	text-align: left;
	font-size: 12px;
}

.sidebar-block .earnt-rewards a,
.sidebar-block .earnt-rewards a:link
{
	display: inline;
}

.sidebar-block table
{
	color: white;
}

.sidebar-block .booking-table
{
	width: 100%;
	font-size: 10px;
}

.sidebar-block .booking-table th
{
	text-align: left;
}


.sidebar-points-table
{
	border-collapse: collapse;
	margin: 10px 10px;
	display: none;
	width: 100%;
}

.sidebar-points-table th
{
	font-weight: bold;
}

.sidebar-points-table th,
.sidebar-points-table td
{
	border: 1px solid white;
	padding: 3px;
}

.sidebar-block #log-out-link
{
	display: block;
	text-align: center;
}

.popup-close
{
	text-align: right;
	margin-top: 10px;
}

.sidebar-block h3
{
	font-size: 16px;
	text-align: center;
}

.sidebar-block a,
.sidebar-block a:active,
.sidebar-block a:link,
.sidebar-block a:hover
{
	color: white;
	font-weight: normal;
}

.login-area-sidebar-menu a div
{
	float: right;
	width: 10px;
	text-align: right;
}

.login-area-sidebar-menu a,
.login-area-sidebar-menu a:active,
.login-area-sidebar-menu a:link,
.login-area-sidebar-menu a:hover
{
	display: block;
	text-decoration: none;
}

.login-area-sidebar-menu a.active,
.login-area-sidebar-menu a.active:active,
.login-area-sidebar-menu a.active:link,
.login-area-sidebar-menu a.active:hover
{
	font-weight: bold;
	background: rgba(255, 255, 255, 0.1);
	color: #92d50f;
}

.login-area-sidebar-menu a:hover,
.login-area-sidebar-menu a.active:hover
{
	background: rgba(255, 255, 255, 0.2);
}

.login-area-sidebar-menu-logout
{
	margin-top: 10px;
}

.login-area-sidebar-menu-logout div
{
	color: red;
}

#sidebar-contact-button
{
	text-decoration: none;
	display: block;
	text-align: center;
	border-radius: 7px;
	background: #7AB508;
	border: 1px solid #92D50F;
	padding: 5px;
	font-weight: bold;
}

#contact-popup
{
	width: 840px;
	height: 200px;
}

#contact-popup .ff-element input
{
	width: 150px;
	box-sizing: border-box;
}

.contact-form-editable-section
{
	clear: both;
	overflow: hidden;
}

.contact-form-input-section
{
	display: none;
}

.contact-form-text-section-header
{
	width: 150px;
	float: left;
}

.contact-form-text-section-text
{
	width: 400px;
	float: left;
}

#contact-popup .contact-form-input-section .ff-label-container,
#contact-popup .contact-form-input-section .ff-hint
{
	display: none;
}

#contact-popup #contact-form-input-section-telephone .ff-label-container
{
	display: block;
}

#contact-popup #contact-form-input-section-telephone .ff-label
{
	font-size: 10px;
	color: #999;
	margin: 0px;
}

#contact-popup .contact-form-edit
{
	font-size: 12px;
}

#contact-popup .contact-form-done
{
	font-size: 12px;
	margin-top: 4px;
	display: block;
	float: left;
}

#contact-popup #contact-form-input-section-telephone .contact-form-done
{
	margin-top: 20px;
}

#contact-popup .contact-form-input-section .ff-element
{
	width: 155px;
	float: left;
}

#contact-popup #contact_save
{
	width: 240px;
}

#contact-popup #contact-popup-form
{
	margin-top: 20px;
}

#contact-popup #contact_save_row
{
	overflow: hidden;
}

#contact_form_loading,
#contact_form_message,
#sendBookingToFriends_loading,
#sendBookingToFriends_message
{
	display: none;
}

#contact-popup-page-success
{
	display: none;
}

#contact-popup-title
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

#contact-popup-left
{
	width: 150px;
	margin-right: 20px;
	float: left;
}

#contact-popup-left img
{
	display: block;
	border-radius: 10px;
}

#contact-popup-right
{
	float: left;
	width: 670px;
}

#contact-form-input-boxes
{
	min-height: 90px;
}

#contact-popup-success-title
{
	font-size: 24px;
	text-align: center;
}

#contact-popup-success-text
{
	text-align: center;
}

#feedback-popup-page-success
{
	display: none;
}

#feedback-popup-success-title
{
	font-size: 24px;
	text-align: center;
}

#feedback-popup-success-text
{
	text-align: center;
}

#feedback_text
{
	width: 300px;
	height: 80px;
}

.sidebar-block .membership-level-hint,
.sidebar-block .membership-level-hint:link,
.sidebar-block .membership-level-hint:active,
.sidebar-block .membership-level-hint:visited
{
	font-size: 10px;
	text-decoration: none;
	display: inline-block;
	padding-left: 5px;
	vertical-align: top;
}

#membership-info-popup
{
	width: 480px;
}

#membership-info-title
{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

#membership-info-popup th
{
	font-weight: bold;
	padding: 2px 4px;
}

.login-area-sidebar-next-level
{
	font-size: 12px;
	line-height: normal;
}

.login-area-sidebar-how-it-works
{
	display: block;
	text-align: center;
	font-size: 14px;
}

#how-it-works-popup
{
	width: 600px;
}

.how-it-works-text ul
{
	list-style: disc;
}

.how-it-works-text li
{
	margin-left: 20px;
	margin-bottom: 10px;
}

/****************************************************************************
* Homepage                                                                  *
****************************************************************************/

.todo
{
	margin: 20px;
	padding: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
}

.todo li
{
	padding-left: 22px;
}

#homepage-bucket-list
{
	overflow: hidden;
}

.homepage-bucket-list-destination
{
	border-radius: 10px;
	display: block;
	cursor: pointer;
}

a.homepage-bucket-list-destination
{
	width: 80px;
	height: 65px;
	padding: 10px;
	padding-top: 30px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.homepage-bucket-list-destination-title
{
	overflow: hidden;
	line-height: 1em;
	text-align: center;
	padding: 5px;
	line-height: 1em;
	text-align: center;
	font-size: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	margin: 5px;
	top: 0px;
	position: absolute;
	width: 80px;
}

.homepage-bucket-list-destination img
{
	display: block;
	border-radius: 10px;
}

.homepage-bucket-list-destination .bucket-list-destination-tools
{
	display: none;
}

.homepage-rewards
{
	list-style: disc;
	margin-left: 30px;
}

.back-to-account
{
	text-align: right;
}
.back-to-account a,
.back-to-account a:link,
.back-to-account a:active,
.back-to-account a:hover
{
	font-weight: normal;
}

.homepage-block
{
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.homepage-block h3
{
	margin-top: 0px;
}

.homepage-block-items
{
	overflow: hidden;
}

.homepage-block .homepage-block-item
{
	height: 150px;
}

.homepage-block .homepage-block-item img
{
	border-radius: 10px;
	margin: 0px auto 5px auto;
	display: block;
}

.homepage-block .homepage-block-item-title
{
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	line-height: 1em;
	height: 36px;
	color: black;
	text-decoration: none;
}

.homepage-block-item:link
{
	text-decoration: none;
}

.homepage-block .homepage-block-item-price
{
	text-align: center;
	font-weight: bold;
	color: #92d50f;
	line-height: normal;
}

.homepage-block .homepage-block-item-time
{
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.homepage-block-button,
.homepage-block-button:active,
.homepage-block-button:hover,
.homepage-block-button:link,
.homepage-block-button:visited
{
	display: block;
	background: black;
	color: white;
	float: right;
	border-radius: 5px;
	padding: 4px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

.homepage-block .show-contact-popup
{
	display: block;
}

/****************************************************************************
* Account Activation Page                                                   *
****************************************************************************/

#activate_email
{
	width: 200px;
	color: #333;
	border: none;
	background: transparent;
}

#activate_password_row
{
	display: none;
}

#activate_password,
#activate_password_plain
{
	width: 200px;
}

/****************************************************************************
* Bucket List Page                                                          *
****************************************************************************/
.bucket-list-activities
{
	overflow: hidden;
	margin-bottom: 20px;
}

.bucket-list-activities li
{
	height: 20px;
	width: 167px;
	margin: 1px 5px;
	padding: 0px 5px;
	background: rgba(0, 0, 0, 0.1);
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bucket-list-extra-activity
{
	display: none;
}

.login-area-bucket-list .login-tab
{
	padding-top: 5px;
	height: 37px;
	line-height: 15px;
	font-size: 12px;
	width: 120px;
}

.login-area-bucket-list .login-tab .count
{
	font-size: 10px;
}

#login-tab-panel-in1 .bucket-list-in1-link,
#login-tab-panel-in5 .bucket-list-in5-link,
#login-tab-panel-over5 .bucket-list-over5-link,
#login-tab-panel-unscheduled .bucket-list-unscheduled-link,
#login-tab-panel-deleted .bucket-list-deleted-link
{
	display: none;
}

#bucket-list-destinations
{
	overflow: hidden;
}

.bucket-list-destination
{
	background: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 10px;
	z-index: 0;
	margin-bottom: 20px;
}

.bucket-list-destination-title
{
	cursor: move;
	height: 22px;
	overflow: hidden;
	text-align: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	font-weight: bold;
}

.bucket-list-destination-image
{
	position: absolute;
	top: 0px;
	padding-right: 30px;
	z-index: 1;
	display: block;
	margin: auto;
	width: 100%;
}

.bucket-list-destination-image img
{
	border-radius: 10px;
	width: 100%;
}

.bucket-list-destination-attractions,
.bucket-list-destination-tools
{
	overflow: hidden;
	background: rgba(255, 255, 255, 0.8);
}

.bucket-list-destination-attractions
{
	border-radius: 10px;
	padding: 5px;
}

.bucket-list-tools-column-1,
.bucket-list-tools-column-2
{
	margin-top: 5px;
	background: rgba(255, 255, 255, 0.8);
	padding: 5px;
	border-radius: 10px;
	min-height: 165px;
}

.bucket-list-item-column-title
{
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	margin-bottom: 5px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	z-index: 1;
}

.bucket-list-schedule-title
{
	height: 22px;
	overflow: hidden;
	text-align: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	width: 142px;
	font-size: 14px;
}

.bucket-list-when-to-go
{
	margin-bottom: 2px;
}


.bucket-list-item-column-1,
.bucket-list-item-column-2
{
	min-height: 165px;
}

.bucket-list-tools-column-1
{
	margin-right: 20px;
}

.bucket-list-destination-attractions
{
	font-size: 12px;
	max-height: 118px;
}

.bucket-list-destination-tools
{
	position: absolute;
	top: 0px;
	padding-right: 30px;
	width: 100%;
	opacity: 0;
	font-size: 12px;
	background: none;
	display: none;
	z-index: 1;
}

.bucket-list-destination-tools a
{
	line-height: 17px;
	height: 17px;
	display: block;
	overflow: hidden;
	margin: 4px 0px;
	font-weight: normal;
	text-decoration: none;
	padding: 1px 2px;
	background: #333;
	text-align: center;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}

.bucket-list-destination-tools a:hover
{
	border: 1px solid white;
}

.bucket-list-destination-tools .bucket-list-deleted-link:hover
{
	border-color: rgb(255, 200, 200);
}

.bucket-list-destination-tools .bucket-list-destination-details-link
{
	font-weight: bold;
	margin: 10px;
	margin-top: 105px;
	bottom: 0px;
	padding-top: 10px;
	height: 35px;
}

.bucket-list-drag-hint
{
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 142px;
	opacity: 0;
}

.bucket-list-destination ul
{
	width: 60px;
	margin-left: 10px;
	float: left;
}

.bucket-list-destination li
{
	text-align: center;
}

#bucket-list-destination-details-popup
{
	width: 620px;
	height: 560px;
}

#bucket-list-destination-details-popup-details
{
	overflow: hidden;
}

#bucket-list-destination-details-popup-nearby-destinations-container
{
	overflow: auto;
}

#bucket-list-destination-details-popup-nearby-destinations
{
	height: 140px;
}

#bucket-list-destination-details-popup-nearby-destinations .nearby-destination
{
	width: 100px;
	height: 130px;
	float: left;
	cursor: pointer;
}

#bucket-list-destination-details-popup-nearby-destinations .nearby-destination-title
{
	padding: 0px; 10px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	line-height: 1em;
}

#bucket-list-destination-details-popup-image
{
	width: 200px;
	height: 300px;
	float: left;
}

#bucket-list-destination-details-popup-description
{
	width: 380px;
	height: 300px;
	overflow: auto;
	padding-left: 20px;
	float: left;
}

#bucket-list-destination-details-popup-title
{
	text-align: center;
}

#bucket-list-destination-details-popup-nearby-destinations-title
{
	clear: both;
	text-align: center;
	margin-top: 10px;
}

#bucket-list-destinations-details-popup-details
{
	overflow: hidden;
}

.login-tab
{
	width: 170px;
	height: 37px;
	padding-top: 5px;
	float: left;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: 1px solid #92d50f;
}

.login-tabs .login-tabs-end
{
	height: 37px;
	overflow: hidden;
}

.login-tabs .login-tabs-end div
{
	border-bottom: 1px solid #92d50f;
	height: 36px;
}

.login-tabs
{
	overflow: hidden;
}

.login-tabs .active,
.login-tabs.highlight .login-tab.active
{
	background-color: rgba(255, 255, 255, 0.8);
	color: #92d50f;
	border: 1px solid #92d50f;
	border-bottom: 1px solid transparent;
}

.login-tabs.highlight:hover
{
	background-color: white;
}

.ui-sortable-placeholder
{
	height: 185px;
	margin-bottom: 20px;
}

.login-tabs .ui-sortable-placeholder
{
	display: none;
}

.login-tab-panel
{
	display: none;
	overflow: hidden;
	clear: both;
	padding: 20px;
	background: rgba(255, 255, 255, 0.8);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #92d50f;
	border-top: none;
}

.login-tabs.highlight .login-tab
{
	background-color: #25d6ff;
}


.bucket-list-empty
{
	padding: 40px 50px;
	text-align: center;
	width: 300px;
	color: white;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.3);
	margin: 20px auto 0px auto;
}

#bucket-list-hint-popup
{
	position: absolute;
	top: -70px;
	left: 40px;
	display: none;
}

.bucket-list-hint-body
{
	padding: 10px;
	border-radius: 5px;
	background: white;
}

.bucket-list-hint-outer-body
{
	background: #25d6ff;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
}

.bucket-list-hint-outer-arrow
{
	width: 0px;
	height: 0px;
	border-top: 20px solid #25d6ff;
	border-right: 20px solid transparent;
	margin-left: 20px;
	margin-right: 70px;
	float: left;
}

/****************************************************************************
* Points History                                                            *
****************************************************************************/
.login-area-points-history-total
{
	font-size: 16px;
	text-align: right;
	font-weight: bold;
}

.login-area-points-history-details
{
	margin-top: 30px;
}

.membership-tiers th
{
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
}

.membership-levels-container
{
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: auto;
}

/****************************************************************************
* Spend Points page                                                         *
****************************************************************************/

.rewards .reward-container
{
	min-height: 150px;
	margin: 5px 0px;
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 10px;
	font-size: 13px;
}

.reward-image-container+a.reward-link,
.reward-image-container+a.reward-link:link,
.reward-image-container+a.reward-link:visited,
.reward-image-container+a.reward-link:active,
.reward-image-container+a.reward-link:hover
{
	color: #FFF;
	text-shadow: 0 0 0.25em #000;
}

.reward-title
{
	height: 20px;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 5px;
}

.reward-left
{
	text-align: center;
}

.reward-locked
{
	margin-top: -90px;
}

.reward-right
{
	width: 180px;
	float: left;
}

.reward-unaffordable,
.reward-other-level
{
	color: #999;
}

#spend-points-popup
{
	max-width: 620px;
}

#spend-points-popup-image
{
	border-radius: 10px;
}

#spend-points-popup-description
{
	max-height: 400px;
	overflow: auto;
}

#spend-points-popup #claim_save,
#spend-points-popup #claim_enquire,
#spend-points-popup #claim_submitClaim
{
	width: 360px;
}

#claim-reward-slidedown
{
	display: none;
}

.reward-in-preferences,
.reward-in-bucket-list
{
	cursor: pointer;
	color: #92d50f;
	font-weight: bold;
}

.reward-tick
{
	color: #92d50f;
}

.reward-this-level .reward-cost
{
	font-weight: bold;
}

/****************************************************************************
* Earn Points Page                                                          *
****************************************************************************/
.earn-points-popup
{
	width: 400px;
}

.earn-points-done
{
	font-weight: bold;
	color: #92d50f;
}


/****************************************************************************
* Your Holiday Page                                                         *
****************************************************************************/

#login-area-your-holiday .page-block
{
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	background: rgba(255, 255, 255, 0.6);
}

#login-area-your-holiday h2
{
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	background: rgba(0, 0, 0, 0.4);
	color: white;
}

#login-area-your-holiday .booking-total td
{
	text-align: right;
	font-weight: bold;
}

#login-area-your-holiday .payment-due td
{
	text-align: center;
	font-style: italic;
}

#passengerDetails_save_label
{
	display: none;
}

#passengerDetails_save_input,
#passenger-details-loading,
#passenger-details-message
{
	text-align: center;
}

#passengerDetails .read-only
{
	color: #999;
	border: none;
}

.passenger-details-read-only
{
	font-weight: bold;
}

#sendBookingToFriends_emailsMulti_h2,
#sendBookingToFriends_emailsMulti .multi-item-clone
{
	display: none;
}

#sendBookingToFriends_emailsMulti .multi-item-remove
{
	position: relative;
	top: -10px;
	background-color: #EA4F4F;
	color: white;
}

#sendBookingToFriends_emailsMulti .multi-item-add
{
	background-color: #5CAD3A;
	color: white;
	margin: 10px 0;
}

#sendBookingToFriends_emailsMulti .ff-element-emailAddress
{
	display: inline-block;
}

#booking-options
{
	margin: 20px 0;
	float: right;
	clear: left;
}

.booking-option
{
	font-size: 14px;
	color: #ffffff;
	margin: 0 5px;
	padding: 5px 10px;
	background: #1e1d1f; /* For old browsers */
	background: rgba(0, 0, 0, 0.7);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	float: right;
}

.booking-option a
{
	color: white !important;
}

#passengers-table
{
	width: 100%;
}

#passengers-table td
{
	padding: 10px 5px;
	vertical-align: top;
}

#other-bookings
{
	margin: 20px 0;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px;
	color: white;
	float: none;
}

#other-bookings h5
{
	font-weight: bold;
}

#other-bookings-links a
{
	margin-right: 10px;
	color: white;
}

@media print
{
	#cookies,
	.sidebar-column,
	#header-wrapper,
	.footer-wrapper,
	#booking-options,
	.booking-and-payments-summary,
	.promised-form,
	.backstretch
	{
		display: none;
	}

	#booking-options + h1
	{
		margin: 20px;
	}

	#passengerDetails .passenger .ff-element
	{
		margin: 6px 0;
	}

	#passengerDetails .passenger .ff-input-container
	{
		width: auto;
	}

	#passengerDetails .ff-label-container
	{
		float: left;
		width: 150px;
	}

	#passengerDetails .passenger
	{
		page-break-inside: avoid;
	}

	#passengerDetails .passenger label
	{
		margin: 0;
	}

	#passengerDetails .passenger input
	{
		padding: 0;
	}

	/* remove the arrows on the select */
	#passengerDetails select
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		background: none;
	}

}

#login_form label,
#login_form input
{
	display: block;
	max-width: 400px;
	width: 100%;
	margin: 25px auto auto;
}

/****************************************************************************
* Preferences                                                               *
****************************************************************************/

#preferences_form .ff-element,
#change_password_form .ff-element
{
	overflow: hidden;
}

#preferences_form .ff-label-container,
#change_password_form .ff-label-container
{
	width: 150px;
	float: left;
}

#preferences_form .ff-input-container,
#change_password_form .ff-input-container
{
	width: 150px;
	float: left;
}

#preferences_form input,
#change_password_form input
{
	width: 150px;
	box-sizing: border-box;
}


#preferences_form #preferences_receiveEmails_label,
#preferences_form #preferences_receiveNewsletter_label
{
	width: 300px;
	float: left;
}

#preferences_form #preferences_receiveEmails,
#preferences_form #preferences_receiveNewsletter
{
	width: auto;
}

#preferences_address___lookup_row
{
	display: none !important;
}

#preferences_telephoneDay_row
{
	margin-bottom: 20px;
}

#claim_updateAddress_row,
#claim_updateAddress_label
{
	display: none;
}

#claim_updateAddress_input,
#claim_updateAddress_hint
{
	float: left;
}

#claim_updateAddress_input
{
	width: 10%;
}

#claim_updateAddress_hint
{
	width: 80%;
}

#login-area-your-holiday #booking_itinerary.page-block
{
	position: relative;
}

.travel-currency-banner
{
	border: 2px solid rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	padding: 15px;
}

.travel-currency-banner h4
{
	text-transform: uppercase;
	text-align: center;
	color: #409E9D;
	margin-top: 0;
}

.travel-currency-banner hr
{
	border-top: 1px solid #409E9D;
	margin-top: 15px;
	margin-bottom: 15px;
}

.travel-currency-banner p span
{
	white-space: nowrap;
}

.travel-currency-banner a.banner-button
{
	border: none;
	width: 100%;
	padding: 5px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.25rem;
	background-color: #409E9D;
	color: white;
	border-radius: 4px;
	margin-top: 10px;
	text-decoration: none;
	font-weight: normal;
}

@media (min-width: 768px)
{
	.travel-currency-banner
	{
		max-width: 50%;
		position: absolute;
		right: 10px;
	}

	#login-area-your-holiday #booking_itinerary:not(.travel-currency-banner) > p:first-of-type
	{
		width: 45%;
	}

	#passengers-table
	{
		width: 50%;
	}
}