body {
	overflow: hidden;
	font: normal 13px 'Trebuchet MS', Tahoma, Sans-serif;	
}

table {
	border-collapse: collapse;
	margin: 10px 15px;
}

input {
	padding: 2px 2px 2px 4px;
	font: normal 1em "Trebuchet MS", Tahoma, Sans-serif;
}

label {
	font-weight: bold;
}

input.button {
	font: bold 14px 'Trebuchet MS', Tahoma, sans-serif;
}

h2 {
	font-size: 15px;
}

#content #main {
	width:100%;
	height: 100%;
	background-color: #4778A8;
	overflow: hidden;
}

#schematicPost .post{
	padding: 0;
}

canvas#shape-canvas {
	position: relative;
    background: black;
}

#canvas-holder {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	/* padding: 1px; */
	/*margin: 3px;
	margin-bottom: 0px;
	overflow: hidden;
	min-height: 276px; */
}
#canvas-info {
	position: absolute;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
	width: 98%;
	text-align: center;
	font-size: 12px;
	height: 14px;
}

/* Text Overlays */
.infoOverlay {
	display: inline;
	position: absolute;
	background-color: transparent;
	font-size: 13px;
	/* color: #113176; */
}
.infoOverlay#infoOverlayLT, .infoOverlay#infoOverlayRT {top: -1px;}
.infoOverlay#infoOverlayLT { left: 3px; }
.infoOverlay#infoOverlayRT { right: 3px; text-align: right; }
.infoOverlay#infoOverlayDebug {
	top: 40px;
	left: 5px;
	/* height: 250px;
	width: 250px; */
	font-size: 14px;
}

 /* Toolbar buttons */
.btnOverlay {
	display: inline;
	position: absolute;
	background-color: transparent;
	font-size: 14px;
	color: #113176;
	width: 32px;
	height: 32px;
	top: 3px;
	background-position: 50% 50%;
	opacity: 0.65;
	z-index: 3;
	cursor: pointer;
}
.btnOverlay:hover {
	opacity: 1.0;
} 
.btnOverlay#savebtn {
	left: 10px;
	background: url('/images/icons/disk32.png') no-repeat;
}
.btnOverlay#loadbtn {
	left: 50px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+BJREFUeNrsV81vE0ccfTO7tlMSiZqWDyGUL6kgJCQqYir1VCGVqhVVBXdEVamHVoRT/4GeuOSAkKjKqYdWrUQLElRwLHCAtiofbfkI0DTFdh1DiJM4tpPG9u5O3+xu7HVsJ6RalB4YeSTPejW/93vv/X4zFkoprOaQWOXxHIDgNG+c2HPWgLVPOQ6XquVrQkrYMM8PDF46wAdWWABMzhd08J0ffcFtua8SbWAa+P3zD97V73MWwwTQ4WbO4JV7R5m/4UcMDhuxnkOwyvO4efz1ghBiZTRLQ7N3geztX8yeWYvmWFAyylWEMxBAK6JsOOUcBg5/04xt2ejcwIyQvff3tWLPrAciMMmlMBsZEJ5Xq7nLwMTF1vK0G+wxgrlHt34Cz1/oaA8AFSYuNV8tdtXPjQAl9chCiiUwKC8xVfL3bX7VrG3mVBnHaAOgla5eZcxNFrC0JWwYmbvQvvn04Pb+txIbu6OmjCUGL/6oEQYYsNwNvdYglg0uDYnkzRFMpR+1Kd2F1LQMt0mgxHuvxX8SqHItcf3EngsJmjLgAdtjwKVb09q6HN1fuFnqxgOgWkZi8EvXwEuBaJIlQlOe/NA1ZV0CVXV1FnoahkeraJZNU5n85T6ltdG9sxeVB0No38AWDwdGZw+w7h3ki5VrfBA1g1pJMiCNCJLXh5F7OObS16p7r+veiJ5X++A4ymXN85daNnFtSNnVj9zoNdzNzH6vgzZ6gN1uJpuDNT+L3R8fI2B7EQPCBWBlT8FRnrqQT3ucOC4IuWYLCn+fwuHP7nzLh/NmDTs9IA0T09kJxHt3UJE5WONnG025IIkuSSFW2JP4fmwT7IqNqczIhN8PKnUGpNeI8ulxbN71JrGNcR3161+soPsscfR2bCD9v2I4Nf0Vl2VNi+ljc1vmPzMlxLqiiK3dDKv0B2NHQzqxPX/I2HoUM1cwdHr0a01/YyeUNnJ/ZUj/NoJx+Cl4rfk/ZrtYfxGJs1qrKGQflofTxSc+Az4A4RY4io9z6H8jQWUmvY4owrqvOMw+jqnUPaQnZs/72ds1ALq21Vyex20FHS9v4vdxxg4re98zkS766wqu3s+fWci+gYHSoyzWbulxTzC6wacfoegvzE63pItjSQx9N/Lzgv51BljLk8kUXup7hatZxg4ze45IJ2bSf+JxvvyDGyBwKalJkE+m0fs223OZ5tOIwxykfyadwq1k6ZyfvQoW9IbfTu4dlVBdDq9ljndxCPfmywRpw8LAkUu7uMwEPaABvMjZxxkPl/emRpDnTHFOe325DoCXQGjOo8/4L0DF17+K/9MQz/+crjaAfwUYAP9vYOlzW2gJAAAAAElFTkSuQmCC');
}
.btnOverlay#layerbtn {
	left: 90px;
	background-image: url('data:image/png;base64,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');
}
.btnOverlay#ShapeHelp {
	right: 10px;
	background: url('/images/icons/shape_help.png') no-repeat;
}
.btnOverlay#toolbtn {
	right: 50px;
	background: url('/images/icons/multitool_32.png') no-repeat;
}

#popupmsg { 
	display: none;
	position: absolute;
	color: #FFF;
	box-shadow: 0px 0px 15px 5px #8CAAC8;
	font-size: 14px;
	left: 50%;
	top: 50%;
	padding: 0px;
	margin-top: -15px;
	margin-left: -40px;
	text-align: center;
	vertical-align: center;
	border: 1px solid rgba(255, 255, 255, 0.38);
	background-color: rgba(35, 106, 148, 0.96);
	z-index: 10;
}
#popupmsg #innermsg{
	position: relative;
	display: inline-block;
	/* left: 0px;
	top: 0px; */
	padding: 8px;
	/* height: 100%;
	width: 100%; */
	z-index: 12;
}
#popupmsg #progressbar {
	position: absolute;
	display: inline-block;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	/* height: 100%;
	width: 100%; */
	background-color: #699EE0;
	
	z-index: 11;
}

/* Text Gen Mod */
canvas#text-canvas {
	/* padding: 1px; */
	position: relative;
	border: 1px dashed #AAA;
 	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}
#postTextGen .post {
	padding: 0;
}
#modTextGen {
	padding: 6px;
	margin: 1px;
	padding-top: 1px;
	border: #A4C5E0 1px solid;
	min-height: 10px;
}

#panelHolder label {
	position: relative;
	display: inline-block;
	margin-top: 6px ;
	margin-bottom: 0;
}
#panelHolder input[type='range']{
	width: 80px;
	top: 4px;
	border: none;
	margin-left: 2px;
}
#panelHolder input {
	position: relative;
	display: inline-block;
	border: 1px #999 solid;
	height: 12px;
	width: 30px;
	margin-right: 6px;
	top: -1px;
	text-align: center;
	padding-left: 0;
	color: #000;
}
#panelHolder textarea{
	position: relative;
	display: inline-block;
	border: 1px #999 solid;
	min-height: 75px;
	max-height: 265px;
	width: 177px;
	min-width: 177px;
	max-width: 177px;
	margin-top: 6px;
	color: #000;
}
#panelHolder select {
	margin-right: 4px;
}
#panelHolder select#font-select {
	width: 140px;
}
#panelHolder input.button {
 	margin-left: 16px;
	margin-top: 6px;
	width: 64px;
	height: 22px;
	border: none;
	background-color: #73ABCF;
	color: #FFF;
}
#panelHolder input.button:hover {
	background-color: #64B1FF;
}

#modTextGen option {
	width:40px;
}
#modTextGenCanvasHolder {
	position: relative;
	padding: 8px;
	margin: 2px;
	margin-top: 0;
	border: #AAAAAA 1px solid;
	overflow: auto;
	min-height: 100px;
}
#modTextGenCanvasInfo{
	position: absolute;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
	width: 98%;
	text-align: center;
	font-size: 12px;
	height: 14px;


	/* border: #AAAAAA 1px solid; */
}

/* Perlin Gen Mod */
#postPerlinGen .post {
	padding: 0;
}
#modPerlinGen {
	padding: 6px;
	margin: 1px;
	padding-top: 1px;
	border: #A4C5E0 1px solid;
	min-height: 10px;
}
/*
#modPerlinGen label {
	position: relative;
	display: inline-block;
}
#modPerlinGen input {
	position: relative;
	display: inline-block;
	border: 1px #999 solid;
	height: 12px;
	width: 24px;
	margin-right: 4px;
	top: -1px;
}
#modPerlinGen input.button {
 	left: 4px;
	width: 56px;
	height: 22px;
	border: none;
}

/* Holder Items */
#panelHolder {
	position: absolute;
	color: #FFF;
	left: 1px;
	right: 1px;
	top: 38px;
	bottom: 10px;
	display: inline;
	background-color: transparent;
	pointer-events: none;
}
#topToolbar {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	height: 36px;
	border-bottom: 1px solid #4778A8;
	background-color: rgba(55, 135, 182, 0.9);
}

#leftToolbar {
	position: absolute;
	top: 37px;
	left: 0;
	bottom: 10px;
	width: 36px;
	border-right: 1px solid #4778A8;
	background-color: rgba(55, 135, 182, 0.9);
}

#statusBar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 16px;	
	color: #00226C;
	font-size: 13px;
	border-top: 1px solid #4778A8;
	background-color: #EBF3FF;
	line-height: 1.5;
	padding-left: 5px;
	padding-right: 5px;
}

/* Canvas Panel Items */
.canvasPanel {
	display: none;
	position: absolute;
	z-index: 2;
	padding: 5px;
	margin: 0px;
	top: -1px;
	width: 200px;
	background-color: rgba(55, 135, 182, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.38);
	overflow-y: hidden;
	overflow-x: hidden;
	pointer-events: auto;
}
.canvasPanel.left {
	left: -1px;
}
.canvasPanel.right {
	right: -1px;
}

/* Layer Panel Items */
#layerList #layerHeader {
	height: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.38);
	
}
#layerHeader .layerButton {
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.38);
	padding: 2px;
	padding-left: 8px;
	padding-right: 7px;
	/* margin-left: 14px; */
	cursor: pointer;
}
#layerHeader .layerButton:hover {
	background-color: rgba(255, 255, 255, 0.38);
}
#layerList .mainBlock .expandBtn {
	height: 9px;
	width: 9px;
	border: 1px solid rgba(255, 255, 255, 0.38);
}
#layerList #layerHolder {
	overflow-x: hidden;
	overflow-y: auto;
}
#layerList .metaBlock {
	display: none;
	margin-left: 6px;
	padding-left: 4px;
	border-left: 1px solid rgba(255, 255, 255, 0.38);
	border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}
#layerHolder .blockHolder {
	min-width: 260px;
}
#layerList .metaBlock  .colorBox{
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 1px solid rgba(255, 255, 255, 0.38);
	border: none;
	margin-right: 4px;
}

.mainBlockText {
	margin-left: 6px;
}
.metaBlockText {
	margin-left: 6px;
}
.mainBlockText, .metaBlockText {
	cursor: default;
}
.mainBlockText.disabledBlock, .metaBlockText.disabledBlock {
	color: rgba(255, 255, 255, 0.25);
}
.mainBlockText.disabledBlock:hover, .metaBlockText.disabledBlock:hover {
	color: rgba(255, 255, 255, 0.45);
}
.mainBlockText:hover, .metaBlockText:hover {
	color: #BBF6FF;
	/* color: #FFD600; */
}

.expandBtn, .mainBlockText{
	display: inline-block;
}
.expandBtn {
	text-align: center;
	margin-top: 3px;
	vertical-align: center;
	line-height: 9px;
	cursor: pointer;
}
.expandBtn:hover {
	background-color: rgba(255, 255, 255, 0.38);
}

 /* File Save/Open Panels */
#canvasPanel #fileSave, #canvasPanel #fileOpen  {
	display: block;
	position: relative;
}
#fileSave  #saveHeader, #fileOpen  #loadHeader{
	/* display: inline;*/
	font-size: 16px;
	text-align: center;
	margin-bottom: 4px;
}
#fileOpen  #loadHeader{
	border-bottom: 1px solid #A6C0D0;
	padding-bottom: 4px;
 }
#fileSave .saveFormat, #fileOpen .loadFormat  {
	position: relative;
	height: 44px;
	display: block;
	border-bottom: 1px solid #A6C0D0;
}
#fileSave .saveFormat {
	cursor: pointer;
}
#fileSave .saveFormat:hover {
	background-color: #60B2E5;
}
#fileSave  .saveFormat img, #fileOpen  .loadFormat img{
	display: inline;
	position: absolute;
	left: 4px;
	top: 7px;
	font-family: 'Trebuchet MS';
	font-weight: normal;
	font-style: normal;
}
#fileSave  .saveFormat .formatTitle, #fileOpen  .loadFormat .formatTitle  {
	display: inline;
	position: absolute;
	left: 42px;
	top: 5px;
	font-size: 17px;
}
#fileSave  .saveFormat .formatDesc, #fileOpen  .loadFormat .formatDesc {
	display: inline;
	position: absolute;
	left: 42px;
	top: 23px;
	font-size: 12px;
}

#fileOpen #fileOpenBtn {
	height: 26px;
	line-height: 26px;
	width: 150px;
	text-align: center;
	border:1px solid #A6C0D0;
	font-size: 16px;
	margin: 16px auto;
	cursor: pointer;
	background-color: #60A7D3;
}
#fileOpen #fileOpenBtn:hover {
	background-color: #1C89CD;
}

#fileOpen #openFileHolder {
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #A6C0D0;
	min-height: 80px;	
}
#openFileHolder #fileList {
	margin: 1px;
	padding-left: 6px;
	padding-top: 3px;
	/* list-style: none; */
	list-style-type: decimal;
}
#openFileHolder #fileList {
	margin: 1px;
	padding-left: 6px;
	padding-top: 3px;
	/* list-style: none; */
	list-style-type: decimal;
}
#openFileHolder #fileList .fileListItem {
	cursor: pointer;
}
#openFileHolder #fileList .fileListItem:hover {
	background-color: rgba(255, 255, 255, 0.15);
}
#fileList .selectedFile {
	background-color: #60A7D3;
	font-weight: bolder;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #006FB5;
	padding-left: 5px;
}

.canvasPanel .panelHeader {
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #A6C0D0;
	padding-bottom: 4px;	
}

.canvasPanel #helpTopics {
	border-bottom: 1px solid #A6C0D0;
	font-size: 14px;
}
.canvasPanel #helpTopics ul {
	margin: 0;
	padding: 5px;
	margin-left: 16px;
	/* padding-left: 14px;
	margin-left: 20px;
	list-style-type: lower-roman; */
}
.canvasPanel #helpTopics .helpTopic {
	cursor: pointer;
}
.canvasPanel #helpTopics .helpTopic:hover {
	color: #98C8FF;
}
.canvasPanel #helpInfo {
	margin-top: 6px;
	padding: 2px;
	width: 195px;
	min-width: 195px;
	max-width: 195px;
	max-height: 433px;
	min-height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #A6C0D0;
}

 /* Tool list panel */
#toolList  #toolHeader {
	display: block;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #A6C0D0;
	padding-bottom: 4px;	
}
#toolList  #toolHolder {
	display: block;
	border: 1px solid #A6C0D0;
	margin: 1px;
	margin-top: 0;
}

#toolList  .toolType {
	display: inline-block;
	width: 34px;
	height: 34px;
	cursor: pointer;
	border: 1px solid transparent;
	padding: 8px 13px 5px 15px;
}
#toolList  .toolType img {
	display: inline-block;
	position: relative;
}
#toolList  .toolType:hover {	
	background-color: #B3D5FF;
	border: 1px solid #2F729D;
}
#toolList  .toolType.selected {
	background-color: #356D90;
}

#toolList .toolItem{
	position: relative;
	height: 22px;
	display: block;
	cursor: pointer;
}

#toolList .toolItem:not(:last-child) {
	border-bottom: 1px solid #60A3CD;
}
#toolList .toolItem img{
	display: inline-block;
	position: absolute;
	left: 6px;
	top: 4px;
}
#toolList .toolItem:hover {
	background-color: #60B2E5;
}
#toolList .toolItem.selected {
	border-bottom: none;
	cursor: default;
}
#toolList .toolItem.selected:hover {
	background-color: initial;
}

#toolList .toolItem .toolName {
	display: inline-block;
	position: absolute;
	font-size: 16px;
	top: 2px;
	left: 15px;
	right: 0;
	text-align: center;	
}

#toolList #toolContentHolder {

}


.toolPanel {
	display: none;
	padding: 6px;
	margin: 1px;
	padding-top: 1px;
	border: #A4C5E0 1px solid;
	min-height: 10px;
}	
}