/* Options Menu */
.optionButton
{
    white-space: normal !important;
}
.optionDisabled, .disabled
{
	/*color: #999999 !important;
	background-color: #eeeeee !important;*/
	cursor: not-allowed;
}


/* Inside SVG */

.imageHotspot
{
	cursor: pointer;
}


/* SVG hotspot modal HTML for video/images */

		
#calloutBox
{
	display: none; 
	width: auto;
	height: auto;
	
	background-color: transparent;
	z-index: 110;

}
	#calloutBox.on, #globalModalDim .on #calloutBox
	{
		display: inline-block;
	}
	
	/* for sub elements that may toggle on or off depending on media type*/
	
	#calloutBox .video
	{
		display: none; 
		width: auto;
		height: auto;
		/*position: absolute; 
		top: 0px; 
		bottom: 0px;
		left: 0px;
		right: 0px;
		overflow: hidden; 
		*/

		background-color: transparent;
		z-index: 110;
		cursor: pointer;

	}

	#calloutBox .video.on
	{
		display: inline-block;
	}
		
	#calloutBox .image
	{
		display: none; 
		margin-top: 15px;
		border-radius: 7px;
		max-width: 95%;
	}

	#calloutBox .image.on
	{
		display: block;
	}

	#calloutBox .externalContent
	{
		display: none; 
	}

	#calloutBox .externalContent.on
	{
		display: block;
	}

	#calloutBox .loading
	{
		display: none;
	}

	#calloutBox .userDataSelect
	{
		position:absolute;
		bottom: 10px;
		right: 10px;

		margin: 0px;
	}

	#calloutBox .userDataSelect.on:before
	{
		content:"\2713";
	}

/* Optional windowshade modal with extra options description/title */

#optionDetails
{
	display: none;
	position: absolute;
	z-index: 110;
	background: rgba(0,0,0,.75);
	bottom: 0px;
	left: 0px;
	width: 100%; 
	padding: 15px 0;
}

	#optionDetails.on
	{
		display: block;
	}

	#optionDetails .header
	{
		color: #fff;
		margin: 0 0 10px 15px;
		text-shadow: none;
	}

	#optionDetails .content
	{
		color: #ddd;
		font-size: 14px;
		line-height: 1.3em;
		margin-left: 15px;
		padding-right: 30%; /* same as options menu width, plus a bit of padding*/
	}


#furnPlannerToggle
{
	display: none;
}

#furnPlannerToggle.on
{
	display: inline-block;
}
	
	#furnPlannerToggle.on:before, #furnPlannerToggle.on > .onoff:before
	{
		content:'';
	}


#furnLayoutToggle
{
	display: none;
}

#furnLayoutToggle.displayon
{
	display: inline-block;
}


#furnLayoutToggle.displayon.disabled 
{
	background-color: transparent !important;
}

	#furnLayoutToggle.displayon.disabled .onoff
	{
		cursor: not-allowed !important;
	}

	#furnLayoutToggle.displayon.disabled .rowHeading
	{
		color: #aaa !important;
	}