/* shows hourglass during image load */
/* proprietary to smooth-zoom */
.smooth_zoom_preloader 
	{
	background: transparent url(../zoom_assets/images/preloader.gif) center center no-repeat;
	}



#divExternalSlideCaption, #div_msSlideShowBtns
	{
	display:none;
	}
#MagscopeViewerContainer
	{
	position:relative;
	/* for no select*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

	}

#imgCrossHair
	{
	display:none;position:absolute; z-index:1000;
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	background-position: -80px -80px;
	width:40px; height:40px;
	}

#divMeasuringPlateBG
	{
	display:none; position:absolute; top:0px; left:0px; z-index:1490; background-color:blue;
	}

#divMeasuringPlate
	{
	position:absolute; cursor:crosshair; top:0px; left:0px; z-index:1500;
	}
#divBlankingPlate
	{
	position:absolute; top:0px; left:0px; z-index:1500;
	}
#divSketchpadControlBar
	{
	display:none; border:1px solid #888; padding:2px; background-color:#eee;height:20px;
	}
#imgSketchpadClose
	{
	float:right;width:24px;height:19px;
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	background-position: -360px 0px;

	}

/* START THUMBNAIL STYLING */
#thumbDiv
	{
	display:inline; font-family:arial; font-size:10pt;padding:0px; position:absolute;z-index:180;
	}
#imgThumb
	{
	z-index:140;
	}
#ThumbOverlay
	{
	z-index:160; position:absolute; top:0px; left:0px; border:1px solid yellow;
	}
#Thumbcover
	{
	z-index:180; position:absolute; top:0px; left:0px;
	}
#ThumbToggleImg
	{
	display:none; padding:0px; position:absolute; cursor:pointer;
	z-index:1000;
	width:14px; height:14px;
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	background-position: -200px 0px;
	}
/* END THUMBNAIL STYLING */


/* class to prevent dafualt behaviour of mouse drag. Not very effective. */
.NoSelect
	{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

/* Image Caption, at top of MS Viewer */
#divPicInternalMainCaption
	{
	position:absolute;
	display:none;
	z-index:1000;
	top:0px; left:190px;
	background-color:#eee;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	font-family: Helvetica, Arial, Verdana;
	font-size:12px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}

/* MS Logo - displays inside viewer (on a timer) */
#imgMagscopeLogo
	{
	position:absolute;top:2px; left:85px; z-index:1000;
	width:85px; height:18px;
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	background-position: -120px -40px;

	}

/* Move Control - up/down/left/right/reset */
#movermap0
	{
	display:none;width:50px; height:50px; position:absolute;top:5px; left:30px; z-index:1000;border:0;
	}

/* Vertical div containing left side control buttons - zoom, CB, Drawing, etc  */
#div_msControlBtns
	{
	width:18px; height:18px; position:absolute;top:10px; left:5px; z-index:1000;
	}		
.msControlBtn	/*CB, Save etc*/
	{
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	display:none;
	width:18px; height:18px;
	margin-bottom:3px;
	}




#ZoomInBtn
	{	
	background-position: 0px 0px;
	}

#ZoomOutBtn
	{
	background-position: -20px 0px;
	margin-bottom:10px;
	}

#PencilButton
	{	
	background-position: -40px 0px;
	}
#FullScreenButton
	{	
	background-position: -80px 0px;
	}
#infoButton
	{	
	background-position: -60px 0px;
	}
#CBButton
	{	
	background-position: -160px 0px;
	}
#SSPrevBtn
	{
	background-position: -100px 0px;
	display:block;
	float:left;
	}
#SSNextBtn
	{
	background-position: -120px 0px;
	display:block;
	float:right;
	}

#div_msSlideShowBtns
	{
	height:18px; width:40px; position:absolute;top:5px; left:400px; z-index:1000;
	}
.Square18
	{
	width:18px; height:18px;
	}



/* START Scale bar components */
#divScaleBarContainer
	{
	cursor:pointer;
	display:none;position:absolute;top:200px; left:10px; z-index:1000;
	}
	
#imgScaleBarHoriz	
	{
	width:100px; 
	height:5px;
	border-top:0px; 
	border-left:2px solid red;
	border-right:2px solid red;
	border-bottom:2px solid red;
	margin-left:17px;
	}

#imgScaleBarVert	
	{
	width:5px; 
	height:100px;
	border-right:0px; 
	border-top:2px solid red;
	border-left:2px solid red;
	border-bottom:2px solid red;
	margin-left:17px;	}

#ScaleBarRotator
	{
	position:absolute; border:1px solid #aaa;
	width:13px; height:16px; 
	background-image:url('../zoom_assets/images/Icons256Colour.png');
background-position:-220px 0px; 
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;	
	}

#spanScaleBarText
	{
	position:absolute; border:1px solid #aaa; background-color:ivory;	
	font-family:arial,sans-serif;
	font-size:x-small; color:black; padding:1px;
	margin-left:4px;	
	white-space:nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}



/* The flag that appears when a measuring drag is completed (eg "1.422mm") */		
.MeasureText
	{
	border:1px solid #000;
	background-color:#eef;
	font-family:arial;
	font-size:10pt;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	}
/* END Scale bar components */
	

/* START Zoom-image, popup flags and markers etc */
#zoom_container 
	{
		overflow: hidden;
		-webkit-background-size: 5427px 3391px; /*ipad scaling fix*/
	} 
	
#zoom_container .landmarks
	{
	position:absolute;
	z-index:10;	
	top:0px;
	left:0px;
	font-family: Helvetica, Arial, Verdana;
	font-size:12px;
	color: #ffffff;
	}	
#zoom_container .landmarks .item 
	{
	position:absolute;		
	text-align:center;		
	display: none;	
	}	
#zoom_container .landmarks .lable div 
	{
	xwidth: 100px;
	padding: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	}	
#zoom_container .landmarks .mark .text
	{
	background-color:#000000;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;			
	}	
/* END Zoom-image, popup flags and markers etc */

	
.clsROISummaryInfo
	{
	/* these divs contain the summary html */
	display:none
	}

#infoDialog1
	{
	display:none;z-index:20001;
	}
#imgGratticule
	{
	position:absolute; display:none; z-index:1600;
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	background-position:0px -40px;
	width:22px;
	height:21px;
	}
/* Button to activate Direct Measuring  */


/* START drwaing board styles */
		.clsPenButton
			{
			float:left; width:10px; border:2px outset #fff; height:14px; display:none;
			}
		.clsPenSize
			{
			float:left; width:10px; border:2px outset #fff; height:14px; display:none;
			background-image:url('../zoom_assets/images/Icons256Colour.png');
			}
		.clsPenErase
			{
			float:left; width:17px; border:2px outset #fff; height:14px;
			background-image:url('../zoom_assets/images/Icons256Colour.png');
			background-position:-240px 0px;

			}
		.clsPenUndoRedo
			{
			float:left; width:13px; border:2px outset #fff; height:14px;
			background-image:url('../zoom_assets/images/Icons256Colour.png');

			}
		#penUndo
			{
			background-position: -280px 0px;
			}
		#penRedo
			{
			background-position: -260px 0px;
			}
		.clsPalette
			{
			float:left; width:18px; border:2px outset #fff; height:14px;margin-bottom:3px;
			background-image:url('../zoom_assets/images/Icons256Colour.png');
			background-position:-320px 0px;
			}
		#penClear
			{
			background-position: -340px 0px;
			}

#imgPaletteIco
	{
	width:14px; height:14px;
	}

#penblack { background-color: black; }
#penwhite { background-color: white; }
#penblue { background-color: blue; }
#penyellow { background-color: yellow; }
#penaqua { background-color: aqua; }
#penfuchsia { background-color: fuchsia; }
#pengray { background-color: gray; }
#pengreen { background-color: green; }
#penlime { background-color: lime; }
#penmaroon { background-color: maroon; }
#pennavy { background-color: navy; }
#penolive { background-color: olive; }
#penpurple { background-color: purple; }
#penred { background-color: red; }
#pensilver { background-color: silver; }
#penteal{ background-color: teal; }

#penSize1 {background-position: 0px -140px;}
#penSize2 {background-position: -10px -140px;}
#penSize3 {background-position: -20px -140px;}
#penSize4 {background-position: -30px -140px;}
#penSize5 {background-position: -40px -140px;}
#penSize6 {background-position: -50px -140px;}
#penSize7 {background-position: -60px -140px;}
#penSize8 {background-position: -70px -140px;}
#penSize9 {background-position: -80px -140px;}
#penSize10 {background-position: -90px -140px;}



#imDBUndoIco,#imDBRedoIco
	{
	width:11px; height:7px; margin-bottom:3px;  
	}
#imDBClearIco {width:12px; height:12px; margin-bottom:0px;  }
#divDBSpacer {clear:both}

/* END drwaing board styles */

#divROISummary
	{
	display:none;
	}
#divMainPageText
	{
	display:none;
	}
.clsROILink
	{
	text-decoration:none;
	}
#emailIcon
	{
	background-image:url('../zoom_assets/images/Icons256Colour.png');
	background-position:-80px -40px;
	width:30px;
	height:30px;
	float:left;
	margin-right:5px;
	}

/* IPAD */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
{
.msControlBtn	/*CB, Save etc*/
	{
	background-image:url('../zoom_assets/images/ipadicons.png');
	width:40px; height:40px;
	}
#FullScreenButton
	{	
	background-position: -250px 0px;
	}
#infoButton
	{	
	background-position: -200px 0px;
	}
#CBButton
	{	
	background-position: -50px 0px;
	}
#SSPrevBtn
	{
	background-position: -100px 0px;
	display:block;
	float:left;
	}
#SSNextBtn
	{
	background-position: -150px 0px;
	display:block;
	float:right;
	}

#div_msSlideShowBtns
	{
	height:44px; width:90px; position:absolute;top:5px; left:400px; z-index:1000;
	}

}

/* IPHONE */
@media only screen and (max-device-width: 480px)
{
.msControlBtn	/*CB, Save etc*/
	{
	background-image:url('../zoom_assets/images/ipadicons.png');
	width:40px; height:40px;
	}
#FullScreenButton
	{	
	background-position: -250px 0px;
	}
#infoButton
	{	
	background-position: -200px 0px;
	}
#CBButton
	{	
	background-position: -50px 0px;
	}
#SSPrevBtn
	{
	background-position: -100px 0px;
	display:block;
	float:left;
	}
#SSNextBtn
	{
	background-position: -150px 0px;
	display:block;
	float:right;
	}

#div_msSlideShowBtns
	{
	height:44px; width:90px; position:absolute;top:5px; left:400px; z-index:1000;
	}

}