/*GENERAL RESET*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{  padding:0px;  margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}
img, a img{ border:0;}
td{ vertical-align:top;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
/*END RESET*/

@font-face {
	font-family: 'ElegantIcons';
	src:url('/fonts/ElegantIcons.eot');
	src:url('/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('/fonts/ElegantIcons.ttf') format('truetype'),
		url('/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-style: normal;
}

[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#bodyWrapper { padding:20px; position:relative; max-width:800px;}
.hide { display:none; }
h6 { max-width:120px; }
a { color:#000; text-decoration:none; }
a:hover { color:#777; }
a.button { display:inline-block; font-size:12px; padding:5px 10px; background:#a7a7a7; color:#fff !important; text-decoration:none !important; border-radius:4px; margin-top:12px; }
a.button:hover { color:#fff !important; }
#powerTip a { color:#2080C3; text-decoration:underline; }
#instructions { width:400px; }
#instructions p { font-size:14px; line-height:110%; padding-bottom:30px; }
.text-uppercase { text-transform:uppercase; }
.text-danger { color:#be4130; }
.text-serif { font-family:"Crimson Text", serif; }
.fw-bold { font-weight:600; }
#mapWrapper object { width:100%; max-width:470px !important; height:auto !important; }
#mapWrapper { height:85vh; max-height:800px;}
#baseMapWrapper img { max-width:auto !important; height:100%; }
#baseMapWrapper { height:85vh; max-height:800px; 
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
#rightLegendWrapper { position:absolute; z-index:100; width:30px; transition: width 0.3s ease; height:100%; right:0px; overflow:hidden }
#rightLegendWrapper.open { width:330px; }
#rightLegendButton { display:block; position:absolute; top:20px; left:0px; width:30px; text-align:center; font-size:40px; color:#fff; background:#000; border-top-left-radius:6px; border-bottom-left-radius:6px; }
#rightLegendButton a { display:block; color:#fff; text-decoration:none; text-align:center; width:30px; padding:20px 0px; }
#rightLegend { position:absolute; z-index:100; height:94%; width:300px; overflow:auto; border:#cecece solid 1px; top:20px; background:rgb(255,255,255); background:rgba(255,255,255,.95); left:30px; }
#rightLegend #header { background:#000; color:#fff; text-align:center; padding:4px; font-weight:bold; }
#rightLegend ul, #rightLegend li { margin:0; padding:0; list-style:none; }
#rightLegend li { padding:5px 8px; position:relative }
#rightLegend li a.store_link { position:absolute; right:5px; top:5px; }
#rightLegend li:nth-child(even) { background-color:#F4F4F4; }
.active { grayscale:(100%); -webkit-filter: grayscale(100%); }
#powerTip { z-index:99; }

#bldgMap #suites g:hover polygon { filter:brightness(2); }
.brighter { filter:brightness(2); }

@media screen and (min-width: 240px) {
  #baseMapWrapper {
  -ms-transform: scale(.45);
  -moz-transform: scale(.45);
  -o-transform: scale(.45);
  -webkit-transform: scale(.45);
  transform: scale(.45);
  }
}
@media screen and (min-width: 320px) {
  #baseMapWrapper {
  -ms-transform: scale(.6);
  -moz-transform: scale(.6);
  -o-transform: scale(.6);
  -webkit-transform: scale(.6);
  transform: scale(.6);
  }
}
@media screen and (min-width: 375px) {
  #baseMapWrapper {
  -ms-transform: scale(.70);
  -moz-transform: scale(.70);
  -o-transform: scale(.70);
  -webkit-transform: scale(.70);
  transform: scale(.70);
  }
}
@media screen and (min-width: 384px) {
  #baseMapWrapper { 
  -ms-transform: scale(.72);
  -moz-transform: scale(.72);
  -o-transform: scale(.72);
  -webkit-transform: scale(.72);
  transform: scale(.72);
  }
}
@media screen and (min-width: 414px) {
  #baseMapWrapper { 
  -ms-transform: scale(.776);
  -moz-transform: scale(.776);
  -o-transform: scale(.776);
  -webkit-transform: scale(.776);
  transform: scale(.776);
  }
}
@media screen and (min-width: 480px) {
  #baseMapWrapper { 
  -ms-transform: scale(.9);
  -moz-transform: scale(.9);
  -o-transform: scale(.9);
  -webkit-transform: scale(.9);
  transform: scale(.9);
  }
}
@media screen and (min-width: 533px) {
  #baseMapWrapper {
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@media screen and (min-width: 840px) {
  #rightLegendWrapper { width:332px; height:100%; }
  #rightLegend { right:0px; }
  #rightLegend.hide { display:block; }
  #rightLegendButton { display:none; }
}