﻿
#DesignerBody{position:absolute; top: 0px; left:0px; bottom: 40px; right:0px; background: #ffffff;}
#designerLayoutContainer { overflow: auto; position: absolute; top:30px; bottom:40%; left:1px; right:1px;}
#divObjectInspector { position:absolute; height: 40%; left:1px; bottom: 1px; right:1px; background: #ffffff;  }
#divObjectInspectorBody{ position:absolute; top:30px; bottom:3px; width:100%; height: 100%; overflow:auto; }
#AdminButtonHolder{position:absolute; left:1px; bottom: 1px; right:1px; background:#fff; height:35px; width:auto;}
.propTabs{position:absolute; top:0px; bottom:0px; left:0px; right:20px;}


#divToolBar { text-align:left; height:29px; }.formcontainer {border:0px;}
.formLayoutContainer {border:0px; text-align:left;}
/*
#designerLayoutContainer { overflow: auto; height: 300px;}
#divObjectInspector { height: 400px; width:auto; bottom: 1px; }
*/
#divSideBar { position: absolute; right: 1px; width: 200px; top: 30px; bottom: 30px; }
#dlgTemplates {position:absolute; display:none; width: 300px; height:300px; background: #c1c1c1; }

table.nodeCaptionTable td { vertical-align:middle;height:25px;}
.ToolButton { height: 23px; font:Verdena 10px; width:52px;}
.nodeMenu, .nodeToggle { overflow:hidden; cursor:pointer; display:inline; padding-top:0px; height:16px;}
.nodeCaption { height:22px;line-height:22px; vertical-align:middle; font-size:12px; margin-bottom:4px; }
.PropertyHeader {}
.PropertyMenu {width:19px;height:16px; display:inline;}
.selectable {cursor: pointer; padding-left:5px;}
.currentSelected {font-weight:bold;color:#70bb18;}
.currentSemiSelected {}
.ButtonList {
    display: flex;
    padding-left: 10px;
}
.ButtonColumn {
    display: flex;
    flex-direction: column;
    margin: 0px 10px;
}
.ButtonOptionColumn {
    align-items: center;
}
.ButtonOptionColumn > .ButtonCell {
    justify-content: center;
}
.ButtonColumnTitle {
    font-weight: bold;
}
.ButtonCell {
    height: 25px;
    width: 100%;
    display: flex;
    align-items: center;
}
.DefaultButton {
    display: flex;
    align-items: center;
    padding: 5px;
}
.DefaultButtonText {
    white-space: nowrap;
    margin-right: 10px;
}
.PropList {width:95%; margin:auto; vertical-align:top; text-align:left;}
.PropName {width:15%; vertical-align:top; }
.PropEditor {width:35%;}
.PropTextBox {width:95%;}
.PropCheckBox {}
.PropSelect {}
.PropSubList {width:95%; margin:auto; vertical-align:top; text-align:left;}
.PropTextArea {width:95%;}
.templateLink {color:Black;}
#divObjectInspectorHeader {}
.W5 {width:4.999%;float:left}
.W15 {width:14.999%;float:left}
.W25 {width:24.999%;float:left}
.W35 {width:34.999%;float:left}
.W45 {width:44.999%;float:left}
.W55 {width:54.999%;float:left}
.W65 {width:64.999%;float:left}
.W75 {width:74.999%;float:left}
.W85 {width:84.999%;float:left}
.W95 {width:94.999%;float:left}
.nodeMenu {height:22px;}
.ui-icon {height:22px;}
.ui-icon-wrench {width:30px;height:20px;background:url(images/icon-wrench.png) no-repeat;margin-right:4px;}

.sectionleft {background:#999 url(images/sectiontitle-left.png) left no-repeat; height:28px;line-height:28px;font:bold 14px Arial;color:#fff;padding-left:10px;}
.sectionright {background:#999 url(images/sectiontitle-right.png) right no-repeat;height:28px;line-height:28px;}

.icon-Star {cursor: default; background: url(images/asterisk.svg) no-repeat !important; width: 10px !important; height: 10px !important; padding-right: 8px;}