div.veden-dialog {
	/*background: #f1f1f1;*/
	background: white;
	border-width: 1px;
	border-color: #777;
	border-style: solid;
	padding: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 0 15px #4a6887;
}

div.veden-dialog .ui-dialog-titlebar {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-color: #777;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 0 10px #4a6887;
	background: -webkit-linear-gradient(#fafafa, #cccccc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fafafa, #cccccc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fafafa, #cccccc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fafafa, #cccccc); /* Standard syntax */
	z-index: 2;
}

div.veden-dialog .ui-dialog-content {
	padding: 0;
	overflow: hidden;
}

div.veden-blockslides .ui-accordion-header {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 2.2em;
	padding-right: 0.2em;
	box-shadow: 0 0 10px #4a6887;
}

div.veden-stage {
	margin-top: 35px;
	height: calc(100% - 35px);
	overflow: hidden;
	background-color: transparent;
    background-image: linear-gradient(to right, #909090 1px, transparent 1px), linear-gradient(to bottom, #909090 1px, transparent 1px);
  	background-size:20px 20px;
}

div.veden-blockslides {
	height: 100%;
	overflow: hidden;
	padding-top: 5px;
}

div.veden-maincontent {
	position: absolute;
	left: 170px;
	right: 0;
	bottom: 30px;
	top: 0px;
	background-color: #888;
}

div.veden-blockpanel {
	background: #f5f5f5;
	float: left;
	width: 170px;
	height: 100%;
	border-right: 1px solid #719ECE;
	box-sizing: border-box;
	box-shadow: 0 0 15px #ccc;
}

div.veden-content {
	height: 100%;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.veden-observable {
	color: white;
	font-weight: bold;
	font: 10px Roboto Mono,monospace;
}

.veden-boolean {
	color: white;
	font-weight: bold;
	/*font: 10px Roboto Mono,monospace;*/
}

.veden-number {
	color: white;
	font-weight: normal;
}

input.veden-number-input {
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	outline: none;
	padding-left: 5px;
	width: 55px;
	background-color: white;
	color: blue;
	font: 12px Roboto Mono,monospace;
	height: 16px;
}

input.veden-string-input {
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	outline: none;
	padding-left: 5px;
	width: 55px;
	background-color: white;
	color: red;
	font: 12px Roboto Mono,monospace;
	height: 16px;
}

div.veden-obs-search {
	margin-bottom: 5px;
}

.veden-obs-search input {
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 4px;
	border: 1px solid #719ECE;
}

div.veden-obs-results {
	max-height: 250px;
}

.veden-fobj {
	overflow: hidden;
	font-size: 8pt;
}

.veden-operator {
	color: white;
	font-weight: bold;
	font-size: 12pt;
}

.veden-modifier {
	color: white;
	font-weight: bold;
	font-size: 10pt;
}