#div_body {
	
}
.tabs-footer  {
	position:absolute;
	bottom:0;
	height:80pt;
}
.left {
	position: absolute;
	flex-shrink: 0;
	float: left;
	width: 280pt;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.treeview {
	flex-shrink: 0;
	padding-top:20px;
	padding-bottom: 20px;
	width: 99%;
	height: 90%;
	overflow-y: auto;
}
#tabs-myheader{
	height: 100%;
}

#div_html {
	float: left;
}

#div_content {
	flex-grow: 1;
	flex-shrink: 0;
	width: 99%;
	margin-right: 5pt;
}
#reload  {
	position:absolute;
	top:0;
	height: 20pt;
}
.layout {
	position:absolute;
	top:0;
	width: 280pt;
	height: 100pt;
}
.properties {
	width: 280pt;
}
#div_treeview  {
	padding: 0;
	height: 100%;
}

.max_min_button {
    cursor:pointer;
    width: 30pt;
    height: 10pt;
}

.max_min_button_img {
    cursor:pointer;
    width: 10pt;
    height: 10pt;
}

#tabs .ui-tabs-nav { 
    position: absolute; 
    left: 0.25em; 
    right: 0.25em; 
    bottom: 80pt; 
    padding: 0em 0.2em 0.2em; 
} 
#tabs .ui-tabs-nav li { 
    border-top: none; 
    border-bottom: 1px solid #ccc; 
    -moz-border-radius: 0px 0px 4px 4px; 
    -webkit-border-radius: 0px 0px 4px 4px; 
    border-radius: 0px 0px 4px 4px; 
} 
#tabs .ui-tabs-nav li.ui-tabs-selected, 
#tabs .ui-tabs-nav li.ui-state-active { 
    top: -1px; 
}
.ui-tabs .ui-tabs-panel  {
	padding: 0 !important;
}
table.dataTable tbody td {
    padding: 2px 10px !important;
}
table.dataTable.no-footer {
    border-bottom: 0 !important;
}
.dataTables_scrollBody {
    border-bottom: 0 !important;
}
.tabview  {
	height: 100%;
}
.tabsoverview {
	flex-shrink: 0;
    position: absolute; 
    bottom:0; 
    color: red;
    width: 280pt !important;
    height: 20px;
    cursor:pointer;
    background: gray;
}

.tabclass {
	flex-shrink: 0;
    position: absolute; 
    bottom:0; 
    color: red;
    width: 280pt !important;
    height: 20px;
    cursor:pointer;
    background: gray;
}

table.dataTable { 
	position: absolute;
	left: 0;
	top: 0;
}
