@charset "UTF-8";
/* CSS Document */


/* -------------------------------------------------------------------- */
/* jrDatePicker.css                                                     */
/*                                                                      */
/* There are two different types of datepickers that we can display and */
/* therefore styling of each: single and multi.  A single datepicker    */
/* displays only one month.  A multi datepicker can display multiple    */
/* months.  All of the class names below are required for styling.      */
/* -------------------------------------------------------------------- */
.jrdp_encapsulated_table {
    /* all datepickers are encapsulated within this class */
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #c3c3c3 !important; /* Added !important here to prevent our border from being messed with by DMO css */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
/* Added the following rules to prevent our table elements from being messed with by DMO css */
table.jrdp_encapsulated_table, .jrdp_encapsulated_table table, .jrdp_encapsulated_table tr, .jrdp_encapsulated_table th {
	padding: 0;
	margin: 0;
}
.jrdp_encapsulated_table td {
	width: auto !important;
	padding: 0 !important;
	vertical-align: middle !important;
}
/* Endd added rules */
.jrdp_calendar {
    /* main calendar style - 2/8/13 Anna took out border from below and added it as important above */
    width: 200px;
    margin: 0;
    padding: 0;
}
.jrdp_calendar_pos {
    position: absolute;
    display: inherit; /* previously set to inline-block - caused calendars to load to the right in Chrome */
    z-index: 9999; 
	margin: 22px 0 0 0; /* Added 22px margin top to put calendars below instead over over the date fields */
}
.jrdp_calendar_tbar {
    /* top title bar */
    background-color: #d94867;
}
.jrdp_calendar_close_btn {
    /* close button displayed in top title bar (not used if close_onselect option is false) */
    background-color: #d94867;  /*#343434; */
    width: 1px;
    height: 1px;
    display: inline;
    position:absolute;
    color: #ffffff;
    float: right;
/*
    width: 24px;
    height: 23px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    top: -12px;
    right: -12px;
    font-family: verdana;
    font-weight: bold;
    text-align: center;
    padding-top: 1px;
*/
}
#jrdp_calendar_table_inner {
    /* The table that uses this will eventually be taken out as it serves no */
    /* purpose (it was used for the close button but that has been removed). */
    display: none;
}
.jrdp_calendar_month_tbar {
    background-color: #e3e3e3;
    border-bottom: 1px solid #c3c3c3;
}
.jrdp_calendar_month {
    /* style for month name */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    color: #343434;
    text-decoration: none;
    text-align: center;
    background-color: rgb(227, 227, 227) !important;
}
.jrdp_calendar_month_prev {
    /* style for the previous button */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #343434;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    display: block;
    background-color: rgb(227, 227, 227) !important;
}
.jrdp_calendar_month_next {
    /* style for the next button */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #343434;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    display: block;
    background-color: rgb(227, 227, 227) !important;
}
.jrdp_calendar_month_prev:hover { background-color: #c3c3c3; }
.jrdp_calendar_month_next:hover { background-color: #c3c3c3; }
.jrdp_calendar_days {
    /* style for the day of the week abbrevations */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-color: #343434;
    width: 20px;
    height: 21px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #C3C3C3;
}
.jrdp_calendar_current_day {
    /* style for the current day */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #343434;
    text-decoration: none;
    background-color: #b5dce5;
    height: 16px;
    width: 20px;
    text-align: center;
    cursor: pointer;
}
.jrdp_calendar_current_day:hover { background-color: #ffff99; cursor: pointer; }
.jrdp_calendar_day1 {
    /* style for a cell that has a day and is selectable */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #7A7A7A;
    text-decoration: none;
    background-color: #ffffff;
    width: 24px;
    text-align: center;
    cursor: pointer;
    line-height: 2em;
}
.jrdp_calendar_day1:hover {
    background-color: #ffff99;
    cursor: pointer;
}
.jrdp_calendar_day1_noselect {
    /* style for a cell that has a day and is not selectable */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #C1C1C1;
    text-decoration: none;
    background-color: #ffffff;
    width: 20px;
    text-align: center;
  line-height: 2em;
}
.jrdp_calendar_day1_noselect:hover {
    background-color: #EAEAEA;
}
.jrdp_calendar_day2 {
    /* style for an empty cell */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 5px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    height: 0px;
    width: 20px;
    text-align: center;
}
.jrdp_calendar_icon {
    /* style for a datepicker icon; used in html and is thus optional */
    cursor: pointer;
    border-width: 0px;
    height: 13px;
    width: 13px;
}
/* ----------------------------------- */
/* Styles for a multiple month display */
/* ----------------------------------- */
.jrdp_calendar_multi {
    /* main multi month style */
    border: 1px solid #0000ff;
    width: 400px;
    margin: 0;
    padding: 0;
}
.jrdp_calendar_pos_multi {
    position: absolute;
    z-index: 9999;
}
.jrdp_calendar_tbar_multi {
    /* top title bar */
    background-color: #d94867;
}
.jrdp_calendar_close_btn_multi {
    /* close button displayed in top title bar (not used if close_onselect option is false) */
    background: url('jrDatePicker_close_button.jpg') no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    float: right;
}
.jrdp_calendar_close_btn_multi:hover { cursor: pointer; }
.jrdp_calendar_month_tbar_multi {
    /* title bar where the month name and next / previous buttons are displayed */
    background-color: #64d7f5;
}
#jrdp_calendar_table_inner_multi {
    /* The table that uses this will eventually be taken out as it serves no */
    /* purpose (it was used for the close button but that has been removed). */
    display: none;
}
.jrdp_calendar_month_multi {
    /* style for the month name */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    height: 30px;
    text-decoration: none;
}
.jrdp_calendar_month_prev_multi {
    /* style for the previous button */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    padding-left: 4px;
}
.jrdp_calendar_month_next_multi {
    /* style for the next button */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    padding-right: 4px;
}
.jrdp_calendar_month_prev_multi:hover { background-color: #ffffff; }
.jrdp_calendar_month_next_multi:hover { background-color: #ffffff; }
.jrdp_calendar_days_multi {
    /* style for the day of the week abbrevations */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-color: #396221;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}
.jrdp_calendar_current_day_multi {
    /* style for the current day */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #b5dce5;
    height: 16px;
    width: 20px;
    text-align: center;
    cursor: pointer;
}
.jrdp_calendar_current_day_multi:hover { background-color: #ffff99; cursor: pointer; }
.jrdp_calendar_day1_multi {
    /* style for a cell that has a day and is selectable */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #f3e1a5;
    height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
}
.jrdp_calendar_day1_multi:hover {
    background-color: #ffff99;
    cursor: pointer;
}
.jrdp_calendar_day1_noselect_multi {
    /* style for a cell that has a day and is not selectable */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #f3e1a5;
    height: 40px;
    width: 40px;
    text-align: center;
}
.jrdp_calendar_day1_noselect_multi:hover {
    background-color: #c0c0c0;
}
.jrdp_calendar_day2_multi {
    /* style for an empty cell */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #f3e1a5;
    height: 40px;
    width: 40px;
    text-align: center;
}
.jrdp_calendar_icon_multi {
    /* style for a datepicker icon; used in html and is thus optional */
    cursor: pointer;
    border-width: 0px;
    height: 13px;
    width: 13px;
}
#jrs_calendar_form {
	background-image: none !important;
	background-repeat: no-repeat;
	color: #ffffff !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 99px;
	padding: 0px !important;
	text-align: center !important;
	width: 100% !important;
	position:relative;
}
.date-pick {
	border: none;
	color: #4f4f4f;
	font-size: 11px !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 20px !important;
	padding:inherit !important;
	width: 110px !important;
}
#jrs_booking_header {
	float: none;
	overflow: hidden;
	width: 167px !important;
}
.jrs_form_text {
	text-align: center !important;
	text-transform: uppercase;
}
.jrs_clr {
	clear: both;
}
#jrs_arrival_input {
	padding: 10px 10px 1px !important;
	display: inline-block;
	top: auto !important;
	left: auto !important;
	position: inherit !important;
}
#jrs_departure_input {
	top: auto !important;
	display: inline-block;
	left: auto !important;
	padding: 10px 10px 1px !important;
	position: static !important;
	}
#jrs_lodging_select_div {
	padding: 0 0 2px !important;
	left: auto !important;
	top: auto !important;
	position: inherit !important;
}
#jrs_location_dropdown_div {
	float: none;
	padding: 0 0 2px 110px !important;
}
.ui-datepicker {
	z-index: 1000;
}
.ui-datepicker-trigger {
	border: medium none !important;
	display: inline !important;
	margin-bottom: 0 !important;
	right: 20px;
	top: 3px !important;
	position: relative;
	top: 0;
	vertical-align: top;
}
.jrs_form_select_item {
	color: #434343;
	font-size: 11px !important;
	margin: 2px 0px;
	width: 175px !important;
	padding: 2px 0px;
}
#jrs_search_submit {
	position: static !important;
	display:block !important;
	margin-top:45px;
	margin-left:80px;
}
#jrs_search_submit img{
	width:500px;
}
.jrdp_calendar_pos {
	margin: 22px 0 0 -15% !important; /* Added 22px margin top to put calendars below instead over over the date fields - 
    added 50% margin left to keep the check-out calendar from being cut off on the right */
}

@media(min-width:912px) {
	.jrdp_calendar_pos {
	margin: 22px 0 0 -3% !important; /* Added 22px margin top to put calendars below instead over over the date fields - 
    added 50% margin left to keep the check-out calendar from being cut off on the right */
}
}