/*#controls-table * { border: solid red 1px;}*/
/*#icon-editor-table * { border: solid red 1px;}*/

.region-content ol.icon-view-tools {
	padding: 8px;
}
.main-section-left {
	padding-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#icon-editor-table * {
	font-family:sans-serif;
	font-size:10pt;
}

#icon-editor { position:relative; }

#icon-editor-instructions {
	position:absolute;
	top:15px;
	left:55px;
}
tr td.icon-editor-table-element,
tbody tr td.center,
tbody tr td.right,
tbody tr td.left,
.icon-editor-table-element td,
.main-section-left,
#icon-editor-table tr,
#icon-editor-table tbody,
#ImageEditor,
#AgentView,
tr tr td #controls-table tbody,
.icon-editor-table-element

 {
	line-height: normal;
	border: solid white 0px;
	white-space: nowrap;
}

td.center {
	padding: 1px;
}

span.html5Slider input{
	width: 200px;
}

#icon-editor-table {
	margin:0;
	padding:0;
	width:740px;
	background:#333;
	color:white;
	-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;
}

.main-section {
	margin:0;
	padding:0;
	padding-top:4px;
	text-align: center;
}

#image-editor-tools {
	margin:0px;
	padding:8px;
	list-style-type:none;
	display:inline-block;
}

#image-editor-tools #pencil {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px 0px;
}

#image-editor-tools #pencil.down {
	background-position: 22px 0px;
}

#image-editor-tools #eraser {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -21px;
}

#image-editor-tools #eraser.down {
	background-position: 22px -21px;
}

#image-editor-tools #eye {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -42px;
}

#image-editor-tools #eye.down {
	background-position: 22px -42px;
}

#image-editor-tools #bucket {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -63px;
}

#image-editor-tools #bucket.down {
	background-position: 22px -63px;
}

#image-editor-tools #wand {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -84px;
}

#image-editor-tools #wand.down {
	background-position: 22px -84px;
}

#image-editor-tools #rect {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -105px;
}

#image-editor-tools #rect.down {
	background-position: 22px -105px;
}

#image-editor-tools #circ {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -126px;
}

#image-editor-tools #circ.down {
	background-position: 22px -126px;
}

#image-editor-tools #poly {
	height:22px;
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -147px;
}

#image-editor-tools #poly.down {
	background-position: 22px -147px;
}

#image-editor-tools #none {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -169px;
}

#image-editor-tools #none.down {
	background-position: 22px -169px;
}

#image-editor-tools #horz {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -190px;
}

#image-editor-tools #horz.down {
	background-position: 22px -190px;
}

#image-editor-tools #vert {
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -211px;
}

#image-editor-tools #vert.down {
	background-position: 22px -211px;
}

#image-editor-tools #both {
	height:22px;
	background-image: url(../js/ImageEditor/tools/tool-sheet.png);
	background-position: 0px -232px;
}

#image-editor-tools #both.down {
	background-position: 22px -232px;
}

.icon-view-tools {
	margin:0;
	padding:8px;
	list-style-type:none;
	display:inline-block;
	-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-editor-tools li, .icon-view-tools li {
	height:21px;
}

#icon-editor-table #color-picker {
	background:black;
	height:20px;
	width:20px;
	border:solid 1px rgb(108,108,108);
}

#icon-editor-table #color-picker-window {
	z-index:9999;
	position:absolute;
	top:10px;
	left:40px;
	border:solid 1px #aaa;
	background:#666;
	display:none;
	padding:6px;
}

#image-editor-tools li.tool-spacer,
.icon-view-tools li.tool-spacer {
	height:10px;
}

#ImageEditor {
	position: relative;
	padding-left: 0px;
}

#controls-table {
	width: 369px;
	margin-left:auto;
	margin-right:auto;
}

#controls-table tr {
	background:rgba(0,0,0,0);
}

#icon-editor-table #progress-spinner {
	background: white;
	padding: 2px;
	border-radius: 4px;
	position: relative;
	top:5px;
	display:none;
}

#icon-editor-table .inflation-button {
	font-weight:bold;
	font-size:22pt;
	text-shadow: 0.1em 0.1em 0.2em #aaa;
	width:55px;
	height:45px;
	margin:0px 3px;
	background:#fffff8;
	border-radius:6px;
}

.control-button {
	width:55px;
	margin:0px 3px;
	font-size:10pt;
}

#upright-checkbox {
	margin:0px;
	padding:0px;
}

.section-header {
	font-weight:bold;
}

#smooth-label, #smooth-readout {
	opacity: 0.5;
}

#pressure-readout,
#ceiling-readout,
#noise-readout,
#smooth-readout,
#zoffset-readout,
#distance-readout { width:2em; }

.threed-view {
	background:rgb(223,223,223);
	-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;
}
.noUiSlider.horizontal.colorSlider {
	margin-bottom: 5px;
	margin-left: 7px;
}
.html5Slider.colorSlider input {
	padding: 0;
	margin: 0 0 0 6px;
}

#color-slider {}

.colorSliderTextLabel {}

.colorSlider {
	margin-top: .5em;
	margin-bottom: 1em;
}

#icon-editor-table td.left,
#controls-table.left { text-align:left; }
#icon-editor-table td.center,
#controls-table.center { text-align:center; }
#icon-editor-table td.right,
#controls-table.right { text-align:right; }

#icon-disclosure-controls { display:none; }

#icon-cancel-button, #icon-save-button, #progress-spinner {
	float:right;
}

#icon-save-button {
	display: inline-block;
}
#icon-buttons-td {
	vertical-align:middle;
}

#icon-action-div {
	text-align: center;
}
#icon-action-button {
	position: relative;
	left: 260px;
}
#icon-share-button {
	display: inline-block;
	float:left;
	vertical-align:middle;
}

#icon-action-button-menu {
   	display:none;
	position:absolute;
	background:#000;
	border:solid 1px #888;
	border-radius: 4px;
	z-index:10000;
}
.action-button-menu-item {
	padding:4px;
}

.action-button-menu-item:hover {
	cursor:pointer;
	background: #aaa;
}