/*
1. HTML BODY
2. MENU/HEADER
3. NAVBAR
4. QUICKSEARCH
5. QUICKSEARCH CONTENT SIDEBAR
6. FEATURED PROPERTIES
7. FOOTER
8. CART (FAVORITES)
9. PROPERTY MAP 
10. BLOG
11. CMS ADMIN
12. OLSE
	12.1 Calendar Styles
	12.2 Advanced Search Options Page
	12.3 Search and Web Group Pages
	12.4 Property Detail Page
	12.5  BOOK IT! Specific Items
13. GUEST EXTRANET DEFAULTS
	13.1. GE Login Page
	13.2. GE Dashboard Home
	13.3 GE Reservation Screen
14. OWNER EXTRANET DEFAULTS
15. LONG TERMS
16. PROPERTY SLIDESHOWS
17. SITE SPECIFIC STYLES

/*1. HTML BODY
***********************************************/
body{
	height: 100%;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #555;
}	
.headercontainer {
	padding: 0;
	background-color: #21afe5;
}
#main-content{
	padding-top: 1em;
	margin: 0 auto;
}
a {
	color:#0000EE;
	text-decoration:underline;
	outline: none;		
}
a:hover{
	color:#2E2E2E;
	text-decoration:none;
}
a.btn{
	text-decoration: none;
}
.action-buttons {
    padding-top: 10px;
}
.action-buttons * {
    margin-bottom: 2px;
}
a.vw-photo-link {
    position: relative;
    z-index: 10001;
}
.intereted {
	margin-bottom: 12px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Bree Serif', serif;
	line-height: 1.1;
	color: #3d8a9c;
}
h1, .h1 {
	font-size: 1.8em;
	margin-top: 5px;
	margin-bottom:10px;
	border-bottom: none;
}
h2, .h2 {
	font-size: 1.5em;
	margin-top:10px;
	margin-bottom:10px;
}
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
	font-size: 1.2em;
	margin-top:0;
	margin-bottom:10px;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #ccc;
}
.myIframe {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 Change in different ratio is needed */
	padding-top: 30px;
	height: 0;
	overflow: auto; 
	/*-webkit-overflow-scrolling:touch; <<--- THIS IS THE KEY 
	-moz-overflow-scrolling:touch;*/
	border: none;
} 
.myIframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*2. MENU/HEADER
**********************************************/
#homepageoverlay {
	position: absolute;
	z-index: 900;
	width: 100%;
}
header{
	padding: 2em 1em 1em;
	background-color: rgba(255, 255, 255, .5);
}
.content-header {
	max-width: 1170px;
	margin: 0 auto;
	padding: 2em 0 1em;
}
.head-block-right {
	margin-top: 1.5em;
}
.head-block-right .phone{
	/*
	color: #333333;
	font: bold 28px arial, sans-serif;
	padding: .3em 0;
	display: block;
	*/
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 30px;
	display: block;
	text-shadow: 3px 3px #000;	
}
.phone a, .phone a:visited, .phone a:hover, .phone a:active {
	color: #FFF;
	text-decoration: none;
}
.head-block-right .social-icons img{
	width:35px;
	margin: 0 0 .3em .5em;
	border: none;
}
.btn-login-links {
	background-color: #3d8a9c;
	color: #FFF;
}
.head-block-right,
.head-block-right .login-links{
	text-align: center;
	margin: 0 auto;
	}
.head-block-right .social-icons{
	display: block;
	margin: 0 auto;
}
@media (max-width: 767px) {
	#homepageoverlay {
		position: relative;
	}
}

/*3. NAVBAR
**********************************************/
#mainNav{
	background-color: rgba(255, 253, 234, 0.8);
	max-width:100%;
	padding: .4em 0;
	margin: 0 auto;
	border-radius: 0;
	border: none;
}		
.navbar-default .navbar-nav > li > a {
	color: #333;
	padding: 8px 11px;
	font-size: 15px;
	/*text-transform: uppercase;*/
	border-bottom: none;
}
#mainNav a{
	text-decoration: none;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
	color: #655A25;
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
	color: #655A25;
	background-color: rgba(255, 253, 234, 0);
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus	{
	color: #B4CAC2;
}
@media screen and (min-width:1080px)  {
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
}
@media screen and (min-width: 768px) {				
	.navbar-nav{
		float: inherit;
		display: table;
		width: 100%;
	}
	.navbar-nav>li{
		float: inherit;
		display: table-cell;
	}
	.navbar-default .navbar-nav > li > a {
		text-align: center;
	}
	.navbar-brand {
		display: none;
	}
}
@media (max-width: 767px) {	
	.navbar-brand{
		display: block;
	}
	.navbar-default .navbar-brand {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #333;
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
}

/*4. QUICKSEARCH (This is the horizontal quicksearch For the
vertical quicksearch copy from theme2.css and replace this.)
******************************************************************/
#quicksearch-horizontal {
	margin-top: 250px;
	z-index: 100;
	background: rgba(255, 255, 255, .7);
	padding-top: 1em;
	padding-bottom: 1em;	
}
.vacation-creation-slogan {
	font-family: 'Bree Serif', serif;
	font-size: 3em;
	color: #17488f;
}
.jumpToPropHorizontal {
	margin-top: 24px;
}
.qslabel {
	color: #0a4235;	
}
.qsrow {
	padding-left: .8em;
	padding-right: .8em;
}
.qsgroup {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}
#quicksearch-horizontal .input-sm {
	height: 34px;
}
@media only screen and (max-width: 992px) {
	.btn-qs-search {
		margin-top: 5px;
	}
	.jumpToPropHorizontal {
		margin-top: 5px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	#quicksearch-horizontal {
		margin-top: 100px;
	}
}
@media only screen and (max-width: 767px) {
 #quicksearch-horizontal {
		margin-top: 20px;
	}
	.vacation-creation-slogan {
		font-size: 2em;
	}
}

/*5. QUICKSEARCH CONTENT SIDEBAR (This is only necessary if
you use the horizontal quicksearch on the homepage. If you
use the vertical, use the same quicksearch and delete this section)
***************************************************/
#quicksearchSB {
	margin: 1em 0;
	background-color: #21afe5;
	border-radius: 12px;
	padding: 1em 1.5em;
}
.title {
	color: #1D2944;
	font-weight: bold;
	text-align: center;
	font-size: 1.5em;
}
#quicksearchSB .form-group {
	margin-bottom: 1em;
}
#quicksearchSB label{
	color: #817D7A;
	text-align: left ;
	padding-top:0;
	display: block;
}
#quicksearchSB .checkbox {
	margin-left: .5em;
}
#quicksearchSB .control-label,
#quicksearchSB .input-field {
	padding-left: 5px;
	padding-right: 5px;
}
#quicksearchSB .submit{
	text-align: center;
	margin-top: 1em;
}
.btn-search-sb {
	color: #fff;
	background-color: #0F6601;
	border-color: #0F6601;
}
#quicksearchSB .btn-property {
  width: 100%;
}
#quicksearchSB #dtStart,
#quicksearchSB #dtEnd{
	cursor: default;
}
#quicksearchSB input[type=text],
#quicksearchSB select{
	padding: 2px 4px;
	line-height: normal;
	height: auto;
}
#quicksearchSB .NumberofGuests,
#quicksearchSB .baths,
/*#quicksearchSB .idLocation,*/
#quicksearchSB .idType,
#quicksearchSB .price,
#quicksearchSB .flexibleRange,
/*#quicksearchSB .pets,*/
#quicksearchSB .handicap,
#quicksearchSB .smoking {
	display:none;
}
.qs-divider {
	text-align: center;
}
#quicksearchSB .jumpToProp {
	margin-bottom: .5em;
}

/*6. FEATURED PROPERTIES
*****************************************************/
#featured {
	margin: 1.5em 0;
	text-align: center;
	margin-bottom: 1em;
	padding-right: 1.5em;
}
.feature-title {
	font-size: 1.5em;
}
.featured-property img{
	margin: .5em 0;
	padding:4px;
	background-color:#17488f;
	border-radius:12px;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	height: auto;
	width: 225px;
	max-width: 100%;
}
.featured-property .name{
	font-size: 1.2em;
	font-weight: bold;
	color:#17488f;
	margin: 0;
}
.featured-property a, .featured-property a:visited, .featured-property a:active {
	text-decoration: none;	 
}
.featured-property a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	#featured {
		border-right: none;
	}
}

/*7. FOOTER
***************************************************/
.footer {
	background-color: #3d8a9c;
}
#pageFooter{
	max-width:1170px;
	padding: 1.5em 0;
	margin: auto;
}
#pageFooter h3,
#pageFooter p,
#pageFooter a {
	color: #fff;
	margin: 0;
}
#pageFooter .footer-block-right{
	text-align: right;
	padding-left: 1em;
}
@media only screen and (max-width: 767px) {
	#pageFooter .footer-block-right{
		text-align: center;
	}
	#pageFooter .footer-block-left{
		text-align: center;
	}
}

/*8. CART
***************************************************/
.cart-props {
	margin: 0 15px;
}
.cart-props .cart-property{
	border: 1px solid #ddd;
	text-align: center;
	padding: .75em;
	margin: 1em 0;
	white-space: normal;
	min-height: 30em;
	overflow: hidden;
}
.cart-property img {
	margin: .5em;
	max-width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 10px;
	height: 150px;
	width: auto;
	white-space: normal;
}
.cart-props .cart-property .btn-danger,
.cart-props .cart-property .btn-property {
	margin: .5em auto;
}

/*9. PROPERTY MAP 
***************************************************/
#map_canvas,
#propnames{ 
	height:39em; 
}
.mobile-canvas{
	max-height: 22em;
	padding: 0;	
}
#propnames h2{
	margin:0;
}
#propnamesScroll{
	height:37.4em;
	overflow-y:scroll;
}
.ajax__validatorcallout_callout_cell{
	width: .5em;
}

/*10. BLOG
**********************************************************************/
.blogpostarea h1 {
	margin-bottom: 15px;
}
#recentPosts ul, #recentPosts li {
	list-style: none;
	list-style-type: none;
	line-height: 1.2em;
}
.recentPosts{
	padding: 1em;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ddd;
}
.recentPosts ul,
.recentPosts li{
	list-style: none;
	list-style-type: none;
	padding: 0;
}
.recentPosts li{
	text-decoration:none;
	margin:5px 0;
	line-height: 1.2em;
}
.recentPosts h3{
	text-align:center;
}
.recentPosts a{
	text-decoration:none;
} 
.recentPosts a:hover{
	text-decoration:underline;
}
.postDate{
	margin:5px 0;
	font: 85% Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #777;
}
.postTitle a{
	text-decoration:none;
	color: #002448;
}
.postTitle{
	margin:0;
	padding:0;
	font-size:18px;
}
.blogPost{
	text-decoration:none;
	padding: 10px 0 1.5em;
	border-bottom:1px solid #ccc;
	margin: 0 1em 1em 0;
}
.contactOptsTbl input[type=text]{
	width: 20em;
	min-width: 20em;
}

/*11. CMS ADMIN STYLES
***************************************************/
.g-recaptcha {
	margin-left: -15px;
}
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin input[type="text"],
.form-signin input[type="password"]{
	width:100%;
	min-width: inherit;
}
img.helpIcon{
	width:13px;
}
.textbox-helper{
	background: #eee;
	padding: 0.5em .5em .6em;
	border: 1px solid #ccc;
	border-left: none;
}
.edit-tab a{
	float: right;
}
.table th{
	cursor: pointer;
}
form[name=dataForm] input[type=password],
form[name=dataForm] input[type=text]{
	min-width: 50em;
	padding: 5px;
	margin: 0 0 10px;
	display: block;
}
form.contactForm input[type=text]{
	width: 95%;
	max-width: 50em;
	padding: 5px;
	margin: 0 0 10px;
	display: block;
}
form.contactForm textarea{
	max-width: 95%;
}
form[name=dataForm] select{
	min-width: 30em;
}
form[name=dataForm] label,
form.contactForm label{
	display: block;
	font-weight: bold;
	color: #584141;
}
form label em{
	color:#ff0000;
	font-style: italic;
	font-size: 15px;
}
form fieldset{
	padding: 20px 10px;
}
form legend{
	font-size: 18px;
	font-weight: bold;
}
.msgBox{
	padding:.3em;
	margin:.3em 0;
	border:1px solid black;
	text-align:left;
}
.msgBox.success{
	background: #9deb9d;
}
.msgBox.error{
	color: #D8000C;
	background: #FFBABA;
}
div.adminToolbar{
	background-color: #000;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99999;
	font: normal small "Lucida Grande", Verdana, sans-serif;
}
div.adminToolbar .tb{
	position:relative;
	display:block;	
	padding:6px;	
}
div.adminToolbar ul,
div.adminToolbar ul li{
	padding:0;
	margin:0;
	list-style:none;	
	list-style-type:none;
}
div.adminToolbar ul li{
	float:left;
}
div.adminToolbar ul.s1{
	float:left;
}
div.adminToolbar ul.s2{
	float:right;
}
div.adminToolbar ul a{
	color:#FFF;
	text-decoration:none;
	padding:4px 10px;
	border: none;
}
div.adminToolbar ul li span {
	padding: 5px;
	position: absolute;
	display: none;
	background-color: #000;
	z-index: 1000;
	width: 11em;
}
div.adminToolbar ul li span a{
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px;
	border-bottom: 1px dotted #667F6A;
}
div.adminToolbar ul li a:hover{
	background-color: #000;
}
div.adminToolbar ul li span a:hover{
	border-bottom: 1px solid #868F7A;
}
div.adminToolbar li:hover span{
	display: block; 
}

/*12. OLSE
******************************/
.interested p {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #E5ECFB;
	padding: 6px 8px;
	border-radius: 3px;
	max-width: 400px;
}
.interestedDetailPage {
  background: rgba(52, 78, 161, 0.2);
}
.goldstar {
  color: rgba(251, 231, 183, 1);
  background-color: #2376BB;
}
#ctl00_ContentPlaceHolder1_SimilarPropertiesControl_panelSimilarProperties {
    margin-top: 25px;
    border-top: 2px solid #36456c;
}
.label {
	font-size: 1em;
}
.content-block {
	padding-bottom: 1em;
}
.btn-property {
  color: #fff;
  background-color: #817D7A;
  border-color: #817D7A;
}
.btn-property:hover,
.btn-property:focus,
.btn-property:active,
.btn-property.active,
.open .dropdown-toggle.btn-property {
  color: #000;
  background-color: #D0DAF5;
  border-color: #D0DAF5;
}
#PhotoSwipeTarget { width: 100%; height: 18em; margin-top: .5em; }
@media only screen and (min-width:769px) and (max-width:1079px) {
	#PhotoSwipeTarget { width: 100%; height: 380px; margin-top: .5em; }
}
@media only screen and (min-width:481px) and (max-width:768px) {	
	#PhotoSwipeTarget { width: 100%; height: 400px; margin-top: .5em; }
}
.flex-next {
	color: #01BCF4;
}
.flex-prev {
	color: #01BCF4;
}
#ownerAccordion .pnlHead, #bookit .pnlHead,
.collapseHeader.collapsed,
.collapsePanelHeader,
.collapseHeader,
.accordionHeader {
	display: block;
	background-color: #efefef;
	border: 1px solid #efefef;
	border-radius: 10px;
	margin-top: 5px;
	cursor: pointer;	
}
.collapsePanelHeader {
	padding: 10px 4px;
	margin-bottom: .5em;
}
.accordionHeaderSelected {
	background-color: #ddd;
}
.dropPnlContent{
	padding: 10px;
	border: 1px solid #eee;
	overflow:hidden;
	margin-bottom: .5em;
}	
.btn-default {
	color: #333;
  background-color: #efefef;
  border-color: #efefef;	
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #817D7A;
  background-color: #ddd;
  border-color: #ccc;
}
ul.details,
ul.details li{
	list-style:none;
	list-style-type:none;		
}
ul.details{
	padding: 0;
	margin: 0;
	width:100%;
	clear: left;
}
.list ul.details li{
	padding: .3em .3em .3em 1em;
	font-size: .9em;
}
ul.details li:nth-child(odd) { 
	background: #CECCCA;
}
ul.details li:nth-child(even) { 
	background: #eee;
}
/*12.1 Calendar Colors and Styles
*****************************************/
.prop-cal-mobile{
	float: none;
	margin-bottom: .5em;
}
.datepicker, .datepickerEnd {
  cursor:pointer;   
  background-color: #ffffff;
	padding-left:10px;
}
.cStyle {
  background-color:#D7DFFF; 
  table-layout: fixed;
	border:solid 1px #FFFFFF;
	width: 100%;
}
.cTitle{ 
    background: #ccddee none repeat scroll 0 0;
	font-family: Arial,Helvetica,Tahoma,Sans-Serif, Monospace;
	font-weight: bold;
	overflow: hidden;
}
.cDayHeader { 
	background: rgb(221,234,253); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(221,234,253,1) 0%, rgba(212,228,250,1) 11%, rgba(220,233,249,1) 16%, rgba(219,233,249,1) 18%, rgba(204,223,248,1) 23%, rgba(199,221,247,1) 27%, rgba(205,224,248,1) 36%, rgba(226,237,252,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,234,253,1)), color-stop(11%,rgba(212,228,250,1)), color-stop(16%,rgba(220,233,249,1)), color-stop(18%,rgba(219,233,249,1)), color-stop(23%,rgba(204,223,248,1)), color-stop(27%,rgba(199,221,247,1)), color-stop(36%,rgba(205,224,248,1)), color-stop(100%,rgba(226,237,252,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(221,234,253,1) 0%,rgba(212,228,250,1) 11%,rgba(220,233,249,1) 16%,rgba(219,233,249,1) 18%,rgba(204,223,248,1) 23%,rgba(199,221,247,1) 27%,rgba(205,224,248,1) 36%,rgba(226,237,252,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(221,234,253,1) 0%,rgba(212,228,250,1) 11%,rgba(220,233,249,1) 16%,rgba(219,233,249,1) 18%,rgba(204,223,248,1) 23%,rgba(199,221,247,1) 27%,rgba(205,224,248,1) 36%,rgba(226,237,252,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(221,234,253,1) 0%,rgba(212,228,250,1) 11%,rgba(220,233,249,1) 16%,rgba(219,233,249,1) 18%,rgba(204,223,248,1) 23%,rgba(199,221,247,1) 27%,rgba(205,224,248,1) 36%,rgba(226,237,252,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(221,234,253,1) 0%,rgba(212,228,250,1) 11%,rgba(220,233,249,1) 16%,rgba(219,233,249,1) 18%,rgba(204,223,248,1) 23%,rgba(199,221,247,1) 27%,rgba(205,224,248,1) 36%,rgba(226,237,252,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeafd', endColorstr='#e2edfc',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #727272;
	color: #2D2D2D;
	cursor: default;
	font-family: Arial,Helvetica,Tahoma,Sans-Serif, Monospace;
	font-weight: normal;
	font-size: 9px;
	text-align:center;
}
.AjaxAnnualCalRented {
	background-color:#ABCC6A;
	border:solid 1px #FFFFFF;
	color: #666;
	cursor:text;
	text-decoration: none;
}
.AjaxAnnualCalAvailable {
	background-color:#D7DFFF;
	text-decoration: underline;
	cursor: pointer;
	border:solid 1px #FFFFFF;
}
.AjaxAnnualCalUnAvailable {
	background-color:#D7DFFF;
	color:#666;
	cursor:text;
	border:1px solid #FFFFFF;
	text-decoration: none;
}
.AjaxAnnualCalCheckOut {
	background-repeat: no-repeat;
	background-position: center;
	background-color:Red;
	border:2px solid black;
	font-weight:bold;
}
.AjaxAnnualCalCheckIn {
  background: #D7DFFF;
  background: -moz-linear-gradient(-60deg, #D7DFFF 50%, #006401 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#D7DFFF), color-stop(50%,#006401));
  background: -webkit-linear-gradient(-60deg, #D7DFFF 50%,#006401 50%);
  background: -o-linear-gradient(-60deg, #D7DFFF 50%,#006401 50%);
  background: -ms-linear-gradient(-60deg, #D7DFFF 50%,#006401 50%);
  background: linear-gradient(145deg, #D7DFFF 50%,#006401 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DFFF', endColorstr='#006401',GradientType=1 );
  width: 50px;
  margin:auto 0.00em;
	border:2px solid black;
	font-weight:bold;
	color:#000000;
}
.AjaxAnnualCalBlackOut { 
	background-color: #EB8F8F;
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;
}
.AjaxAnnualCalSelected {
	background-color:#006401;
	border:2px solid black;
	font-weight:bold;
}
.AjaxAnnualCalCheckInBooked {
  background: #c3c1c1;
  background: -moz-linear-gradient(-60deg, #c3c1c1 50%, #006401 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#c3c1c1), color-stop(50%,#006401));
  background: -webkit-linear-gradient(-60deg, #c3c1c1 50%,#006401 50%);
  background: -o-linear-gradient(-60deg, #c3c1c1 50%,#006401 50%);
  background: -ms-linear-gradient(-60deg, #c3c1c1 50%,#006401 50%);
  background: linear-gradient(145deg, #c3c1c1 50%,#006401 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c1c1', endColorstr='#006401',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	border:2px solid black;
	font-weight:bold;
	cursor: pointer;
}
.AjaxAnnualCalCheckInRented {
  background: #D7DFFF;
  background: -moz-linear-gradient(-60deg, #D7DFFF 50%, #c3c1c1 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#D7DFFF), color-stop(50%,#c3c1c1));
  background: -webkit-linear-gradient(-60deg, #D7DFFF 50%,#c3c1c1 50%);
  background: -o-linear-gradient(-60deg, #D7DFFF 50%,#c3c1c1 50%);
  background: -ms-linear-gradient(-60deg, #D7DFFF 50%,#c3c1c1 50%);
  background: linear-gradient(145deg, #D7DFFF 50%,#ABCC6A 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DFFF', endColorstr='#c3c1c1',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	color:#666;
	cursor:text;
	text-decoration: none;
}
.AjaxAnnualCalCheckOutRented {
  background: #c3c1c1;
  background: -moz-linear-gradient(-60deg, #c3c1c1 50%, #D7DFFF 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#c3c1c1), color-stop(50%,#D7DFFF));
  background: -webkit-linear-gradient(-60deg, #c3c1c1 50%,#D7DFFF 50%);
  background: -o-linear-gradient(-60deg, #c3c1c1 50%,#D7DFFF 50%);
  background: -ms-linear-gradient(-60deg, #c3c1c1 50%,#D7DFFF 50%);
  background: linear-gradient(145deg, #ABCC6A 50%,#D7DFFF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c1c1', endColorstr='#D7DFFF',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	cursor: pointer;
	text-decoration: underline;
}
.AjaxAnnualCalCheckInRentedUnAvailable {
  background: #D7DFFF;
  background: -moz-linear-gradient(-60deg, #D7DFFF 50%, #c3c1c1 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#D7DFFF), color-stop(50%,#c3c1c1));
  background: -webkit-linear-gradient(-60deg, #D7DFFF 50%,#c3c1c1 50%);
  background: -o-linear-gradient(-60deg, #D7DFFF 50%,#c3c1c1 50%);
  background: -ms-linear-gradient(-60deg, #D7DFFF 50%,#c3c1c1 50%);
  background: linear-gradient(145deg, #D7DFFF 50%,#c3c1c1 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DFFF', endColorstr='#c3c1c1',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	color:#666;
	cursor:text;
}
.AjaxAnnualCalCheckOutRentedBlackOut {
	background: linear-gradient(to right bottom, #ABCC6A 50%, #EB8F8F 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;
}
.AjaxAnnualCalCheckOutRentedUnAvailable {
  background: #c3c1c1;
  background: -moz-linear-gradient(-60deg, #c3c1c1 50%, #D7DFFF 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#c3c1c1), color-stop(50%,#D7DFFF));
  background: -webkit-linear-gradient(-60deg, #c3c1c1 50%,#D7DFFF 50%);
  background: -o-linear-gradient(-60deg, #c3c1c1 50%,#D7DFFF 50%);
  background: -ms-linear-gradient(-60deg, #c3c1c1 50%,#D7DFFF 50%);
  background: linear-gradient(145deg, #c3c1c1 50%,#D7DFFF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c1c1', endColorstr='#D7DFFF',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	color:#666;
	cursor:text; 
}
.AjaxAnnualCalRentedMemberOwner {
    background: linear-gradient(to right bottom, #69B7DE 50%, #ABCC6A 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;
}
.AjaxAnnualCalRentedOwnerMember {
    background: linear-gradient(to right bottom, #ABCC6A 50%, #69B7DE 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;
}
.AjaxAnnualCalBlackOutRented {
    background: linear-gradient(to right bottom, #EB8F8F 50%, #ABCC6A 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;
}
.AjaxAnnualCalRentedBlackOut {
    background: linear-gradient(to right bottom, #ABCC6A 50%, #EB8F8F 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;
}
.AjaxAnnualCalRentedOwnerBlackOut {
    background: linear-gradient(to right bottom, #69B7DE 50%, #EB8F8F 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;	
}
.AjaxAnnualCalRentedBlackOutOwner {
    background: linear-gradient(to right bottom, #EB8F8F 50%, #69B7DE 50%);
    width: 29px;
    height: 18px;
    margin: auto 0.00em;
    color: #666;
    border: solid 1px #FFFFFF;	
}
.row.lower-top-margin td {
    width: 27px;
    height: 22px;
}
/* 12.2 Advanced Search Options searchoptions.aspx 
***************************************************/
.search-options-area {
	display: none;
}
.search-options-smoking {
	/*display: none;*/
}
.searchOptionsFlexibleRange {
	/*display: none;*/
}
.searchOptionsPriceRange {
	/*display: none;*/
}
.searchOptionsresultsPerPage {
	/*display: none;*/
}
.check-InOut {
	margin-bottom: .7em;
}
.search-options-upper-button {
	margin-top: 16px;
}
span.label,
label {
	font-weight:bold;
	color: #333;
}
.PanelBody span.label,
.PanelBody label{
	display: inline;
}
.PanelBody {
	margin-top: .3em;
	border: #dddddd 1px solid;
	overflow: auto;
	padding-right: 1.5em;
	padding-left: .7em;
	height: 300px;
}
.other_options{
	float:right;
}
.other_options .formOption{
	margin: .6em 0 0;	
}
.other_options .formOption span.label,
.other_options .formOption label{
	display:inline-block;
	text-align: left;
}
.other_options .checkboxOptions span.label,
.other_options .checkboxOptions label{
	display:inline-block;
	width:auto;	
}
.exactList td {
	padding: 5px;
}
.search-options-pets,
.search-options-handicap,
.search-options-smoking {
	margin-bottom: 2px;
}
/* REF: 20160324-1 */
.AddOverflowY {
	max-height: 300px;
	overflow-y: scroll;
}

/*12.3 WEB GROUP & SEARCH RESULTS LIST 
*********************************************************************/
.wg-proplist img {
	min-width: 100%;
}
#top_action_buttons .btn-property {
	margin-top: 21px;
	margin-bottom: .5em;
}
@media screen and (max-width:767px) {
	#top_action_buttons .btn-property {
		margin-top: .5em;
		margin-bottom: .5em;
	}
	.action-buttons {
		text-align: center;
	}
	.action-buttons .btn-property{
		margin-bottom: .8em;
	}
}
.wg-datemain {
	padding-left: 8px;
	padding-right: 8px;
}
#pagerPnl {
	margin: .7em 0;
}
.filteroptionstext {
	text-align: center;
}
.results_tot{
	text-align: center;
	margin: .5em auto;
}
.sortby {
	color: #fff;
	font-weight: bold;
}
.sortby input, .sortby select {
	font-weight: normal;
	color: #333333;
}
.wg-proplist {
	padding: 1em;
}
.filterOptions {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: .5em;
}
.listTable,
.listTable th,
.listTable td,
.listTable tr{
	border: 1px solid #dddddd;
	border-collapse: collapse;
}
.listTable .result_list_header th,
.listTable tr.propList_main td,
.listTable tr.propList_main{
	border-color:#dddddd;
	border-collapse: collapse;
}
.result_list_header{
	background-color: #817D7A;
	padding: 4px;
	border: 2px solid #817D7A;
	border-bottom: none;
	overflow: hidden;
}
.result_list_header ul{
	display: table;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	list-style: none;
	white-space: nowrap;			
}
.result_list_header li{
	float: inherit;
	display: table-cell;
	text-align: center;
	margin: 0;
	padding: 0;			
}	
.result_list_header select.buttonGrid, 
.result_list_header input.buttonGrid, 
.result_list_header a.buttonGrid {
	padding: 6px 17px 8px 15px;
	font-size: 13px;
	color: #fff;
	background-color: #817D7A;
	text-decoration: underline;
	width: auto;
	cursor: pointer;
	border: 0;
	margin: 0px;
	display: table-cell;
	text-align: center;
	overflow: hidden;
}	
ul.propList_main{
	display:table;
}
ul.propList_main,
ul.propList_main li.property{
	list-style:none;
	list-style-type:none;
	margin: 0;
	padding-left: 0;
}
.thumb img {
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 10px;
	behavior: url(/vacation/common/PIE.htc);
	width: 99%;
	max-width: 225px;
	/*2016-05-04*/
	/*position: relative;*/
	margin-bottom: .5em;
}
.property_info .thumb img {
	border-radius: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border: 1px solid #ddd;
	-webkit-border-radius: 10px;
	behavior: url(/vacation/common/PIE.htc);
	width: 99%;
	max-width: 40%;
	min-width: 290px;
	margin-bottom: .5em;	
}
span.ellipsis {
	min-width: 100px;
	float:left;
}
.GridPager table {
   width:100%;    
}
.GridPager td, .GridPager tr {
	border: 0px;
  text-align:center;   
}
.GridPager a {
  background-color: #ffffff;
  color: #000;
  border: 1px solid #ddd;
  cursor: pointer;
  display: block; 
  width: 100%;
  border-radius:3px;
}
.GridPager span {
  background-color: #eeeeee;
  color: #000;
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  border-radius:3px;
}
.GridPager a:hover {
  background-color: #eeeeee;
}
.PagerContainerTable {
  display: table;
  padding-left: 0;
  border-radius: 4px;
  width: 100%;
}
.PagerInfoCell:link,
.PagerInfoCell:visited {
	color: #ffcc66;
	text-decoration: none;
}
.PagerCurrentPageCell {
  background-color: #eeeeee;
  color: #000;
  border: 1px solid #ddd;
  text-align:center;
}
.PagerOtherPageCells, .PagerInfoCell {
  line-height: 1.42857143;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align:center;
  padding:0 .4em 0 .4em;
}
.PagerSSCCells {
	background-color: #cccccc;
  line-height: 1.42857143;
  text-align:center;
  border: 1px solid #ddd;
}
.PagerHyperlinkStyle {
	font-size: 11px;
  color: #000;
  cursor: pointer;
  width: 100%;
  display: block;
  padding:.2em;
}
.PagerHyperlinkStyle:hover,
.PagerHyperlinkStyle:link, 
.PagerHyperlinkStyle:visited, 
.PagerHyperlinkStyle:active {
	color: #000000;
	text-decoration: none;
}
.GoToLabel {
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color:#333333;
	cursor:pointer;
	font-size:65%;
	vertical-align:middle;
	display:inline;
}
.GoToSelect {
	font-size:55%;
}
.GoToSelectedOption {
	color:#f9f9f9;
	background-color:#666666;
}
.GoToArrow{
	vertical-align:middle;
	cursor:pointer;
}
.main-ribbon-wrapper {
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}
.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.ribbon {
  font-weight: bold;
  font-size: 15px;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon:before, .ribbon:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}
.qs-main {
	padding-left: 15px;
	padding-right: 15px;
}
.dropdown-menu {
	padding: 5px 10px;
}
#ModalPrice .modal-sm {
	font-size: 14px;
	width: 325px; 
}
.imageUp,
.imageDown {
	color: #ccc;
}
.resultsprice {
	display: none;
}
.showBrochure {
	display: none;
}	
.showCartCompare{
	display: none;
}
.showCart{
}
.showCompare{
	display: none;
}
.showEmail{
	/*display: none;*/
}
/*12.4 Property Detail Page 
***************************************/
.bookit {
	text-align: center;
	margin-top: .5em;
}
.bookitrows {
	margin-top: .5em;
	margin-bottom: .8em;
}
.calendar-text {
	text-align: center;
	color: #993300;
}
.detail-wrap {
	margin-top: 1em; 
}
.MapFade {
  display:none;
  position: absolute; 
  z-index: 2000;
  background-color: #eeeeee;
  	filter:alpha(opacity=95);
	  -moz-opacity: 0.95; 
  	opacity: 0.95;
  margin: 0px auto;
}
.map {
  margin: 0px auto;
}
.map-wrap { 
  background-color: #EEE; 
  border: 1px solid #CCC; 
  padding: 10px;
  max-width: 500px;
  margin: 1em auto; 
}
#pnlCompare .btn-property {
	margin-bottom: .8em;
}
#GuestSurveyRatingSummary li, 
#GuestSurveyRatingSummary ul {
	list-style: none;
	list-style-type: none;
}
#ctl00_ContentPlaceHolder1_DisplayProperty_ctl00_paneAddOns_content {
	max-height: 600px;
	overflow-y: scroll;
}
#ctl00_ContentPlaceHolder1_DisplayProperty_ctl00_slideshowCtl_updPnlLargePhotoSwipe {
	margin-bottom: .4em;
}
#ctl00_ContentPlaceHolder1_DisplayProperty_ctl00_ctl10_GridPricing td {
	padding: 3px;
}

/*12.5 BOOK IT! Page
**********************************************************************/
.olse-required {
	background-color: #FFFFCC;
}
.smalltipricetext{
  font-size: 12px;
}
.ajax__validatorcallout_popup_table {
  z-index: 9999;
}
.bookit-res-info {
	padding-left: 10px;
	padding-right: 10px;
}
.block-pnl{
	background: #eee;
	border: 1px solid #ddd;
	border-radius: .2em;
	min-width: 155px;
	margin-bottom: .5em
}
.block-pnl .info {
	padding: 0 .5em;
}
.block-pnl .itemRow{
	border-bottom: 1px solid #ddd;
	padding: .25em 0;
}
.block-pnl .ins-row{
	border-bottom: 0px solid #ddd;
	padding: .5em 0 0;
}
.row .itemRow,
.row .ins-row {
	margin-left: 0;
	margin-right: 0;
}
.itemRow .label,
.ins-row .label {
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 100% ;
	white-space: normal;
}
.dichoose {
	margin-top: 1em;
}
.diradio input {
	margin: 4px 5px 0 0;
}
.diradio label {
	display: initial;
	font-size: 12px;
}
#optionaltilabel .label {
	padding: 0 0 .3em 0;
}
.help-block {
	padding-left: 1em;
	margin-bottom: 5px;
}
#insurancelink,
#travelinsurancelink {
	font-size: .9em;
}
.note {
	text-align: center;
}
.validatorCalloutHighlight {
  background-color: #FFFFCC;
}
.vra {
	height: 300px;
	overflow-y: scroll;
}
.close {
	text-decoration: none;	
	font-size: 26px;
}
.modal-title {
	display: inline-block;
}
#ctl00_ContentPlaceHolder1_LblDiscountText {
	float: left;
	text-align: left;
}
#ctl00_ContentPlaceHolder1_discountPrice {
	float: left;
	text-align: left;			
}
.rent-breakdown-value {
	font-weight:600;
}
.confirmation-hold-message {
	font-weight: bold;
	font-size: 16px;
	background-color: #f1f1f1;
}
.paymentmessageright .info {
	padding: 10px;
	background: #efefef;
  border: 1px solid #ccc;
}
@media (max-width: 767px) {
	.paymentmessageright {
		padding-left: 0;
		padding-right: 0;
	}
}
/*Reservation confirmation
***********************************/
#frameConf {
	border-width: 0;
}
.res-info,
.res-description {
	padding-top: .4em;
	padding-left: .6em;
}

/*13. GUEST EXTRANET DEFAULTS
**********************************************************************/
/*13.1. GE Login Page */
.loginForm {
	max-width: 30em;
}
/*13.2. GE Dashboard Home */
.ge-home-button
{
	min-height: 100px;
}
/*13.3 GE Reservation Screen */
.property_info {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 1em;
	border-radius: 10px;
	margin-bottom: 1em;
}

/*14. OWNER EXTRANET DEFAULTS
**********************************************************************/
#LogoutCtl_LogoutBtn {
	margin-top: 25px;
}

#ownerAccordion {
	padding-left: -15px;
	padding-right: -15px;
	margin-left: -15px;
	margin-right: -15px;
}

/*15. LONG TERMS
**********************************************************************/
.propList_main ul.details {
	margin-bottom: .7em;
}
.LT_list {
	border: 1px solid #817D7A;
}
.lt_item {
	margin: 8px 0 0 0;
	border-bottom: 1px solid #817D7A;
}
.lt_sortlinks {
	text-align: right;
}
.btn-lt {
	margin: .2em .1em;
}
.lttext {
	font-size: 1.2em;
	font-weight: bold;
	color: #817D7A;
}

/*16. PROPERTY SLIDESHOWS
**********************************************************************/
/* This controls the background color, text color, and width of the captions below the images */
.fotorama__caption__wrap {
	width: 100%;
	background-color: #333333 !important;
	color: #ececec !important;
}
/* This controls the position of the captions */
.fotorama__caption {
	text-align: center;
	bottom: 5px;
}
/* On iPads, the caption would cover the images */
@media only screen and (max-width: 992px) {
	.fotorama__caption {
		bottom: 0 !important;
	}
	.fotorama__caption__wrap {
		padding: unset !important;
	}
}
/* This controls the background color of the stage during full screen mode */
.fotorama--fullscreen .fotorama__stage {
	background-color: #000000 !important;
}
/* Web group and search results list thumbnail image */
.wg-proplist .fotorama {
	margin-top: -8px;
	margin-bottom: -20px;
}
/*17. SITE SPECIFIC STYLES
This section is not to overwrite anything from above
such as nav styles or h1 styles etc. This section is to
add new styles that don't exist in the template. Change
styles above in place when desired.
************************************/
.specialsText {
	color: red;
	font-weight: bold;
	margin-bottom: 8px;
}
.sq-feet {
	text-align: center;
	margin: 10px 0;
	font-style: italic;
}
.anotherVideo {
	margin: 20px;
}
#ctl00_ContentPlaceHolder1_DisplayProperty_ctl00_LinkVTour {
	margin: 20px 0;
}
/*CONTACT PAGES OLSE 
***********************/

#ContactPage {
   background-color: #fff;
}
#ContactPage .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
#ModalPropertyDetailContact .modal-header {
	background-color: #51BBD9;
}
#ModalPropertyDetailContact .modal-title {
	color: #fff;
}
#ModalPropertyDetailContact .close {
	color: #fff;
}
.grecaptcha-badge
{transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
.recent-items-modal {
	text-align: left;
}

#featured {
	border-right: none !important;
}