body {
    font-family: sans-serif;
    font-size: 90%;
}

#left { width: 74%; border: 0px; float: left; }
#right { 
    background: lightgrey;
    border: 0px;
    width: 25%;
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    padding: 1em;
}

.serverarea {
    border: 1px solid black;
    border-radius: 10px;
    width: 90%;
    margin: 0px auto;
    padding: 0.6em;
    text-align: center;
}
.serverarea label {
    font-weight: bold;
}

#serverselectConnect {
    display: block;
    width: 95%;
    text-align: center;
    border: 1px solid grey;
    background: 'LimeGreen';
    margin: 0px auto;
}

.searcharea {
    width: 100%;
    margin-top: 1em;
}

.searcharea p {
    text-align: center;
    font-weight: bold;
}

#widget_pointAutoComplete {
    width: 100%;
}

.treearea {
    overflow: auto;
    height: 85%;
    margin-top: 2em;
}

.pointTreeControl {
    background: white;
}

.adder {
    margin-right: 1em;
}

.bottomadder {
    border-top: 2px solid black;
}

.topadder {
    border-bottom: 2px solid black;
}

.addButton {
    margin: 0.5em;
}

.displayContainer {
    min-height: 60px;
    border-bottom: 1px dotted lightgrey;
}

.containerActive {
    padding-top: 5px;
    float: right;
    border: 1px solid lightgrey;
    background-color: lightgrey;
    background-image: url('leftarrowslight.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 20px;
}

.containerInactive {
    padding-top: 5px;
    float: right;
    border: 1px solid lightgrey;
    background-color: white;
    background-image: url('leftarrowsdark.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 20px;
    cursor: pointer;
}

.containerBounds {
    margin-right: 50px;
}

.containerTitle {
    width: 100%;
    background: lightblue;
    border: 1px dotted black;
    padding-left: 0.4em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.containerTitle input {
    border: 1px solid red;
}

.titleEditable {
    cursor: pointer;
    font-weight: bold;
}

.pointTable {
    width: 100%;
    border-collapse: collapse;
    margin: 1em;
}

.pointTable th {
    text-align: left;
    border: 1px solid black;
}

.pointTable td {
    text-align: center;
    border: 1px dotted black;
}

.noborder {
    border: 0px;
}

.columnName {
    font-weight: bold;
    border: 1px solid black;
}

.inError {
    background: yellow;
    color: red;
}

.titleOptions {
    margin-right: 1em;
}

.titleOptions label {
    font-weight: bold;
    margin-right: 0.3em;
}

.optionsTitle {
    font-weight: bold;
    margin-right: 0.3em;
}

.elHide {
    display: none;
}