html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#full {
	height: 100%;
}
		
.grid {
	display: inline-table;
}
.grid-cell {
	display: table-cell;
	vertical-align: bottom;
}

code {
	white-space: pre;
}

.key {
	border: 1px solid gray;
	border-radius: 2px;
	padding: 2px;
	font-family:monospace;
	font-weight: bold; 
}

.hidden {
	display: none;
}

.text.hint {
	font-weight: lighter;
}

.text.sub-caption {
	font-variant: small-caps;
	font-weight: bold;
	font-size: larger;
}

.text.warning {
	color: red;
}

.text.small {
	font-size:x-small;
}

.function-list li {
	line-height: 2em;
}
	
.outbox {
	font-family:monospace;
	font-size:12px;
	white-space: pre;
	overflow:scroll;
	border: thin solid lightGrey;
}

#outputBox {
	height:100%;
	width:100%;
}

#compileOutBox, #compiledParserOutBox, #compiledParserOutBox {
	height:100%;
	width:100%;
}

#interpreter-element, #stopword-element {
	width: 100%;
	height: 95%;
}

#console-element, #compiled-grammar-element, #intermediate-grammar-element {
	height:100%;
	width:100%;
}

#defaultProcInterpretationCol {
	height: 70%;
}

#interpretationBox, #interpretationBoxAlt, #stopwordBox, #stopwordBoxAlt {
	height: 100%;
	width: 100%;
}

.side-panel #interpretationInputBox, .side-panel #stopwordInputBox {
	width: 100%;
}

#stopwordBox, #stopwordBox2 {
	height: 6em;
	width:100%;
}

.side-panel #benchmark-semantic-element {
	bottom: 0;
	position: absolute;
}

.side-panel #benchmark-time {
	height: 1em;
}

.console {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.console.info{
	background-color: #CCE7FF;
}
.console.warn{
	background-color: #FFF0A8;
}
.console.error{
	background-color: #FFC6C6;
}

.editor {
	width: 100%;
	height: 95%;
}

.annotationOverview.grammar.structure {
	background-color: #EDFFF6;/*7CA6EA;*/
	border: 1px solid #ADFFDA;/*5976A8;*/
}

/* DISABLED */
.annotationHTML.grammar.structure {
	/*
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkREMTE1OUNDMUVDMjExRTM4NDU4RjQ3Q0I3NkI4OTBDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkREMTE1OUNEMUVDMjExRTM4NDU4RjQ3Q0I3NkI4OTBDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REQxMTU5Q0ExRUMyMTFFMzg0NThGNDdDQjc2Qjg5MEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REQxMTU5Q0IxRUMyMTFFMzg0NThGNDdDQjc2Qjg5MEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Kzt/qAAAA0ElEQVR42mL8//8/AyWAiYFCQLEBLLgkfl8obARSZUD8HYiLWQ3652NTx4gtDICao4HUbCDeBRVyBmI3oCHHCRoA1MwOpO4A8V+gBgWo2AMg9QaITYFi/wl5IRaIZYD4K1AjI8gSIBYBYnkg9gLirYQCMRdKc0M1KUDZIFCM1wtAG02B1Ckk+WlQSzKQxLSA3riOywUpaHxHILZHE8vA54VQNL4XFCODaHyB+B6IBZH4s7CE0Ud8LvCHhsFfKN8VihmgYqegavAnpKGVmQACDACxJDv3vmRk+gAAAABJRU5ErkJggg==');
	
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVR4nMXSOw4CMQwE0JcoUFNxARoOx1mo9nZwEbJIocDFlkFG2pEsjwv/xi6WIYOGS/gHTjj/kN8bnhFccQubRsUa/L3h0xOUrAYVHcNXi3vwWes11R67r/CqOESxtuGzOBbLSD1SWsTdP3H9yxlT+AADnDUbP5B3BgAAAABJRU5ErkJggg==');
	
	font-awesome icon fa-list, 16x16, #adffda:
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAc0lEQVR4nMWSuw2AMAxEX6JATcUCNAzHLGyShQKLkCCFAhcpjYyUkyyfC//OdrEmLAjAIv4AJmD+kJ8DcEqwApuYGh4owu+GqydwVg08kIHKq8UuXGvZm9oD3Ve4PDBIsdBwLUYXazI9klnE7p9YfjmjCQ/XRTnaHNlS4gAAAABJRU5ErkJggg==');
	*/
	/* font-awesome icon fa-list, 14x14, #adffda: */
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAANUlEQVR4nGNc+/8WAzmAhYGB4TeUzQplsxCh7w8TWdZBTWdF4rPiUohN46hT8dg43J1Kto0AvwIOxqd4+mcAAAAASUVORK5CYII=');
}


/** 
	class for setting button to "pressed-down" state in toolbar:
	menu-button-selected
	
	-> copied from w2ui.css (same as table.w2ui-button.checked)
 */
.w2ui-toolbar table.w2ui-button.menu-button-selected {
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
}
.w2ui-toolbar table.w2ui-button.menu-button-selected .w2ui-tb-caption {
  color: #000000;
}

/** 
 * FIX: color fix for "stacked icons" solution (font-awesome icons):
 * since icons are not placed in the icon-element, but the label/caption element
 * their color needs to be adjusted in order to match the "normal" icon's color.
 *
 */
.fix-w2ui-toolbar-icon {
	color: #8d99a7;
}

/* FIX for orion editor:
 * need to increase z-index when editor is contained in w2ui panel
 */
.textviewTooltip {
	z-index: 1000;
}