body {
  font-family: sans-serif;
}

.fill_parent {
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
  right:0px;
}

.dock_bottom {
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
}

.dock_top {
  position:absolute;
  left:0px;
  right:0px;
  bottom:0px;
}

.dock_left {
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
}

.dock_right {
  position:absolute;
  top:0px;
  bottom:0px;
  right:0px;
}

#event_capture_overlay {
  visibility:hidden;
  position: absolute;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  z-index:9999999999;
}

#event_capture_overlay.active {
  visibility:visible;
}

.window_decoration {
  font-family: 'Open Sans', arial, sans-serif;
  FONT-SIZE: 16px;
  COLOR: #000000; 
  TEXT-ALIGN: left;      

}
.window_decoration
{
	overflow: hidden;
	PADDING: 4px;
	BORDER: 1px solid #000;
	BORDER-RADIUS: 14px;
	BACKGROUND-COLOR: #eef;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.8); 
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.8); 
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.8);
	transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-webkit-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	opacity:0.1;
	z-index: 0;
  user-select: none;
}

iframe.window {
  position: absolute;
  left:0px;
  right:0px;
  border: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.window_decoration.borderless {
	PADDING: 0px;
	BORDER: none;
	BORDER-RADIUS: 0px;
}

.window_decoration.visible {
	opacity: 1.0;
}

.window_decoration  {z-index: -10;}

.window_decoration.border.unfocused {
	z-index: 1;
}

.window_decoration.minimized {
  transition: all 0.5s;
	-webkit-transform: scale(.001);
	transform: scale(.001);
	opacity: 0;
}

.window_decoration.maximized {
  width:auto !important;
  height:auto !important;
  left:0px !important;
  top:0px !important;
  bottom:32px !important;
  right:0px !important;
}

.window_decoration[data-stack="0"]  {z-index: 1;}
.window_decoration[data-stack="1"]  {z-index: 0;}
.window_decoration[data-stack="2"]  {z-index: -1;}
.window_decoration[data-stack="3"]  {z-index: -2;}
.window_decoration[data-stack="4"]  {z-index: -3;}
.window_decoration[data-stack="5"]  {z-index: -4;}
.window_decoration[data-stack="6"]  {z-index: -5;}
.window_decoration[data-stack="7"]  {z-index: -6;}
.window_decoration[data-stack="8"]  {z-index: -7;}
.window_decoration[data-stack="9"]  {z-index: -8;}
.window_decoration[data-stack="10"]  {z-index: -10;}

.window_decoration>.clientarea>.borderoverlay  {z-index: 10000;}
.window_decoration[data-stack="0"]>.clientarea>.borderoverlay  {z-index: -9999; visibility:hidden;}

/* event blocking overlays should disappear while drag and drop events are happening */
.DragOperationHappening .borderoverlay {visibility:hidden;}

.window_decoration.borderless > .border {
	display:none;
}

.window_decoration > .titlebar
{	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	font-family: 'Open Sans', arial, sans-serif;
  FONT-SIZE: 16px;
	height:26px;
	background-color:#46a;
	text-align:center;
	color:#ffe;
	padding-top:4px;
	text-shadow: #000 1px 1px 2px; 
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    
	transition:all 500ms;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	
}
.window_decoration.focused > .titlebar
{
	background-color:#57d;
}
.window_decoration > .titlebar>.button {
	top:0.4em;
	width:0.75em;
	height:0.75em;
	font-family: 'Open Sans', arial, serif;
  FONT-SIZE: 16px;
	text-align:center;
	opacity:0.2;
  BORDER: 1px solid rgba(0,0,0,0.5);
	text-shadow: #000 1px 1px 2px; 
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.8); 
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.8); 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.8); 
	transition:all 250ms;
	-webkit-transition:all 250ms;
	-moz-transition:all 250ms;
	-o-transition:all 250ms;
	padding:0px;

}
.window_decoration > .titlebar > .button:active
{
	box-shadow: -1px -1px 1px rgba(0,0,0,0.8);
	-moz-box-shadow: -1px -1px 1px rgba(0,0,0,0.8); 
	-webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.8);
}
.window_decoration > .titlebar:hover > .button
{	
	opacity: 1.0;
}

.window_decoration>.titlebar>.close.button
{	position:absolute;
	right:0.5em;
	background-color: rgba(256, 63, 10, 0.9);
}

.window_decoration>.titlebar>.maximize.button
{	position:absolute;
	right:2em;
	background-color: rgba(255, 174, 71, 0.9);
}
.window_decoration>.titlebar>.minimize.button
{	position:absolute;
	right:3.5em;
	background-color: rgba(90, 216, 166, 0.9);
}

.window_decoration > .titlebar > .close.button:active
{	
	background-color: rgba(256, 128, 64, 1);
}
.window_decoration > .titlebar > .close.button:hover
{	
	background-color: rgba(256, 128, 64, 1);
}

.window_decoration > .clientarea
{
	position:absolute;
	left: 4px;
	top: 30px;
	bottom:4px;
	right :4px;
	overflow: auto;
/*	outline: 4px solid red; */
}

.window_decoration.borderless>.clientarea {
  position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.window_decoration > .dragregion {
	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-o-user-select: none;
  	user-select: none; 
}

.window_decoration > .dragregion:hover {
  background-color: rgba(0,255,0,0.5);
}

.window_decoration > .left.border.dragregion
{
	position:absolute;
	left:-1px;
	top:16px;
	bottom:16px;
	width:6px;
	cursor:w-resize;
}
.window_decoration >.right.border.dragregion
{
	position:absolute;
	right:-1px;
	top:16px;
	bottom:16px;
	width:4px;
	cursor:e-resize;
}
.window_decoration >.top.border.dragregion
{
	position:absolute;
	left:16px;
	right:16px;
	top:-1px;
	height:6px;
	cursor:n-resize;
}
.window_decoration>.bottom.border.dragregion
{
	position:absolute;
	left:16px;
	right:16px;
	bottom:-1px;
	height:6px;
	cursor:s-resize;
}
.window_decoration>.bottomleft.border.dragregion
{
	position:absolute;
	left:0px;
	width:16px;
	bottom:-1px;
	height:16px;
	cursor:sw-resize;
}
.window_decoration>.bottomright.border.dragregion
{
	position:absolute;
	right:0px;
	width:16px;
	bottom:-1px;
	height:16px;
	cursor:se-resize;
}