/***************************Global*******************************************************************/
html { overflow-x: hidden; }
body { width: 100%; margin: 0px; }

/********FOOTER & HEADER LINKS SOCIAL LINKS*********/
.tw { background-color: #659FCB; }
.fb { background-color: #3B579D; }
.gp { background-color: #DE5347; }
.pi { background-color: #D01D15; }
.ln { background-color: #007BB6; }
.yt { background-color: #cc181e; }
.socicon { border-radius: 15px; padding: 8px; }

/********/
#navMain, #headerTop { display: none; }

/********Body********/
#custom-doc { width: 100%; min-width: 250px; max-width: 100% }

/*SUBPAGE - 2 COLUMN*/
.yui-gf, .yui-gb { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: center; -webkit-justify-content: center; }
.yui-gb { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.yui-gf div.first { width: 25% !important; min-width: 220px; margin-right: 20px }
.booking-path  .yui-gf div.first { min-width: 295px; }
.IE8 .yui-gf div.first, .IE9 .yui-gf div.first { width: 25% !important; min-width: 220px; margin-right: 20px }
.yui-gf .yui-u { width: 75% !important; min-width: 220px; margin-left: 5px; }
.IE8 .yui-gf .yui-u, .IE9 .yui-gf .yui-u { width: 72% !important; min-width: 220px; margin-left: 5px; }

/*SUBPAGE - 1 COLUMN*/
.yui-g { margin: auto; padding: 0px; }
#bd { position: relative; padding: 20px; }
.left-right-content #bd { padding: 0px 0px 25px 0px; }
#ft { padding: 50px 0 }

/********MODULES**********/
.HtmlModule_ascx, booking-path .yui-u, .ContactUs_ascx { margin: 0; }
.left-content .HtmlModule_ascx { padding: 0px !important; }
.HtmlModule_ascx .modulePadding, #propertyList li, .sort { display: block; padding: 0px; }
.HtmlModule_ascx .modulePadding, .booking-path .yui-u, .ContactUs_ascx .modulePadding, .AgencyInfo_ascx .modulePadding { padding: 0px }
.left-content .HtmlModule_ascx, .content .HtmlModule_ascx, .ContactUs_ascx { padding: 20px 20px 0 20px; }
p { line-height: inherit; text-align: justify; font-size: inherit; }

/********Search & search by name**********/
.Search_ascx .modulePadding, .SearchByName_ascx .modulePadding { padding: 10px; }
.search-button-wrapper input, .name-search-button { padding: 0px; position: relative; }
.search select, .search input[type="text"], .search-by-name input, .amenities, .search input[type="submit"] { width: 100% !important; }
.search { padding: 0px; width: 100%; margin: auto; display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }
.search .refine { margin: 30px 0 10px 0; }
.arrive, .adults, .pets, .beds, .amenities, .cat1, .cat2, .cat3, .search-button-wrapper, .a-search, .refine, .price, .lofts, .children, .baths { padding-left: 0px; }

/*search*/
.arrive, .depart, .adults, .children, .beds, .baths, .cat1, .cat2, .cat3, .pets, .price, .search-button-wrapper, .name-search-button, .refine-results-container { float: none; width: 100%; clear: none; }
#nameContainer.yui-ac { margin-left: 0px; height: auto; }
.search input[type="text"], .search-by-name input[type="text"], textarea { padding: 4px 0px; }
label { display: initial !important; display: -ms-inline-grid !important; font-size: inherit !important; float: none !important; }
.IE8 label, .IE9 label { line-height: normal; }
form { margin: 0px !important; }
ul, ol { margin: 0px !important; }
.ui-datepicker .ui-datepicker-title { line-height: 2.1em !important; }
input[type="button"], input[type="submit"], .BTN_1_Middle a { display: block; border-radius: 4px; border: 0px; }
input[type="button"], input[type="submit"] { padding: 10px 20px }
.refine { font-size: 150%; }

/********Property List & Booking********/
#propertyList, .rate-summary, .payment-summary, .average-reviews-wrapper, .recommend, .comment, .manager-responses { width: 100% !important; }
#propertyList, #propertyList .meta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; float: right; }
input[type="button"], input[type="submit"] { padding: 10px 20px }

/********INQUIRY DIALOG********/
.ContactUs_ascx textarea, .ContactUs_ascx input { width: auto !important; }
.ContactUs_ascx textarea { width: 100% !important; }
.ContactUs_ascx .Form_Data td { padding-right: 5px; }

/*contact us page*/
.CP_Email { display: none; }
.ContactUs_ascx td { padding: 4px 0px; }
.Search_ascx .modulePadding, .SearchByName_ascx .modulePadding, .AgencyInfo_ascx .modulePadding, .ContactUs_ascx .modulePadding, .sort, .booking-path .yui-u { width: inherit }
img.pic { margin: 0 20px 10px 0; float: none !important; padding: 1px; width: 100%; max-width: 640px; height: auto; }
.BTN_1_Middle a { padding: 10px 20px; display: block; text-decoration: none; }

/***For Editor****/
.Sitemap_ascx img { max-width: none !important; }
.Pages_ascx td { background-image: none !important; }
.tabPanel { overflow: inherit; height: auto; }

/**** tablets and desktop **********************************************************************************************************/
@media only screen and (max-width:1200px) { }

/****phones***********************************************************************************************************/
@media only screen and (max-width:767px) {
	#bd { position: relative; padding: 0px !important; }
	.yui-gf { display: block; padding: 0px !important; }
	.yui-gf div.first, .yui-gb div.first, .yui-gb div.third, .IE8 .yui-gf .yui-u, .IE9 .yui-gf .yui-u, .IE8 .yui-gf div.first, .IE9 .yui-gf div.first { width: 100% !important; min-width: 220px; padding: 0px; }
	.booking-path  .yui-gf div.first { min-width: 250px; }
	.yui-gf .yui-u, .yui-gb .yui-u { width: 100% !important; min-width: 220px; padding: 0px; margin-left: 0px; }
	#hd .social { display: none; }
	#hd_rht, #hd_lft { float: none; text-align: center !important; width: 100%; padding-right: 0px; display: block; line-height: 1.8em; font-size: 90%; }
	#company_info span { text-align: center !important; }
	.yui-gb .first .HtmlModule_ascx .modulePadding { display: none; }
	#navMain, #navMain ul { float: none; height: auto; }
	#navMain li { width: 100%; text-align: center; }

	/*property list*/
	#propertyList .body p, h1, h2, h3, h4, h5, h6 { text-align: center; }
	.manager-responses p { margin-right: 20px; }

	/*SEARCH*/
	.arrive, .depart, .adults, .children, .search-button-wrapper, .name-search-button { float: none; clear: none; flex-direction: row; -webkit-flex-grow: 1; flex-grow: 1; }
	.arrive, .depart { width: 20% }
	.arrive { margin-right: 10px; }
	.beds, .baths, .cat1, .cat2, .cat3, .pets, .price, .refine, .amenities, #unitThumbnail { display: none; }
	.ui-tabs .ui-tabs-nav li { width: 100%; }

	/**Calendar***/
	#ui-datepicker-div { width: 100% !important; max-width: 255px; z-index: 101 !important; top: 0px !important; left: 0px !important; }
	.ui-datepicker-multi .ui-datepicker-group { float: none; width: auto; }
}