/*****************************************************************************************************/
/*		At larger sizes (768 and above) the detail window appears over the google map at 33% width   */
@media screen and (min-width : 768px)  and (max-width : 950px)  {
	#mapContent { height:700px;	}
	#detailWindowContainer {
		max-height: 632px; 	
		width:38%;
	}
	.newinnerScrollable, #detailWindowInner { max-height: 580px; }
}
@media screen and (min-width : 950px)  {
	#mapContent { height:750px;	}
	#detailWindowContainer {
		max-height: 690px; 	
		width:33%;
	}
	.newinnerScrollable, #detailWindowInner { max-height: 696px; }
}
@media screen and (min-width : 768px) {
	#detailWindowContainer {
		max-height: 750px; 	
		top:170px;
		left:60px;
		overflow:hidden;
	}
}

/*************************************************************************************************/
/*	At tablet and mobile sizes (under 768), the detail window appears below the map at full width   */
@media screen and (max-width: 300px) {
	#mapContent { height:220px;	}
}
@media screen and (min-width : 300px) and (max-width : 400px) {
	#mapContent { height:300px;	}
}
@media screen and (min-width : 400px) and (max-width : 500px) {
	#mapContent { height:350px;	}
}
@media screen and (min-width : 500px) and (max-width : 768px) {
	#mapContent { height:450px;	}
}
@media screen and (max-width: 768px) {
	#mapContent { margin-top:70px; border:1px solid #eee; }
	

	#detailWindowContainer {
		background:none;
		border:0px;
		color:#666;
		padding:0px;
		margin:0px;
		margin-top:-100px;
		z-index:999;
		width:100% !important;
		position:relative;	
	}	
	.elevatorBtn {
		display:inline;
		border-left:1px solid #ddd;
		padding:7px 9px 8px 12px;
		margin:0px;
		font-size:1em;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	
	}
	.floorBtns {
		float:none;
		width:100%;
		padding-bottom:8px 9px;
		margin:14px 0px 0px 18px;
	}
	.floorViews {
		float:none;
		width:100%;
		height:100%;
		overflow:scroll;
	}
	
	.imageWider img, .imageTaller img {
		height: auto;
		width: auto;	
		
	}


	/*body {
		background:#9c9a89;
		overflow:auto !important;
	}
	#pageTitle {
		margin-bottom:3px;
	}

	#searchq {
		width:70px !important;	
	}
	
	#searchBox {
		margin-right:-6px;
		font-size:1em;
		font-weight:normal;
	}

	#infobtn {
		display:none !important;
	}
	#headtxt {
	
		display: none;
	}

	#topNav {
		height:auto;
		width:99%;
	}
	#primaryNav, #secondaryNav {
		width:90% !important;
	}
	#contentMain {
		clear:both;	
		
	}
	.ui-icon {
		display:inline-block !important;	
	}
	.dropdown {
		width:100% !important;
		margin:5px 0px !important;
		padding:4px !important;
	}
	.dropdown li {
		width:auto !important;
		display:block;
		margin:0px !important;
		padding:8px !important;
	}
	.submenu {
		width:95% !important;
		position:relative;
		margin:10px 0px !important;
		padding:0px !important;
	
	}
	.submenu li {
		width:auto !important;
	}

	#phMenuButton {
		display:block !important;	
		padding:8px;
	}
	#minmax {
		display:none;	
	}


	#detailWindowInner h4 {
		font-size:1.2em;
	}
	
	#contentMain {
		width:98%;
	}
	#mapContent, #detailWindowInner {
		margin:1em;	
		
	}
	#detailWindowInner {
		background:white;
	}
	#minmax {
		display:none !important;	
	}
	.opbox img {
		width:22px;	
	}
	
	#loader {
		width: 60%;
		top:-50px;
	}
	
	#feedbackForm, #feedbackNotification {
		position:relative;	
		z-index:9999 !important;	
		width:100%
	}
	#ffInner {
		position: relative; 
		margin:3px 10px;
	}






	.elevatorBtn {
		display:inline;
		border-left:1px solid #ddd;
		padding:7px 9px 8px 12px;
		margin:0px;
		font-size:1em;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	
	}
	.floorBtns {
		float:none;
		width:100%;
		padding-bottom:8px 9px;
		margin:14px 0px 0px 18px;
	}
	.floorViews {
		float:none;
		width:100%;
		height:100%;
		overflow:scroll;
	}
	
	.imageWider img, .imageTaller img {
		height: auto;
		width: auto;	
		
	}
	
	.fbrHead {
		font-size:.95em;	
	}
	#dirfrom {
		width:90px;	
	}
	#flrBuildName {
		padding:4px 7px;
		margin:4px 4px 0px 4px;
	}
	
	.ebFirst {
		-moz-border-top-left-radius:9px;
		-webkit-border-top-left-radius:9px;
		border-top-left-radius:9px;
		-moz-border-bottom-left-radius:9px;
		-webkit-border-bottom-left-radius:9px;
		border-bottom-left-radius:9px;
		border:1px solid #566963;
		padding-left:14px
	}
	.ebLast {
		-moz-border-top-right-radius:9px;
		-webkit-border-top-right-radius:9px;
		border-top-right-radius:9px;
		-moz-border-bottom-right-radius:9px;
		-webkit-border-bottom-right-radius:9px;
		border-bottom-right-radius:9px;
		padding-right:11px
		
	}

.elevatorBtnSel {
	background:#d49714 !important;
}
*/

}