/* Toolbar */
.toolbar
{
	
	position: absolute;
	z-index: 1000;
	top: 0px;
	bottom: 0px;
	right: 0px;

	width: 272px;

	color: #fff;

	background-image: url('/themes/default_v2/images/bkg-tile.jpg');
	background-repeat: repeat;
	background-color: #716f6e;
	
	-webkit-user-select: none;

}


.toolbar.show
{
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
}

.toolbar.hide
{
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	
	-webkit-transform: translate3d(272px, 0px, 0px);
	-moz-transform: translate(272px, 0px);
	-o-transform: translate(272px, 0px);
	-ms-transform: translate(272px, 0px);
	transform: translate(272px, 0px);
}


	.toolbar .header, .toolbar .subheader,.toolbar  .rowHeading
	{
		color: #fff;
	}

.toolbarControlTab
{
	position: absolute;
	left:0px;
	top:0px;

	width: 94px;
	height: 32px;
	line-height: 40px; /* should be same or greater than tab height */

		-moz-transform: rotate(-90deg); 
		-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
	
	background: url('/themes/default_v2/images/bkg-toolbartab.png') 0 0 no-repeat;	

	color: #fff;
	font-size: 13pt;
	font-weight: normal;
	text-align: center;

	cursor: pointer;
}

	.toolbarControlTab.selected
	{

	}

#mainControlTab
{
	left:-63px;
	top:85px;
}

#secondControlTab
{
	left:-117px;
	top:314px;
}

.toolbarContentWrapper
{
	box-sizing:border-box;
	height: 100%;
	padding: 10px;
}

/* Toolbar Contents */
.legendContainer
{
	border: 2px solid #145528;
	margin-bottom: 10px;
}




.displayOptions
{
	background: rgba(0, 0, 0, .5);
	border: 0px solid #fff;
	border-radius: 4px;
	color: #fff;
	margin-bottom: 10px;

	text-transform: uppercase;

}

	.displayOptions .rowHeading
	{
		display: inline;
		vertical-align: middle;
	

		color: #fff;
		font-size: 10pt;
		font-weight: normal;

		font-size: 9pt;
	}

	.displayOptions .ic
	{
		padding: 0px 0px;
	}

	.displayOptions .row
	{
		margin: 3px;
		min-height: 30px; /* to make up for floating the onoff controls*/
	}


	.displayOptions .icon
	{
		width: 29px;
		height: 29px;

		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;

		cursor: pointer;
	}

	.displayOptions .column
	{
		display: inline-block;
		
		padding: 10px 0px;

		text-align: center;
		vertical-align: top;
}

	.zoomControls.column
	{
		width: 35px;
		padding: 20px 20px;
		height: 100%;

		border-right: 1px solid #fff;
	}

	.onoffControls .header
	{
		display: block;
		
		padding: 5px 0px;
		padding-top: 0px;
		background-color: transparent;
		color: #fff;
		
		text-align: left;
		font-size: 11pt;
		
	}

	.zoomControls .rowHeading
	{
		display: none;
	}
	
	.zoomControls .icon
	{
		margin-bottom: 10px;
	}

		.zoomControls .icon:last-child
		{
			margin-bottom: 0px;
		}

	.onoffControls.column
	{
		padding-left: 10px;
		width: 160px;
		text-align: left;
	}



	.displayOptions #zoomIn, .displayOptions #zoomOut
	{	
		background-image: url('/themes/default_v2/images/sprites.png');
		background-position: -41px -38px;

		background-size: 362px 72px;
	}

	.displayOptions #zoomOut
	{
		background-position: -85px -38px;
	}

	.displayOptions .onoff
	{
		float: left;
	}

#reset
{
	
}

#reverse
{
	
}

#resetIcon
{
	background-image: url('/themes/default_v2/images/sprites.png');
	background-position: -0px -38px;
	background-size: 362px 72px;
}



	/* Sprite for Retina/High pixel ratio displays */
	@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5)
	{
		.displayOptions #zoomIn, .displayOptions #zoomOut, #resetIcon
		{
			background-image: url('/themes/default_v2/images/sprites@3x.png');
		}

		.displayOptions #zoomOut
		{
			background-position: -84px -37px;
		}

		.displayOptions #zoomIn
		{
			background-position: -40px -37px;
		}
	
		.displayOptions #resetIcon
		{
			background-position: 1px -37px;
		}
	}

#floorPlanDesc
{
	margin-top:-10px;
	line-height: 145%;
}


#print
{

	padding: 10px;
	border: 1px solid #333; 

	box-shadow: inset 0 1px 0 rgba(225,240,255, .25);

	font-size: 12pt;
	color: #fff;
	font-weight: normal;
	text-shadow: 0px 0px 3px #000;

	background: rgb(109,109,109);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(109,109,109,1) 0%, rgba(58,58,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,109,109,1)), color-stop(100%,rgba(58,58,58,1)));
	background: -webkit-linear-gradient(top,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	background: -o-linear-gradient(top,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	background: -ms-linear-gradient(top,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(109,109,109,1) 0%,rgba(58,58,58,1) 100%);
	

	cursor: pointer;
	-webkit-user-select: none;

}

	#print:hover
	{
		background: rgb(81,81,81);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNTE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgba(81,81,81,1) 0%, rgba(30,30,30,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,81,81,1)), color-stop(100%,rgba(30,30,30,1)));
		background: -webkit-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		background: -o-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		background: -ms-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		background: linear-gradient(to bottom, rgba(81,81,81,1) 0%,rgba(30,30,30,1) 100%);
		
	}

	#print:active, #print.selected
	{
		background: rgb(30,30,30);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTUxNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(30,30,30,1) 0%, rgba(81,81,81,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,1)), color-stop(100%,rgba(81,81,81,1)));
		background: -webkit-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		background: -o-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		background: -ms-linear-gradient(top,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		background: linear-gradient(to bottom,  rgba(30,30,30,1) 0%,rgba(81,81,81,1) 100%);
		
	}