/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Analysis Tool
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ********************************************************
**    HTML5 Analysis controls **
********************************************************* */
.analysisControl {
	position: relative;
	margin: 0px auto;
	text-align: left;
}

.analysisControl[view=fullscreen] {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%; /* (overruled by resizeTool function) */
	height: 100%;
	background-color: #000;
}

.ac-video-controls-single {
	height: 28px;
	margin-top: 8px;
}

.ac-drawing-controls {
	position: relative;
	height: 28px;
}

video.ac-video-single {
	position: absolute;
}

img.ac-video-single-static {
	position: absolute;
}

canvas.ac-canvas-draw,
canvas.ac-canvas-scratch,
.ac-webgl-container,
.ac-webgl-container canvas {
	position: absolute;
	left: 0;
	top: 0;
}

	canvas.ac-canvas-scratch[tool-name="Freeline"],
	canvas.ac-canvas-scratch[tool-name="Dot"] {
		cursor: pointer;
	}

	canvas.ac-canvas-scratch[tool-name="Line"],
	canvas.ac-canvas-scratch[tool-name="LineV"],
	canvas.ac-canvas-scratch[tool-name="LineH"],
	canvas.ac-canvas-scratch[tool-name="Circle"],
	canvas.ac-canvas-scratch[tool-name="Rect"],
	canvas.ac-canvas-scratch[tool-name="Arrow"],
	canvas.ac-canvas-scratch[tool-name="Angle"],
	canvas.ac-canvas-scratch[tool-name="AngleV"],
	canvas.ac-canvas-scratch[tool-name="AngleH"],
	canvas.ac-canvas-scratch[tool-name="Ellipse"],
	canvas.ac-canvas-scratch[tool-name="Speed"],
	canvas.ac-canvas-scratch[tool-name="Cal"] {
		cursor: crosshair;
	}
	canvas.ac-canvas-scratch[tool-name="Text"] {
		cursor: text;
	}


.ac-capturingMsg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.ac-capturingMsg-msg {
	width: 200px;
	margin: 35% auto 0 auto;
	padding: 8px;
	color: black;
	background-color: #a8d659;
	border-radius: 10px;
	box-shadow: 0px 1px 30px #CCC;
}

.ac-cmask {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
}

/* -----------------------
* DUAL
* ----------------------*/
.ac-views-bar {
	height: 28px;
}

.ac-video-controls {
	margin-top: 8px;
	height: 28px;
}

.ac-playertocontrol-bar {
	display: inline;
	margin-right: 29px;
}

/*
* Align mode
*/

.analysisControl .ac-bothvideo-controls {
	display: inline;
}

.analysisControl[align-mode=draw] .ac-button-drawmode,
.analysisControl[align-mode=align] .ac-button-alignmode {
	display: none;
}

.analysisControl[align-mode=align] canvas.ac-canvas-draw,
.analysisControl[align-mode=align] canvas.ac-canvas-scratch,
.analysisControl[align-mode=align] .bar-two,
.analysisControl[align-mode=align] .ac-draw-controls .ac-drawing-controls,
.analysisControl[align-mode=align] .ac-video-controls .ac-bothvideo-controls {
	display: none;
}

.analysisControl .ac-draw-controls .ac-views-bar,
.analysisControl .ac-video-controls .ac-playertocontrol-bar,
.analysisControl .ac-video-controls .ac-leftvideo-controls,
.analysisControl .ac-video-controls .ac-rightvideo-controls {
	display: none;
}

.analysisControl[align-mode=align] .ac-draw-controls .ac-views-bar,
.analysisControl[align-mode=align] .ac-video-controls .ac-playertocontrol-bar,
.analysisControl[align-mode=align][sync-panel=left] .ac-video-controls .ac-leftvideo-controls,
.analysisControl[align-mode=align][sync-panel=right] .ac-video-controls .ac-rightvideo-controls,
.analysisControl[align-mode=align][sync-panel=both] .ac-video-controls .ac-bothvideo-controls {
	display: inline;
}

.analysisControl[align-mode=align][sync-panel=right] .ac-viewleft,
.analysisControl[align-mode=align][sync-panel=left] .ac-viewright {
	opacity: 0.3;
}

.ac-viewwrapper {
	position: relative;
	overflow: hidden;
	clear: both;
}

.analysisControl[data-auto-height="true"] video.ac-video-single {
	position: relative;
}

.analysisControl[data-auto-height="true"] .ac-video-controls-single .ac-drawbar-divider,
.analysisControl[data-auto-height="true"] .ac-drawbar-actions .ac-drawbar-divider:nth-child(2),
.analysisControl[data-auto-height="true"] button[tool="More"],
.analysisControl[data-auto-height="true"] button[t="adva"],
.analysisControl[data-auto-height="true"] button[t="sbwd"],
.analysisControl[data-auto-height="true"] button[t="sfwd"],
.analysisControl[data-auto-height="true"] button[t="full"] {
	display: none;
}

.analysisControl[data-auto-height="true"] .ac-video-controls-single .ac-timeline-container {
	margin-left: 32px;
	margin-right: 0;
}

.analysisControl[data-auto-height="true"][analysis-type="single"][data-analysis-media="Image"] img.ac-video-single-static {
	position: relative;
}

.analysisControl[view="fullscreen"] .ac-viewwrapper {
	margin: 0 auto;
}
.analysisControl[view="fullscreen"] {
	z-index: 1;
}

/*
*  Layout modes in Stylesheet
*  Although the tool can calculate the position of view
*  and video panels, some browsers do not update the
*  positions correctly. We can use the styles here to
*  position the view panels instead.
*/
/* Defaults, overwritten in Javascript if needed */
.ac-viewwrapper .ac-viewleft,
.ac-viewwrapper .ac-viewright {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ac-video-left,
.ac-video-right {
	position: absolute;
}

img.ac-video-left-static,
img.ac-video-right-static {
	position: absolute;
}


/* Top-bottom */
.ac-viewwrapper[view=topbottom] .ac-viewleft,
.ac-viewwrapper[view=topbottom] .ac-viewright {
	clear: both;
	height: 50%;
	width: 100%;
}

/* Third-left */
.ac-viewwrapper[view=thirdleft] .ac-viewleft {
	width: 33%;
}

.ac-viewwrapper[view=thirdleft] .ac-viewright {
	width: 67%;
}

/* Picture-in-picture */
.ac-viewwrapper[view=pictureinpicture] .ac-viewleft {
	width: 100%;
	height: 100%;
}
.ac-viewwrapper[view=pictureinpicture] .ac-viewright {
	position: absolute;
	left: 63%;
	top: 2%;
	width: 35%;
	height: 35%;
}

.ac-imagepreview {
	position: absolute;
	left: 0;
	top: 0;
}

.ac-lineWidth-palette {
	z-index: 200;
}

.ac-colorPicker-palette {
	z-index: 200;
}

video[flip=true],
img[flip=true] {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

/* Play / pause / download */
.analysisControl .ac-button-playpause,
.analysisControl .ac-button-pause,
.analysisControl .ac-button-download {
	display: none;
}

.analysisControl[state=wait] .ac-button-download,
.analysisControl[state=pause] .ac-button-playpause,
.analysisControl[state=play] .ac-button-pause {
	display: inline-block;
}

 /* Fullscreen */
.analysisControl[view=fullscreen] .ac-button-restorescreen {
	display: inline-block;
}

.analysisControl .ac-button-restorescreen,
.analysisControl[view=fullscreen] .ac-button-fullscreen {
	display: none;
}

/* ---------------------------------------------
* Timeline button addendum
* ------------------------------------------- */

.ac-video-buttons-left {
	float: left;
}
.ac-video-buttons-right {
	float: right;
}

/* ---------------------------------------------
* Timeline (replaces slider)
* ------------------------------------------- */

.ac-timeline-container {
	margin-left: 60px;
	margin-right: 90px;
	text-align: initial;
}

.analysisControl .ac-leftvideo-controls .ac-timeline-container,
.analysisControl .ac-rightvideo-controls .ac-timeline-container {
	margin-left: 40px;
}

	.ac-timeline-container .ac-timeline-trough {
		position: relative;
		height: 24px;
		margin: 0 28px;
		border-radius: 3px;
		background: #5d6368;
		background: linear-gradient(to bottom, #6c7276 0%, #4f565b 100%);
		border-top: 1px solid #1b1d1e;
		border-bottom: 1px solid #bfbfbf;
	}

	/* Download progress and listeners */
	.ac-timeline-container .ac-timeline-progress {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

		.ac-timeline-container .ac-timeline-progress .listener {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

			.ac-timeline-container .ac-timeline-progress .listener[media-type=img] {
				display: none;
			}

			.ac-timeline-container .ac-timeline-progress .listener[status=error] {
				background: #C46969;
			}

	.ac-timeline-container[disabled=disabled] .ac-timeline-progress {
		visibility: hidden;
	}

	.ac-timeline-container[disabled=disabled] .ac-timeline-thumb,
	.ac-timeline-container[disabled=disabled] .ac-timeline-selection {
		display: none;
	}

	.ac-leftvideo-controls .ac-timeline-container .ac-timeline-selection,
	.ac-rightvideo-controls .ac-timeline-container .ac-timeline-selection {
		display: none;
	}

	/* Highlight sections */
	.ac-timeline-container .ac-timeline-highlights {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		pointer-events: none;
	}
	.ac-timeline-container .ac-timeline-highlight {
		position: absolute;
	}
		.ac-timeline-container .ac-timeline-highlight[highlight-type="position"] {
			top: 0;
			height: 100%;
			margin-left: -1px;
			border-left: 1px solid #eba90c;
		}
		.ac-timeline-container .ac-timeline-highlight[highlight-type="selection"] {
			bottom: 20%;
			border-bottom: 2px solid #eba90c;
		}

	/* Playhead */
	.ac-timeline-container .ac-timeline-thumb {
		position: absolute;
		top: -16px;
		width: 24px;
		height: 40px;
		margin-left: -12px;
		background-position: -24px;
		cursor: pointer;
	}

	/* Selection range */
	.ac-timeline-container .ac-timeline-selection,
	.ac-timeline-container .ac-timeline-selection-range {
		position: absolute;
		top: 0;
		height: 100%;
	}

		.ac-timeline-container .ac-timeline-selection-range {
			background: #70b37a;
		}

		[playhead-within-selection="false"] .ac-timeline-container .ac-timeline-selection-range {
			background: #67986e;
		}

		.ac-timeline-container .ac-timeline-selection .ac-timeline-selection-anchor {
			position: absolute;
			top: -16px;
			width: 24px;
			height: 40px;
		}

			.ac-timeline-container .ac-timeline-selection .ac-timeline-selection-anchor[anchor-type="start"] {
				left: -24px;
				cursor: w-resize;
			}

			.ac-timeline-container .ac-timeline-selection .ac-timeline-selection-anchor[anchor-type="end"] {
				right: -23px;
				background-position: -48px 0;
				cursor: e-resize;
			}

		.ac-timeline-container .ac-timeline-selection .ac-timeline-selection-anchor,
		.ac-timeline-container .ac-timeline-thumb {
			background-image: url(/images/AnalysisTools/ac-timeline.png);
			background-repeat: no-repeat;
		}

/* Scrub time during drag */
.ac-timeline-scrub-time {
	position: absolute;
	display: none;
	height: 1px;
	white-space: nowrap;
}
	.ac-timeline-scrub-time > div {
		position: relative;
		left: -50%;
		top: -2em;
		padding: 0.15em 0.45em;
		color: #333;
		background-color: #fff;
		box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
		border-radius: 4px;
		font-size: 14px;
	}


/*
* Button switching for advanced tools
*/

.ac-video-controls-single .ac-video-buttons-left .ac-button-mute,
.ac-video-controls-single .ac-video-buttons-left .ac-button-flip,
.ac-video-controls-single .ac-video-buttons-left .ac-button-slowmotion,
.ac-video-controls-single .ac-video-buttons-left .ac-button-loop,
.ac-bothvideo-controls .ac-video-buttons-left .ac-button-slowmotion,
.ac-bothvideo-controls .ac-video-buttons-left .ac-button-loop {
	display: none;
}
.ac-video-controls-single[show-advanced-controls="true"] .ac-video-buttons-left .ac-button-mute,
.ac-video-controls-single[show-advanced-controls="true"] .ac-video-buttons-left .ac-button-flip,
.ac-video-controls-single[show-advanced-controls="true"] .ac-video-buttons-left .ac-button-slowmotion,
.ac-video-controls-single[show-advanced-controls="true"] .ac-video-buttons-left .ac-button-loop,
.ac-bothvideo-controls[show-advanced-controls="true"] .ac-video-buttons-left .ac-button-slowmotion,
.ac-bothvideo-controls[show-advanced-controls="true"] .ac-video-buttons-left .ac-button-loop {
	display: inline-block;
}

.ac-video-controls-single[show-advanced-controls="true"] .ac-timeline-container {
	margin-left: 198px; 
}

.ac-bothvideo-controls[show-advanced-controls="true"] .ac-timeline-container {
	margin-left: 120px;
}

.ac-leftvideo-controls .ac-timeline-container,
.ac-rightvideo-controls .ac-timeline-container,
.ac-bothvideo-controls .ac-timeline-container {
	margin-right: 130px;
}


/* ---------------------------------------------
* Draw, mode, view toolbars
* ------------------------------------------- */

.ac-toolbar-container {
	padding: 4px;
	background: #959595;
}

	.ac-toolbar-container .ac-mode-controls {
		float: right;
	}

	.ac-toolbar-container .ac-sync-controls {
		height: 35px; /* these buttons aren't as tall as the drawing ones */
	}

	.ac-toolbar-container .ac-sync-player-buttons,
	.ac-toolbar-container .ac-sync-layout-buttons {
		display: inline;
	}

/* ---------------------------------------------
* Drawbar (replaces drawing tools bar)
* ------------------------------------------- */

.ac-drawbar {
	display: inline-block;
	width: 100%;
	height: 35px;
}

	/* Actions section */
	.ac-drawbar .ac-drawbar-actions {
		float: left;
	}

	/*.ac-drawbar .ac-drawbar-tools {
	*	margin-left: 105px;
	}*/

	.ac-drawbar .ac-drawbar-mru {
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

.ac-drawbar-divider {
	display: inline-block;
}

	.ac-drawbar-divider .lines {
		position: relative;
		display: inline-block;
		top: 5px;
		height: 18px;
		border-left: 1px solid #555;
		border-right: 1px solid #A0A0A0;
	}

/* Frame around button for anchoring panel */
.ac-drawbar .ac-drawbar-frame,
.ac-mode-controls .ac-drawbar-frame {
	position: relative;
	display: inline-block;
}

/* Single button */
button.ac-drawbar-button {
	margin: 1px 2px;
	padding: 0;
	border: none;
	background-color: transparent;
	overflow: hidden;
	vertical-align: middle;
}

/* Distribution of button states in sprite */
.ac-drawbar-sprite {
	display: inline-block;
	width: 30px;
	height: 28px;
	background-image: url(/images/AnalysisTools/ac-drawbar.png);
}
	.ac-drawbar button.sprite.selected {
		box-shadow: 0px 0px 8px #ca543d;
	}

.ac-drawbar-sprite         { background-position:     0%   0% } .ac-drawbar-sprite:hover         { background-position:     0% -100% } .ac-drawbar-sprite.selected         { background-position:     0% -200% } .ac-drawbar-sprite[disabled],         .ac-drawbar-sprite:hover[disabled],         .ac-drawbar-sprite.selected[disabled]         { background-position:     0% -300% } .ac-drawbar-menu .ac-drawbar-sprite         { background-position:     0% -400% } .ac-drawbar-menu .ac-drawbar-sprite:hover         { background-position:     0% -500% } .ac-drawbar-menu .ac-drawbar-sprite.selected         { background-position:     0% -600% }
.ac-drawbar-sprite[t=more] { background-position:  -100%   0% } .ac-drawbar-sprite[t=more]:hover { background-position:  -100% -100% } .ac-drawbar-sprite[t=more].selected { background-position:  -100% -200% } .ac-drawbar-sprite[t=more][disabled], .ac-drawbar-sprite[t=more]:hover[disabled], .ac-drawbar-sprite[t=more].selected[disabled] { background-position:  -100% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=more] { background-position:  -100% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=more]:hover { background-position:  -100% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=more].selected { background-position:  -100% -600% }
.ac-drawbar-sprite[t=rect] { background-position:  -200%   0% } .ac-drawbar-sprite[t=rect]:hover { background-position:  -200% -100% } .ac-drawbar-sprite[t=rect].selected { background-position:  -200% -200% } .ac-drawbar-sprite[t=rect][disabled], .ac-drawbar-sprite[t=rect]:hover[disabled], .ac-drawbar-sprite[t=rect].selected[disabled] { background-position:  -200% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=rect] { background-position:  -200% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=rect]:hover { background-position:  -200% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=rect].selected { background-position:  -200% -600% }
.ac-drawbar-sprite[t=elli] { background-position:  -300%   0% } .ac-drawbar-sprite[t=elli]:hover { background-position:  -300% -100% } .ac-drawbar-sprite[t=elli].selected { background-position:  -300% -200% } .ac-drawbar-sprite[t=elli][disabled], .ac-drawbar-sprite[t=elli]:hover[disabled], .ac-drawbar-sprite[t=elli].selected[disabled] { background-position:  -300% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=elli] { background-position:  -300% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=elli]:hover { background-position:  -300% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=elli].selected { background-position:  -300% -600% }
.ac-drawbar-sprite[t=circ] { background-position:  -400%   0% } .ac-drawbar-sprite[t=circ]:hover { background-position:  -400% -100% } .ac-drawbar-sprite[t=circ].selected { background-position:  -400% -200% } .ac-drawbar-sprite[t=circ][disabled], .ac-drawbar-sprite[t=circ]:hover[disabled], .ac-drawbar-sprite[t=circ].selected[disabled] { background-position:  -400% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=circ] { background-position:  -400% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=circ]:hover { background-position:  -400% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=circ].selected { background-position:  -400% -600% }
.ac-drawbar-sprite[t=line] { background-position:  -500%   0% } .ac-drawbar-sprite[t=line]:hover { background-position:  -500% -100% } .ac-drawbar-sprite[t=line].selected { background-position:  -500% -200% } .ac-drawbar-sprite[t=line][disabled], .ac-drawbar-sprite[t=line]:hover[disabled], .ac-drawbar-sprite[t=line].selected[disabled] { background-position:  -500% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=line] { background-position:  -500% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=line]:hover { background-position:  -500% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=line].selected { background-position:  -500% -600% }
.ac-drawbar-sprite[t=vlin] { background-position:  -600%   0% } .ac-drawbar-sprite[t=vlin]:hover { background-position:  -600% -100% } .ac-drawbar-sprite[t=vlin].selected { background-position:  -600% -200% } .ac-drawbar-sprite[t=vlin][disabled], .ac-drawbar-sprite[t=vlin]:hover[disabled], .ac-drawbar-sprite[t=vlin].selected[disabled] { background-position:  -600% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=vlin] { background-position:  -600% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=vlin]:hover { background-position:  -600% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=vlin].selected { background-position:  -600% -600% }
.ac-drawbar-sprite[t=hlin] { background-position:  -700%   0% } .ac-drawbar-sprite[t=hlin]:hover { background-position:  -700% -100% } .ac-drawbar-sprite[t=hlin].selected { background-position:  -700% -200% } .ac-drawbar-sprite[t=hlin][disabled], .ac-drawbar-sprite[t=hlin]:hover[disabled], .ac-drawbar-sprite[t=hlin].selected[disabled] { background-position:  -700% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=hlin] { background-position:  -700% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=hlin]:hover { background-position:  -700% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=hlin].selected { background-position:  -700% -600% }
.ac-drawbar-sprite[t=arrw] { background-position:  -800%   0% } .ac-drawbar-sprite[t=arrw]:hover { background-position:  -800% -100% } .ac-drawbar-sprite[t=arrw].selected { background-position:  -800% -200% } .ac-drawbar-sprite[t=arrw][disabled], .ac-drawbar-sprite[t=arrw]:hover[disabled], .ac-drawbar-sprite[t=arrw].selected[disabled] { background-position:  -800% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=arrw] { background-position:  -800% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=arrw]:hover { background-position:  -800% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=arrw].selected { background-position:  -800% -600% }
.ac-drawbar-sprite[t=angl] { background-position:  -900%   0% } .ac-drawbar-sprite[t=angl]:hover { background-position:  -900% -100% } .ac-drawbar-sprite[t=angl].selected { background-position:  -900% -200% } .ac-drawbar-sprite[t=angl][disabled], .ac-drawbar-sprite[t=angl]:hover[disabled], .ac-drawbar-sprite[t=angl].selected[disabled] { background-position:  -900% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=angl] { background-position:  -900% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=angl]:hover { background-position:  -900% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=angl].selected { background-position:  -900% -600% }
.ac-drawbar-sprite[t=vang] { background-position: -1000%   0% } .ac-drawbar-sprite[t=vang]:hover { background-position: -1000% -100% } .ac-drawbar-sprite[t=vang].selected { background-position: -1000% -200% } .ac-drawbar-sprite[t=vang][disabled], .ac-drawbar-sprite[t=vang]:hover[disabled], .ac-drawbar-sprite[t=vang].selected[disabled] { background-position: -1000% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=vang] { background-position: -1000% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=vang]:hover { background-position: -1000% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=vang].selected { background-position: -1000% -600% }
.ac-drawbar-sprite[t=hang] { background-position: -1100%   0% } .ac-drawbar-sprite[t=hang]:hover { background-position: -1100% -100% } .ac-drawbar-sprite[t=hang].selected { background-position: -1100% -200% } .ac-drawbar-sprite[t=hang][disabled], .ac-drawbar-sprite[t=hang]:hover[disabled], .ac-drawbar-sprite[t=hang].selected[disabled] { background-position: -1100% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=hang] { background-position: -1100% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=hang]:hover { background-position: -1100% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=hang].selected { background-position: -1100% -600% }
/*c-drawbar-sprite[t=____] { background-position: -1200%   0% } .ac-drawbar-sprite[t=____]:hover { background-position: -1200% -100% } .ac-drawbar-sprite[t=____].selected { background-position: -1200% -200% } .ac-drawbar-sprite[t=____][disabled], .ac-drawbar-sprite[t=____]:hover[disabled], .ac-drawbar-sprite[t=____].selected[disabled] { background-position: -1200% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=____] { background-position: -1200% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=____]:hover { background-position: -1200% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=____].selected { background-position: -1200% -600% }  */
.ac-drawbar-sprite[t=free] { background-position: -1300%   0% } .ac-drawbar-sprite[t=free]:hover { background-position: -1300% -100% } .ac-drawbar-sprite[t=free].selected { background-position: -1300% -200% } .ac-drawbar-sprite[t=free][disabled], .ac-drawbar-sprite[t=free]:hover[disabled], .ac-drawbar-sprite[t=free].selected[disabled] { background-position: -1300% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=free] { background-position: -1300% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=free]:hover { background-position: -1300% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=free].selected { background-position: -1300% -600% }
.ac-drawbar-sprite[t=dots] { background-position: -1400%   0% } .ac-drawbar-sprite[t=dots]:hover { background-position: -1400% -100% } .ac-drawbar-sprite[t=dots].selected { background-position: -1400% -200% } .ac-drawbar-sprite[t=dots][disabled], .ac-drawbar-sprite[t=dots]:hover[disabled], .ac-drawbar-sprite[t=dots].selected[disabled] { background-position: -1400% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=dots] { background-position: -1400% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=dots]:hover { background-position: -1400% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=dots].selected { background-position: -1400% -600% }
.ac-drawbar-sprite[t=text] { background-position: -1500%   0% } .ac-drawbar-sprite[t=text]:hover { background-position: -1500% -100% } .ac-drawbar-sprite[t=text].selected { background-position: -1500% -200% } .ac-drawbar-sprite[t=text][disabled], .ac-drawbar-sprite[t=text]:hover[disabled], .ac-drawbar-sprite[t=text].selected[disabled] { background-position: -1500% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=text] { background-position: -1500% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=text]:hover { background-position: -1500% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=text].selected { background-position: -1500% -600% }
.ac-drawbar-sprite[t=wtch] { background-position: -1600%   0% } .ac-drawbar-sprite[t=wtch]:hover { background-position: -1600% -100% } .ac-drawbar-sprite[t=wtch].selected { background-position: -1600% -200% } .ac-drawbar-sprite[t=wtch][disabled], .ac-drawbar-sprite[t=wtch]:hover[disabled], .ac-drawbar-sprite[t=wtch].selected[disabled] { background-position: -1600% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=wtch] { background-position: -1600% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=wtch]:hover { background-position: -1600% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=wtch].selected { background-position: -1600% -600% }
.ac-drawbar-sprite[t=rule] { background-position: -1700%   0% } .ac-drawbar-sprite[t=rule]:hover { background-position: -1700% -100% } .ac-drawbar-sprite[t=rule].selected { background-position: -1700% -200% } .ac-drawbar-sprite[t=rule][disabled], .ac-drawbar-sprite[t=rule]:hover[disabled], .ac-drawbar-sprite[t=rule].selected[disabled] { background-position: -1700% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=rule] { background-position: -1700% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=rule]:hover { background-position: -1700% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=rule].selected { background-position: -1700% -600% }
.ac-drawbar-sprite[t=bezi] { background-position: -1800%   0% } .ac-drawbar-sprite[t=bezi]:hover { background-position: -1800% -100% } .ac-drawbar-sprite[t=bezi].selected { background-position: -1800% -200% } .ac-drawbar-sprite[t=bezi][disabled], .ac-drawbar-sprite[t=bezi]:hover[disabled], .ac-drawbar-sprite[t=bezi].selected[disabled] { background-position: -1800% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=bezi] { background-position: -1800% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=bezi]:hover { background-position: -1800% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=bezi].selected { background-position: -1800% -600% }
.ac-drawbar-sprite[t=dist] { background-position: -1900%   0% } .ac-drawbar-sprite[t=dist]:hover { background-position: -1900% -100% } .ac-drawbar-sprite[t=dist].selected { background-position: -1900% -200% } .ac-drawbar-sprite[t=dist][disabled], .ac-drawbar-sprite[t=dist]:hover[disabled], .ac-drawbar-sprite[t=dist].selected[disabled] { background-position: -1900% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=dist] { background-position: -1900% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=dist]:hover { background-position: -1900% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=dist].selected { background-position: -1900% -600% }
.ac-drawbar-sprite[t=velo] { background-position: -2000%   0% } .ac-drawbar-sprite[t=velo]:hover { background-position: -2000% -100% } .ac-drawbar-sprite[t=velo].selected { background-position: -2000% -200% } .ac-drawbar-sprite[t=velo][disabled], .ac-drawbar-sprite[t=velo]:hover[disabled], .ac-drawbar-sprite[t=velo].selected[disabled] { background-position: -2000% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=velo] { background-position: -2000% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=velo]:hover { background-position: -2000% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=velo].selected { background-position: -2000% -600% }
.ac-drawbar-sprite[t=bikh] { background-position: -2100%   0% } .ac-drawbar-sprite[t=bikh]:hover { background-position: -2100% -100% } .ac-drawbar-sprite[t=bikh].selected { background-position: -2100% -200% } .ac-drawbar-sprite[t=bikh][disabled], .ac-drawbar-sprite[t=bikh]:hover[disabled], .ac-drawbar-sprite[t=bikh].selected[disabled] { background-position: -2100% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=bikh] { background-position: -2100% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=bikh]:hover { background-position: -2100% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=bikh].selected { background-position: -2100% -600% }
.ac-drawbar-sprite[t=bikv] { background-position: -2200%   0% } .ac-drawbar-sprite[t=bikv]:hover { background-position: -2200% -100% } .ac-drawbar-sprite[t=bikv].selected { background-position: -2200% -200% } .ac-drawbar-sprite[t=bikv][disabled], .ac-drawbar-sprite[t=bikv]:hover[disabled], .ac-drawbar-sprite[t=bikv].selected[disabled] { background-position: -2200% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=bikv] { background-position: -2200% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=bikv]:hover { background-position: -2200% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=bikv].selected { background-position: -2200% -600% }
.ac-drawbar-sprite[t=undo] { background-position: -2300%   0% } .ac-drawbar-sprite[t=undo]:hover { background-position: -2300% -100% } .ac-drawbar-sprite[t=undo].selected { background-position: -2300% -200% } .ac-drawbar-sprite[t=undo][disabled], .ac-drawbar-sprite[t=undo]:hover[disabled], .ac-drawbar-sprite[t=undo].selected[disabled] { background-position: -2300% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=undo] { background-position: -2300% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=undo]:hover { background-position: -2300% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=undo].selected { background-position: -2300% -600% }
.ac-drawbar-sprite[t=dele] { background-position: -2400%   0% } .ac-drawbar-sprite[t=dele]:hover { background-position: -2400% -100% } .ac-drawbar-sprite[t=dele].selected { background-position: -2400% -200% } .ac-drawbar-sprite[t=dele][disabled], .ac-drawbar-sprite[t=dele]:hover[disabled], .ac-drawbar-sprite[t=dele].selected[disabled] { background-position: -2400% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=dele] { background-position: -2400% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=dele]:hover { background-position: -2400% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=dele].selected { background-position: -2400% -600% }
.ac-drawbar-sprite[t=algn] { background-position: -2500%   0% } .ac-drawbar-sprite[t=algn]:hover { background-position: -2500% -100% } .ac-drawbar-sprite[t=algn].selected { background-position: -2500% -200% } .ac-drawbar-sprite[t=algn][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=algn].selected[disabled] { background-position: -2500% -300% } .ac-drawbar-menu .ac-drawbar-sprite[t=algn] { background-position: -2500% -400% } .ac-drawbar-menu .ac-drawbar-sprite[t=algn]:hover { background-position: -2500% -500% } .ac-drawbar-menu .ac-drawbar-sprite[t=algn].selected { background-position: -2500% -600% }
.ac-drawbar-sprite[t=play] { background-position: -2600%   0% } .ac-drawbar-sprite[t=play]:hover { background-position: -2600% -100% } .ac-drawbar-sprite[t=play].selected { background-position: -2600% -200% } .ac-drawbar-sprite[t=play][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=play].selected[disabled] { background-position: -2600% -300% }
.ac-drawbar-sprite[t=paus] { background-position: -2700%   0% } .ac-drawbar-sprite[t=paus]:hover { background-position: -2700% -100% } .ac-drawbar-sprite[t=paus].selected { background-position: -2700% -200% } .ac-drawbar-sprite[t=paus][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=paus].selected[disabled] { background-position: -2700% -300% }
.ac-drawbar-sprite[t=load] { background-position: -2800%   0% } .ac-drawbar-sprite[t=load]:hover { background-position: -2800% -100% } .ac-drawbar-sprite[t=load].selected { background-position: -2800% -200% } .ac-drawbar-sprite[t=load][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=load].selected[disabled] { background-position: -2800% -300% }
.ac-drawbar-sprite[t=sbwd] { background-position: -2900%   0% } .ac-drawbar-sprite[t=sbwd]:hover { background-position: -2900% -100% } .ac-drawbar-sprite[t=sbwd].selected { background-position: -2900% -200% } .ac-drawbar-sprite[t=sbwd][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=sbwd].selected[disabled] { background-position: -2900% -300% }
.ac-drawbar-sprite[t=sfwd] { background-position: -3000%   0% } .ac-drawbar-sprite[t=sfwd]:hover { background-position: -3000% -100% } .ac-drawbar-sprite[t=sfwd].selected { background-position: -3000% -200% } .ac-drawbar-sprite[t=sfwd][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=sfwd].selected[disabled] { background-position: -3000% -300% }
.ac-drawbar-sprite[t=full] { background-position: -3100%   0% } .ac-drawbar-sprite[t=full]:hover { background-position: -3100% -100% } .ac-drawbar-sprite[t=full].selected { background-position: -3100% -200% } .ac-drawbar-sprite[t=full][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=full].selected[disabled] { background-position: -3100% -300% }
.ac-drawbar-sprite[t=rest] { background-position: -3200%   0% } .ac-drawbar-sprite[t=rest]:hover { background-position: -3200% -100% } .ac-drawbar-sprite[t=rest].selected { background-position: -3200% -200% } .ac-drawbar-sprite[t=rest][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=rest].selected[disabled] { background-position: -3200% -300% }
.ac-drawbar-sprite[t=adva] { background-position: -3300%   0% } .ac-drawbar-sprite[t=adva]:hover { background-position: -3300% -100% } .ac-drawbar-sprite[t=adva].selected { background-position: -3300% -200% } .ac-drawbar-sprite[t=adva][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=adva].selected[disabled] { background-position: -3300% -300% }
.ac-drawbar-sprite[t=mute] { background-position: -3400%   0% } .ac-drawbar-sprite[t=mute]:hover { background-position: -3400% -100% } .ac-drawbar-sprite[t=mute].selected { background-position: -3400% -200% } .ac-drawbar-sprite[t=mute][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=mute].selected[disabled] { background-position: -3400% -300% }
.ac-drawbar-sprite[t=flip] { background-position: -3500%   0% } .ac-drawbar-sprite[t=flip]:hover { background-position: -3500% -100% } .ac-drawbar-sprite[t=flip].selected { background-position: -3500% -200% } .ac-drawbar-sprite[t=flip][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=flip].selected[disabled] { background-position: -3500% -300% }
.ac-drawbar-sprite[t=slow] { background-position: -3600%   0% } .ac-drawbar-sprite[t=slow]:hover { background-position: -3600% -100% } .ac-drawbar-sprite[t=slow].selected { background-position: -3600% -200% } .ac-drawbar-sprite[t=slow][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=slow].selected[disabled] { background-position: -3600% -300% }
.ac-drawbar-sprite[t=loop] { background-position: -3700%   0% } .ac-drawbar-sprite[t=loop]:hover { background-position: -3700% -100% } .ac-drawbar-sprite[t=loop].selected { background-position: -3700% -200% } .ac-drawbar-sprite[t=loop][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=loop].selected[disabled] { background-position: -3700% -300% }
.ac-drawbar-sprite[t=plya] { background-position: -3800%   0% } .ac-drawbar-sprite[t=plya]:hover { background-position: -3800% -100% } .ac-drawbar-sprite[t=plya].selected { background-position: -3800% -200% } .ac-drawbar-sprite[t=plya][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=plya].selected[disabled] { background-position: -3800% -300% }
.ac-drawbar-sprite[t=plyb] { background-position: -3900%   0% } .ac-drawbar-sprite[t=plyb]:hover { background-position: -3900% -100% } .ac-drawbar-sprite[t=plyb].selected { background-position: -3900% -200% } .ac-drawbar-sprite[t=plyb][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=plyb].selected[disabled] { background-position: -3900% -300% }
.ac-drawbar-sprite[t=plab] { background-position: -4000%   0% } .ac-drawbar-sprite[t=plab]:hover { background-position: -4000% -100% } .ac-drawbar-sprite[t=plab].selected { background-position: -4000% -200% } .ac-drawbar-sprite[t=plab][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=plab].selected[disabled] { background-position: -4000% -300% }
.ac-drawbar-sprite[t=zmin] { background-position: -4100%   0% } .ac-drawbar-sprite[t=zmin]:hover { background-position: -4100% -100% } .ac-drawbar-sprite[t=zmin]:active   { background-position: -4100% -200% } .ac-drawbar-sprite[t=zmin][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=zmin].selected[disabled] { background-position: -4100% -300% }
.ac-drawbar-sprite[t=zout] { background-position: -4200%   0% } .ac-drawbar-sprite[t=zout]:hover { background-position: -4200% -100% } .ac-drawbar-sprite[t=zout]:active   { background-position: -4200% -200% } .ac-drawbar-sprite[t=zout][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=zout].selected[disabled] { background-position: -4200% -300% }
.ac-drawbar-sprite[t=asbs] { background-position: -4300%   0% } .ac-drawbar-sprite[t=asbs]:hover { background-position: -4300% -100% } .ac-drawbar-sprite[t=asbs].selected { background-position: -4300% -200% } .ac-drawbar-sprite[t=asbs][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=asbs].selected[disabled] { background-position: -4300% -300% }
.ac-drawbar-sprite[t=atpb] { background-position: -4400%   0% } .ac-drawbar-sprite[t=atpb]:hover { background-position: -4400% -100% } .ac-drawbar-sprite[t=atpb].selected { background-position: -4400% -200% } .ac-drawbar-sprite[t=atpb][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=atpb].selected[disabled] { background-position: -4400% -300% }
.ac-drawbar-sprite[t=atle] { background-position: -4500%   0% } .ac-drawbar-sprite[t=atle]:hover { background-position: -4500% -100% } .ac-drawbar-sprite[t=atle].selected { background-position: -4500% -200% } .ac-drawbar-sprite[t=atle][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=atle].selected[disabled] { background-position: -4500% -300% }
.ac-drawbar-sprite[t=asff] { background-position: -4600%   0% } .ac-drawbar-sprite[t=asff]:hover { background-position: -4600% -100% } .ac-drawbar-sprite[t=asff].selected { background-position: -4600% -200% } .ac-drawbar-sprite[t=asff][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=asff].selected[disabled] { background-position: -4600% -300% }
.ac-drawbar-sprite[t=asfs] { background-position: -4700%   0% } .ac-drawbar-sprite[t=asfs]:hover { background-position: -4700% -100% } .ac-drawbar-sprite[t=asfs].selected { background-position: -4700% -200% } .ac-drawbar-sprite[t=asfs][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=asfs].selected[disabled] { background-position: -4700% -300% }
.ac-drawbar-sprite[t=apip] { background-position: -4800%   0% } .ac-drawbar-sprite[t=apip]:hover { background-position: -4800% -100% } .ac-drawbar-sprite[t=apip].selected { background-position: -4800% -200% } .ac-drawbar-sprite[t=apip][disabled], .ac-drawbar-sprite[t=full]:hover[disabled], .ac-drawbar-sprite[t=apip].selected[disabled] { background-position: -4800% -300% }


/*
* Tool selection panel
*/
.ac-drawbar-menu-anchor {
	position: absolute;
	width: 0;
	height: 0;
}

.ac-drawbar-menu-align {
	position: absolute;
	right: -66px;
	bottom: 10px;
}

.ac-drawbar-menu {
	background: #CCC;
	border-radius: 4px;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
	border: 1px solid #AAA;
	font-size: 10px;
}

	.ac-drawbar-menu .ac-drawbar-menu-title {
		position: relative;
		background: #f5f5f5;
		padding: 0.1em 0.2em;
		text-align: center;
		text-transform: uppercase;
	}

	.ac-drawbar-menu .ac-drawbar-menu-title .closePalette {
		position: absolute;
		right: 0;
		top: 0;
	}
	.ac-drawbar-menu .ac-drawbar-menu-content {
		padding: 10px;
	}

	.ac-drawbar-menu-align .ac-drawbar-winglet {
		position: absolute;
		right: 40px;
		bottom: -16px;
		border-top: 8px solid #999;
		border-right: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid transparent;
		pointer-events: none;
	}

.ac-drawbar-menu .tool-group-heading {
	margin: 0.3em 0 0.1em 0;
}

.ac-drawbar-menu .tool-group {
	white-space: nowrap;
}

	.ac-drawbar-menu .tool-group .separator {
		padding: 0 0.2em;
	}

.ac-drawbar-menu-align[tool-anchor="More"] {
	left: 0;
	right: auto;
}
	.ac-drawbar-menu-align[tool-anchor="More"] .ac-drawbar-winglet {
		left: 10px;
		right: auto;
	}

	.ac-drawbar-menu .ac-drawbar-menu-button {
		padding: 0;
		color: #333;
		border: none;
		background-color: #333;
		overflow: hidden;
	}

		.ac-drawbar-menu .ac-drawbar-menu-button.color > span,
		.ac-drawbar-menu .ac-drawbar-menu-button.width > span {
			display: block;
		}
		.ac-drawbar-menu .ac-drawbar-menu-button.color > span {
			margin: -1px 1px 0 1px;
			border-bottom: 25px solid;
			border-radius: 3px;
		}

/* Dialog */

.ac-drawdialog-anchor {
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
}

.ac-drawdialog {
	width: 360px;
	margin: 0 auto;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
	text-align: center;
}

	.ac-drawdialog .ac-drawdialog-head {
		height: 24px;
		margin: 1px;
		background: #c3c3c3;
		background: linear-gradient(to bottom, #d0d0d0 0%, #bababa 90%, #aeaeae 100%);
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.ac-drawdialog .ac-drawdialog-content {
		padding: 12px 18px;
	}

	.ac-drawdialog input[type=text].ac-drawdialog-input {
		width: 50px;
		text-align: right;
	}

	.ac-drawdialog .ac-drawdialog-buttons {
		padding-top: 12px;
	}


/* -------------------------------
*   Capture Button
* ----------------------------- */
.analysisCaptureButton {
	position: relative;
	display: inline-block;
	width: 106px;
	height: 72px;
}

	.analysisCaptureButton.decal {
		background-image: url(/rest2/media/skinasset/AnalysisCaptureButton/AnalysisCaptureButton);
		background-repeat: no-repeat;
	}

	/* Decal full image of button overlayed onto background in Br modules */
	.analysisCaptureButton .analysisCaptureDecal {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	/* Area where image is shown*/
	.analysisCaptureButton .analysisCaptureImage {
		position: absolute;
		left: 5%;
		top: 5%;
		width: 90%;
		height: 67%;
		line-height: 48px; /* for default 106 x 72px image */
		text-align: center;
	}

		.analysisCaptureButton .analysisCaptureLabel {
			position: relative;
			top: 27%;
			color: #555;
			font-size: 13px;
			font-weight: bold;
			text-shadow: -2px -1px 3px rgba(255, 255, 255, 1.0);
			pointer-events: none;
		}

		.analysisCaptureButton.hasProgressImage .analysisCaptureLabel,
		.analysisCaptureButton.hasImage .analysisCaptureLabel {
			display: none;
		}

		.analysisCaptureButton .analysisCaptureImage > img {
			position: relative;
			top: -1px;
			max-width: 100%;
			max-height: 100%;
			vertical-align: middle;
		}

		.analysisCaptureButton.hasProgressImage .analysisCaptureImage {
			background-image: url(/rest2/media/skinasset/LoadingSprite/LoadingSprite);
			background-repeat: no-repeat;
			background-position: center;
		}

			.analysisCaptureButton.hasProgressImage .analysisCaptureImage > img {
				display: none;
			}

	.analysisCaptureButton .analysisCaptureFull,
	.analysisCaptureButton .analysisCaptureRegion {
		position: absolute;
		top: 76%;
		height: 23%;
		width: 48%;
		border: none;
		background: transparent;
		background-image: url(//); /* IE9 hack to make transparent button clickable */
		cursor: pointer;
	}
	.analysisCaptureButton .analysisCaptureFull {
		left: 0;
	}
	.analysisCaptureButton .analysisCaptureRegion {
		left: 52%;
	}


/*
* Zoom buttons in dual mode
*/
.ac-panel-zoom-button {
	position: absolute;
	padding: 0;
	border: none;
	background-color: transparent;
}

.ac-viewleft .ac-panel-zoom-button.ac-button-zoom-in,
.ac-viewleft .ac-panel-zoom-button.ac-button-zoom-out {
	left: 4px;
}

.ac-viewright .ac-panel-zoom-button.ac-button-zoom-in,
.ac-viewright .ac-panel-zoom-button.ac-button-zoom-out {
	right: 4px;
}

.ac-viewleft .ac-panel-zoom-button.ac-button-zoom-in,
.ac-viewright .ac-panel-zoom-button.ac-button-zoom-in {
	top: 4px;
}

.ac-viewleft .ac-panel-zoom-button.ac-button-zoom-out,
.ac-viewright .ac-panel-zoom-button.ac-button-zoom-out {
	top: 32px;
}

.analysisControl[analysis-type="webgl"] .ac-viewwrapper[data-state="loading"]:after {
	content: " ";
	position: absolute;
	top: 40%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px;
	background-image: url(/rest2/media/skinasset/LoadingSprite/LoadingSprite);
}