.interactiveMap {position:relative; display:block; overflow:hidden;}
.interactiveMap .mapArea {position:relative; display:block; float:left; margin:20px; background:#fff;}
.interactiveMap .mapArea .mapImage {width:100%; height:100%;}
.interactiveMap .mapArea .mapImage .basemap {float:left; width:100%; position:absolute; bottom:0; left:0; z-index:899;}

.interactiveMap .mapArea .roomMarker {display:block; position:absolute; top:0; left:0; cursor:pointer; z-index:900;}
.interactiveMap.diagnostics .mapArea .roomMarker { width:20px; height:20px; border:1px solid red;}
.interactiveMap .mapArea .roomMarker:hover {/*background:rgba(103,135,120,0.6);*/}

.interactiveMap .sideBar {display:block; float:left; margin:20px; margin-left:0; height:100%;}
.interactiveMap .sideBar ul.floors {display:block; float:left; width:100%; height:auto; margin:0;}
.interactiveMap .sideBar ul.floors li {display:block; width:100%; border:1px solid rgb(158,168,152); margin:0 0 5px 0;}
.interactiveMap .sideBar ul.floors li.active, 
.interactiveMap .sideBar ul.floors li:hover {background:rgb(123,136,114); color:#FFF;}
.interactiveMap .sideBar ul.floors li a {display:block; color:rgb(123,136,114); 
	font-family: serif; font-size:11px; text-decoration:none; padding:5px 0; text-align:center}
.interactiveMap .sideBar ul.floors li.active a,
.interactiveMap .sideBar ul.floors li:hover a {color:#FFF;}

.interactiveMap .sideBar ul.rooms {display:block; float:left; margin:20px; margin-left:0; width:100%; height:483px; overflow-y:auto; overflow-x:hidden;}
.interactiveMap .sideBar ul.rooms li {display:block; margin:0 0 5px 0; width:100%; height:90px; overflow:hidden; border:1px solid rgba(255,255,255,0);}
.interactiveMap .sideBar ul.rooms li.active {border:1px solid rgba(109,135,120,1);}
.interactiveMap .sideBar ul.rooms li a {display:block;}
.interactiveMap .sideBar ul.rooms li a img{display:block; margin:0; float:left;}

.interactiveMap .roomPopup {background:#FFF; position:absolute; top:0; left:0; width:310px; min-height:145px; display:block; z-index:902;
opacity:0; box-shadow: 0px 0px 5px #444; -moz-box-shadow: 0px 0px 5px #444; -webkit-box-shadow: 0px 0px 5px #444; margin:0 0 0 -310px;}
.interactiveMap .roomPopup .imgContainer {position:relative; float:left; width:304px; margin:3px;}
.interactiveMap .roomPopup .imgContainer img {width:100%; float:left;}	

.interactiveMap .roomPopup .royalSlider {position:relative; float:left; width:304px; margin:3px;}
/*.interactiveMap .roomPopup .royalSlider img {width:100%; float:left;}*/

.interactiveMap .roomPopup .desc {position:relative; float:left; width:304px; height:36px; margin:3px;}
.interactiveMap .roomPopup .desc h3{font-size:16px; line-height:36px; margin:0 10px; font-family: serif; color:rgb(109,135,120);}

.interactiveMap .mapArea .dottedLine {position: absolute; top: 0; left: 0; border-left: 2px dashed #666; z-index: 901;}
.interactiveMap .mapArea .fullscreenTrigger {width:36px; height:36px; float:right; background:url('../images/icons/icon-fullscreen.jpg') no-repeat center; margin-right:-10px; cursor:pointer;}
.interactiveMap .rsFullscreenBtn {visibility:hidden;}

.ie8 .interactiveMap .roomPopup, .ie7 .interactiveMap .roomPopup {border:1px solid #ddd; filter:alpha(opacity=0);}
.ie7 .interactiveMap .mapArea .fullscreenTrigger {margin-top:-40px;}
.ie .interactiveMap .mapArea .fullscreenTrigger {display:none !important;}