/*v0.5*/

html, body {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
}

#all {
    text-align: left;
    min-width: 1000px;
    padding: 5px 5px 5px 5px;
}

.header {
    display: block;
    height: 30px;
    padding: 1px;
}

#content-container {
    position: relative;
    display: block;
    border-left: 200px solid white; /*border-right: solid 50px #5de797;*/
/*height: 100%;*/
}

#qb-ui {
    display: block;
    position: relative;

    margin-left: -200px; /*margin-right: -50px;*/
/*for right*/
/*padding: 1px;*/
/*height: auto;*/
    border: 1px solid;
}

.qb-ui-syntax-selector {
/*width: 200px;*/
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
}

.qb-ui-syntax-selector-label {
    padding-left: 5px;
}

.qb-ui-syntax-selector select {
/*width:100%;*/
}

.qb-ui-syntax-selector-server {

}

.qb-ui-syntax-selector-version-label {
    margin-left: 20px;
}

.qb-ui-syntax-selector-server-version {

}

.qb-ui-query-statistic {
    margin-left: 20px;
}

#qb-ui-query-statistic-dialog {
    display: none;
}

#qb-ui-tree {
    float: left;
    position: relative;
    width: 200px; /*height: 500px;*/
    height: 525px;
    overflow: auto;
    left: 0px; /*border: 1px solid #DDDDDD;*/
/*overflow: auto;*/
    font-family: Verdana, Arial, sans-serif
}

#right {
    float: right;
    position: relative;
    width: 50px;
    right: 0;
}

#center {
    margin-left: 200px; /*margin-right: 50px;*/
    position: relative;
    display: block;
    height: 1%;
}

#qb-ui-canvas {
    float: left;
    position: relative;
    width: 100%;
    height: 350px;
    left: 0; /*border: 1px solid #DDDDDD;*/
/*width: 740px;*/
    overflow: auto; /*margin-left: 240px;*/
    cursor:default;
}

#qb-ui-canvas-graph {
    overflow: hidden;
    background-image:url(../img/icons/properties2.png);
    background-position:right top;
    background-repeat:no-repeat;
}

#qb-ui-grid {
    float: left;
    position: relative;
    width: 100%;
    height: 155px;
    left: 0; /*border: 1px solid #DDDDDD;*/
/*height: 100px;*/
/*width: 740px;*/
    overflow: auto; /*margin-left: 240px;*/
}

#qb-ui-editor-statusbar {
    float: left;
    position: relative;
    width: 100%;
    height: 27px;
    line-height: 27px;
    left: 0; /*width: 740px;*/
/*height: 150px;*/
/*margin-left: 240px;*/
    overflow: auto; /*width: 740px;*/
/*margin-left: 240px;*/
/*overflow: auto;*/
/*padding-top: 3px;*/
}

#qb-ui-editor {
    border: 1px solid #a9a9a9;
    display: block;
    position: relative;
    /*width: 100%;*/
    overflow: auto;
    top: 0;
    left: 0;
}

#center #qb-ui-editor {
    float: left;
}

#qb-ui-editor textarea {
    width: 100%;
    height: 150px;
    padding: 0;
    border: 0;
    margin: 0;
}

.clear {
    clear: both;
}

.foot {
    display: block;
    height: 20px;
    padding: 1px;
    position: relative;
}

.format-table {
    border: 0;
    border-width: 0;
    border-spacing: 0;
    border-collapse: separate;
}

.format-table td {
    border-width: 0;
    padding: 0;
}

.format-table-light {
    border-width: 0;
    border-collapse: separate;
}

.format-table-light td {
    border-width: 0;
    padding: 0;
}

#qb-ui-grid table {
    width: 100%;
}

#qb-ui-grid table tr {
}

#qb-ui-grid table tr td {
}

#qb-ui-editor-statusbar-message {
    float: left;
}

#qb-ui-editor-statusbar-controls {
    float: right;
}

.qb-ui-canvas-hover {
    background-color: #DFFFD4 !important;
}

.qb-ui-grid-hover {
    background-color: #DFFFD4 !important;
}

#qb-ui-draggable-helper-table {
    z-index: 2000;
    position: absolute;
    width: 1000px;
    height: 0;

}

#qb-ui-draggable-helper-field {
    width: 0;
    height: 0;
    z-index: 2000; /*position: absolute;*/
}

.qb-ui-draggable-helper-field {
    width: 0;
    height: 0;
    z-index: 2000;
    position: absolute;
}

.qb-ui-table-field {
    z-index: 3000;
}

.qb-ui-object {
    cursor: pointer;
}

.qb-ui-object-table {

}



div.editable-select-options {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
}

.editable-select-options ul li.table {
    padding: 0 0 0 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../img/icons/table.gif);
}

.editable-select-options ul li.field {
    padding: 0 0 0 38px;
    background-repeat: no-repeat;
    background-position: 18px -1px;
    background-image: url(../img/icons/textfield.png);
}

.editable-select-options ul li.sortingOrder {
/*width : 80px;*/
    padding: 0;
}

#draggable {
    border: 1px solid #DDDDDD;
}

.odd {
    background-color: #F0F0F0;
}

.filetree {
    font-size: 10px;
    margin-top: 4px;
}

.filetree ul li {
    white-space: nowrap;
}

.left100
{
    /*position:absolute;*/
    /*left:100px;*/
    /*float:right;*/
    /*white-space:normal;*/
}

 .width40{
     display: inline-block;
     width:40px;
 }

.width50{
    display: inline-block;
    width:50px;
}
.width75{
    display: inline-block;
    width:75px;
}

.ui-dialog-content fieldset{
    margin:0;
    margin-bottom:5px;
    margin-top:5px;
    padding:5px;
    padding-top:5px;
    padding-bottom:5px;
    border:solid darkgray 1px;
    white-space:nowrap;
    /*width:100%;*/
}

.ui-dialog-buttonpane {
    margin-top:0;
}

.ui-dialog-content
{
    padding:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

.cursorWait {
    cursor:wait!important;
}