/* Copy this file to your client stylesheet directory and rename as exhibitormap.css you can use find>replace to change the colors listed below */

@import url(/style/shared/exhibitormap.css);

/* Colors to be changed 
#FFFFFF - body background color, left navigation background color, exhibitor information background-color, top header font-color, font-color admin buttons, background-color admin button selected header in controlpanel, font color active menu item
#1362A2 - main section left border, top header background-color, control panel header background color, link color in exhibitor information, font color and border color for exhibitor/legend toggle in handheld device view, menu (menu/exhibitors) background color on selected and border color
#CCCCCC - border color zoom buttons, between legend items, between exhibitors, between exhibitor info items, border on control panel
#DD3735 - booth word color in exhibitor info, and fill color when selected
#999 - font color on finalboothmap exhibitor info headings, non active menu item font color
#EFEFEF - background color control panel, 
#FAFAFA - background color admin buttons, navigation menu (menu/exhibitors) background-color, 
#0D4B7B - font color admin buttons
#7BAED5 - border color admin buttons
#3175A9 - hover color admin buttons
*/
/* General Styles */
body, aside.fixedaside, #divLocateBoothExhibitorInfo {
	background-color: #FFFFFF;
}

body, #closeInfo {
	color: #222;
}

main {
	border-color: #1362A2;
}

header h1, h3 {
	background-color: #1362A2;
	color: #FFFFFF;
}

#zoombuttons, #legendgoeshere ul li, select#selLocateBooth option, ul.exhibitorInfo > li, #controlpanel {
	border-color: #CCCCCC;
}

ul.exhibitorInfo li.booth {
	color: #DD3735;
}
path.selectedBooth {
	fill: #DF3735 !important;
}

.heading {
	color: #999;
}
.contactInfo a, .contactInfo a:visited, .contactInfo a:focus {
	color: #1362A2;
}

/* Responsive design toggle for exhibitors and legend */
.showExhibitors {
	color: #1362A2;
	border-color: #1362A2;
}

/* Admin finalbooth map display */
#controlpanel {
	background-color: #EFEFEF;
}
ul#divButtons li.controlpanel_button, h5.toggle {
	background-color: #FAFAFA !important;
	border-color: #7BAED5;
	color: #0D4B7B;
}
ul#divButtons li.controlpanel_button:hover, h5.toggle:hover{
 	background-color: #3175A9 !important;
	color: #FFFFFF;
}
#ulSidebar  li.controlpanel_button {
	background-color: #FFFFFF !important;
}

nav.menu {
	background-color: #FAFAFA;
	border-color: #1362A2;
}
nav.menu div {
	color: #999;
}
nav.menu div.active {
	color: #FFFFFF;
	background-color: #1362A2;
}

/*** Client overrides under here ***/

/***   
Taylor Industries needs to be transparent, to show their lounge - their booth space and lounge were added to the background png image

***/

#booth1329box   { opacity:0;  
    filter:alpha(opacity=0);  
	}
	
.selectedBooth#booth1329box {    
  visibility: visible;
  fill: rgba(223, 0, 255, 0.5) !important;
  }
  

/***   
hide buttons that may confuse, and cause harm to the floor plan
***/

ul#divButtons li#BtnDisplayMode {
	display:none ;
}

ul#divButtons li#BtnScaleMap  {
	display:none;
}

ul#divButtons li#BtnResizeMap  {
	display:none;
}

ul#divButtons li#BtnChangeBackground {
	display:none;
}

/* Print styles */

svg.icon {
	height: 22px;
	width: 22px;
	fill: #FFFFFF;
}

.printbutton {
	float: right;
	width: 5em;
	background-color: #1362A2;
}
@media print {
	aside {
		display: none;
	}
	header {
		display: none;
	}
	main {
		width: 95%;
		margin: 0 auto;
	}
	#mapsgohere {
		overflow:visible;
		width:95%;
		margin: 0 auto;
	}
	#zoombuttons {
		display: none;
	}
	.printbutton {
		display: none;
	}

}