body, html{
/*	height:100%; */
	width:100%;
	margin:0;
	padding:0;
/*	overflow:hidden; */
	-ms-touch-action: none; /* Disable touch behaviors, like pan and zoom */
	-ms-content-zooming: none;
  background:#fff;
  color:#fff;
}

/*=================================
SHARED MAP STYLES (homepage and map experience)
=================================*/
.map-experience #outer-wrap,
.map-experience .wrapper,
.map-experience #main-content{
/*	height:100%; */
}
#map-section{
	background:#fff;
/*	overflow:hidden; */
	z-index:3000;
	position:relative;
/*	height:100%; */
/* min-height:480px; */
}
#map-section h2{
	position:absolute;
	margin:0 auto;
	padding: 20px 0;
	z-index:9000;
	text-align:center;
	pointer-events:none;
	width:100%;
background: -moz-linear-gradient(top, rgba(145,212,241,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(145,212,241,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(145,212,241,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d4f1', endColorstr='#00ffffff',GradientType=0 );
}
.map-col-01,
.map-col-03{
	position:absolute;
	z-index:950;
	background:#ccc;
	padding:0;
	top:0;
	left:0;
	height:100%;
	width:300px;
}
.map-col-03{
	left:auto;
	right:0;
}
.map-col-01 h4{
	background:#336699;
	color:#fff;
	padding:0 10px;
	line-height:30px;
	height:30px;
	font-size:12px;
	font-weight:300;
	text-align:left;
	margin:0;
}
.map-col-02{
	position:relative;
	z-index:910;
	margin:0 auto;
	border:1px solid transparent;
}
.map-col-02.focused{
	border:1px solid #009cff;
}
#mapBox{
	position:absolute;
	overflow:hidden;
	width:100%;
/*	border:1px solid #333; */
	margin:0 auto;
	padding:0;

}
#svgContainer{
position:absolute;
transform-origin:center center;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
background:url(../img/map/map-bg.png) no-repeat 0 0;
}
#mapBox svg{

}

rect[id*="_South_"], rect[id*="_West_"], rect[id*="_Concourse_"], rect[id^="B_PMR_"],
path[id*="_South_"], path[id*="_West_"], path[id*="_Concourse_"], path[id^="B_PMR_"],
polygon[id*="_South_"], polygon[id*="_West_"], polygon[id*="_Concourse_"], polygon[id^="B_PMR_"]{
	fill:#fff;
	transition: all ease .5s;
}
rect[id*="_South_"]:hover, rect[id*="_West_"]:hover, rect[id*="_Concourse_"]:hover, rect[id^="B_PMR_"]:hover,
path[id*="_South_"]:hover, path[id*="_West_"]:hover, path[id*="_Concourse_"]:hover, path[id^="B_PMR_"]:hover,
polygon[id*="_South_"]:hover, polygon[id*="_West_"]:hover, polygon[id*="_Concourse_"]:hover, polygon[id^="B_PMR_"]:hover{
	fill:#feffe6;
	cursor:pointer;
}
rect[id*="_South_"].active, rect[id*="_West_"].active, rect[id*="_Concourse_"].active, rect[id^="B_PMR_"].active,
path[id*="_South_"].active, path[id*="_West_"].active, path[id*="_Concourse_"].active, path[id^="B_PMR_"].active,
polygon[id*="_South_"].active, polygon[id*="_West_"].active, polygon[id*="_Concourse_"].active, polygon[id^="B_PMR_"].active,
rect[id*="_South_"].active:hover, rect[id*="_West_"].active:hover, rect[id*="_Concourse_"].active:hover, rect[id^="B_PMR_"].active:hover,
path[id*="_South_"].active:hover, path[id*="_West_"].active:hover, path[id*="_Concourse_"].active:hover, path[id^="B_PMR_"].active:hover,
polygon[id*="_South_"].active:hover, polygon[id*="_West_"].active:hover, polygon[id*="_Concourse_"].active:hover, polygon[id^="B_PMR_"].active:hover{
	fill:#cbecff;
}
/* hides Meeting Rooms in initial view */
rect[id^="B_PMR_"],
path[id^="B_PMR_"],
polygon[id^="B_PMR_"],
rect[id^="X_PMR_"],
path[id^="X_PMR_"],
polygon[id^="X_PMR_"],
path[id^="permanent_meeting_rooms_outline"]{
display:none;
}

rect[id^="X_"], path[id^="X_"], polygon[id^="X_"],
rect[id^="X_"]:hover, path[id^="X_"]:hover, polygon[id^="X_"]:hover,
rect[id^="X_"].active:hover, path[id^="X_"].active:hover, polygon[id^="X_"].active:hover{
	fill:#eee; !important;
	cursor:inherit !important;
}

#mapBox .show-for-small{
	background:#25a8da;
	text-align:center;
	padding:5px;
}
#mapBox .show-for-small a{
	display:block;
}
#mapBox .show-for-small span{
	display:block;
	font-size:12px;
	color:#fff;
	background:#064D93;
	padding:5px;
}
#mapBox .show-for-small img{
	display:block;
	margin:0;
	width:100%;
}

#map-floors {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999999;
	background: #316192;
	width: 100%;
	text-align: center;
}
#map-floors button{
	font-size:14px;
	margin:0;
	border:none;
	box-shadow:none;
	background:#316192;
	font-weight:normal;
	padding:20px;
	text-transform:uppercase;
	text-align:center;
	border-right:1px solid #004776;
}
#map-floors button:first-child{
	border-left:1px solid #004776;
}

#map-floors button:hover{
	background:#6190c5;
}
#map-floors button.active{
	background:#e74c3c;
}


.sweeper{
position:absolute;
top:0;
left:-26px;
width:26px;
height:261px;
background:transparent url(../img/map/sweeper.png) repeat-y top left;
}
#enlarge-map-btn{
	cursor: pointer;
	display: block;
	height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	z-index: 3000;
}
#enlarge-map-btn .enlarge-icon{
background: url("../img/rs-default.png") repeat scroll 0 0 rgba(0, 0, 0, 0.75);
border-radius: 2px 2px 2px 2px;
display: block;
height: 32px;
margin: 6px;
width: 32px;
}
.blips{
pointer-events:none;
}
.randomImgPoint{
display:block;
position:absolute;
width:75px;
height:42px;
margin-left:-37.5px;
margin-top:-21px;
opacity:0;
}
.randomImgPoint img{
border-radius:2px;
box-shadow:0px 0px 3px #555;
}
.spotlightPoint,
.happeningPoint,
.upcomingPoint{
width:10px;
height:10px;
margin-left:-5px;
margin-top:-5px;
position:absolute;
border-radius:2px;
display:block;
}
.spotlightPoint{
width:3px;
height:3px;
margin-left:-1.5px;
margin-top:-1.5px;
position:absolute;
border-radius:2px;
display:block;
pointer-events:none;
}
.spotlightPoint img,
.happeningPoint img,
.upcomingPoint img{
	display:block;
}
span.event-status{
	font-size:12px;
	color:#ccc;
	display:block;
}

#map-legend{
width:150px;
height:62px;
background:url(../img/map/map-legend-control.png) no-repeat 0px 0px;
position:absolute;
right:50px;
bottom:65px;
z-index:3000;
}

.default-message{
font-size:12px;
color:#fff;
border:1px solid #111;
padding:10px;
position:absolute;
top:50%;
left:50%;
z-index:600;
width:250px;
margin-left:-125px;
margin-top:-17px;
background:url(../img/blue-bg-90percent.png);
border-radius:5px;
text-align:center;
}

a.map-exp-button{
	display:block;
	width:80%;
	margin:0 auto 20px;
}
#map-control {
    position: absolute;
    bottom: 65px;
    right: 10px;
		background:url(../img/map/map-legend-control.png) no-repeat -216px 0px;
    width: 35px;
    height: 63px;
		z-index:3000;
}
#map-control a {
    height: 28px;
    width: 28px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}
#map-control a:hover {
    background: #e7ea20;
    opacity: .4;
    filter: alpha(opacity=40);
}
#map-control a:active {
    background: #064d93;
    opacity: .4;
    filter: alpha(opacity=40);
}
#map-control a.mapZoomIn {
    left: 3px;
    top: 3px;
    height: 28px;
    width: 28px;
}

#map-control a.mapZoomOut {
    left: 3px;
    bottom: 3px;
    height: 28px;
    width: 28px;
}
#map-booth{
	position:absolute;
	z-index:9999999;
	bottom:65px;
	left:10px;
	background:#333;
	color:#fff;
	padding:5px;
	font-size:10px;
	display:none;
}
#map-center{
	display:none;
	position:absolute;
	z-index:9999999;
left:50%;
top:50%;
width:3px;
height:3px;
border-radius:50%;
margin-left:-1.5px;
margin-top:-1.5px;
	background:#00cc00;
}
#exlist-toggle{
	display:none;
	position:absolute;
	z-index:3000;
	top:10px;
	left:10px;
  width: 35px;
	height: 35px;
	background:#cc0000;
	color:#fff;
	font-size:10px;
	text-align:center;
	border-radius:5px;
	line-height:35px;
	cursor:pointer;
	z-index:9100;
}
#fullExhibitorList .closeBox{
	display:none;
}
.loading-overlay{
	width:100%;
	position:absolute;
	height:300px;
	background:#dedede url(../img/preloader-white.gif) no-repeat 50% 30%;
	z-index:99999;
	display:none;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}

/*EXHIBITOR INFO BOX*/
#multiEx-info-box,
#exhibitor-info-box{
top:0;
left:-300px;
position:absolute;
margin:0;
z-index:950;
text-align:left;
background:#dedede;
max-width:300px;

filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
#exhibitor-info-box .exhibitor-info-content{
overflow:auto;
}
#mobile-info-box h3,
#multiEx-info-box h4,
#exhibitor-info-box h3{
	margin:0;
	color:#dedede;
	background:#000;
	font-size:.8em;
	border-left:3px solid #009cff;
	padding:0 5px;
	text-transform:none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	line-height:30px;
	height:30px;
}
#mobile-info-box h3 a,
#exhibitor-info-box h3 a{
	color:#dedede;
	display:block;
}
#mobile-info-box h3 a{
	padding-left:30px;
}
#mobile-info-box h3:hover,
#exhibitor-info-box h3:hover a{
	color:#fff;
}
#exhibitor-info-box p{

}
#mobile-info-box .logo,
#exhibitor-info-box .logo{
	background:#fff;
	text-align:center;
	display:block;
}
#mobile-info-box .booths,
#mobile-info-box .description,
#exhibitor-info-box .booths,
#exhibitor-info-box .description{
	font-size:.85em;
	color:#333333;
/*
color:#eee;
border:1px solid #1e1e1e;
background:#101010;
padding:5px;
font-size:10px;
position:absolute;
top:-25px;
right:0px;
*/
}
#mobile-info-box .content-padding,
#exhibitor-info-box .content-padding{
	padding:10px;
	border-top:#e7e7e7 1px solid;
	border-bottom:#cfd0cf 1px solid;
	font-size:12px;
}
#mobile-info-box .content-padding:last-child,
#exhibitor-info-box .content-padding:last-child{
	border-bottom:none;
}






#fullExhibitorList,
#multiEx-info-box{
background:#dedede;
height:100%;
}

#fullExhibitorList .exhibitorListBox,
#multiEx-info-box .multiEx-info-content{
overflow:hidden;
list-style:none;
margin:0;
padding:0;
overflow:auto;
}
.closeBox{
	position: absolute;
	top:0;
	right: 0px;
	height: 30px;
	background: #cc0000;
	color:#fff;
	width: 30px;
	text-align:center;
	font-weight:600;
	line-height:28px;
}
.closeBox.right{
		right: auto;
		left:0;
}
.closeBox:hover,.closeBox:active,.closeBox:focus{
	color:#fff;
	background:#ff0000;
}

#fullExhibitorList .exhibitorListBox li,
#multiEx-info-box .multiEx-info-content li{
margin:0;
border-bottom:1px solid #cfd0cf;
}
#fullExhibitorList .exhibitorListBox li.last,
#multiEx-info-box .multiEx-info-content li.last{
border-bottom:none;
}
#fullExhibitorList .exhibitorListBox li a,
#multiEx-info-box .multiEx-info-content li a{
display:block;
color:#333333;
font-size:12px;
font-weight:bold;
padding:10px;
text-decoration:none;
}
#fullExhibitorList .exhibitorListBox li:hover a,
#multiEx-info-box .multiEx-info-content li:hover a{
background-color:#333;
color:#fff;
}
#fullExhibitorList .exhibitorListBox li.selected:hover a,
#fullExhibitorList .exhibitorListBox li.selected a
#multiEx-info-box .multiEx-info-content li.selected:hover a,
#multiEx-info-box .multiEx-info-content li.selected a{
background:#8898b8;
}






#mobile-info-box,
#product-info-box{
top:0;
right:-300px;
position:absolute;
margin:0;
z-index:999;
text-align:left;
background:#dedede;
max-width:300px;

filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
#mobile-info-box{
position:fixed;
}
#mobile-info-box h4,
#product-info-box h4{
	background:#000;
	color:#fff;
	padding:0 5px;
	font-size:.8em;
	text-align:center;
	margin:0 auto;
	height:30px;
	line-height:30px;
}
.product-info-content{
	list-style:none;
	margin:0 10px;
	padding:0;
	overflow:auto;
}
.mobile-info-content{
	list-style:none;
	margin:0;
	padding:0;
	overflow:auto;
}
.mobile-info-content li,
.product-info-content li{
	position:relative;
	margin:0px auto 10px;
}
.mobile-info-content li:first-child,
.product-info-content li:first-child{
	margin-top:10px;
}
.mobile-info-content li h3,
.product-info-content li h3{
	position:absolute;
	bottom:0;
	left:0;
	padding:5px;
	font-size:10px;
	font-weight:300;
	color:#fff;
	background:#000;
	background:rgba(0,0,0,.75);
	width:100%;
	margin:0;
	text-transform:none;
	text-align:center;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}