/*
Edit: fhainz
*/
body     { background-color: #e5e5e5;
           font-family:Helvetica; font-weight:300; font-size:16px; }
input    { font-family:Helvetica; font-weight:300; font-size:16px; }
select   { font-family:Helvetica; font-weight:300; font-size:16px; }

#menuScrollArea {  } 

#menu    { margin: 20px 0 20px 12px; width:200px; left: 20px; }
#menu a { color: #151515; }

#hdr     { position:absolute; top:20px; left:250px; }

#content { position:absolute; top:50px; left:250px; bottom:20px; right:10px; }

#connect_err { background-color: #000000; color: #FFFFFF; 
               position:absolute; top:0px; left:40px; z-index: 10; }
.devType { padding-top:20px; }

a { color: #147bff; text-decoration:none; cursor: pointer; }

img {  border-style: none; }

#.wide { width: 100%; }

table { border-radius:2px; margin: 0; padding: 0px; border-spacing: 0px; border-collapse:separate; }

table.room { width:210px; }
table.room tr { background:#fff; }
table.room tr.sel { background: #d9d9d9; }
table.room td { padding: 6px; }
table.room td { border-bottom: 1px solid #cbcbcb; }
table.room td:hover { background: #d9d9d9; }

table.block { width:750px; background: #fff; }
table.block a { color: #151515; }
table.block tr { width: 100%; }
table.block tr.odd { background: #fff; }
table.block tr.sel { background: #d9d9d9; }
table.block td { padding:3px; border-bottom: 1px solid #cbcbcb; }

table.fileList { width:750px; }
table.fileList td { padding:5px; padding-left: 7px; } 
table.fileList td:hover { background: #d9d9d9; }

#right { position:absolute; top:20px; left:180px; }

h2,h3,h4 { color:#52865D; line-height:1.3;
           margin-top:1.5em; font-family:Arial,Sans-serif; }

div#block { border:1px solid gray; background: #F8F8E0; padding:0.7em; }
div.dist { padding-top:0.3em; }
div.dval a { color: #147bff; }

button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }

a img { border-style:none; }

input[type="submit"] { background: transparent; color:#147bff; border:0px; cursor: pointer; }
input[type="text"] { background-color: #e5e5e5; 1px solid #cbcbcb; }

/* detail-selector & slider */
select {  margin-left:5px; margin-right:5px; background-color: #e5e5e5; border:0px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { float:left; width:250px; height:26px; }
.set .slider { background:#F0F0D8; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }
.changed { color:#fc3e39; }

.handle { position:relative; cursor:pointer; width:50px;
          height:20px; line-height:20px; 
          -webkit-user-select:none; -moz-user-select:none; -user-select:none;
          border:3px solid; color:#278727; text-align:center; } 
.downText { margin-top:2px; }

pre { white-space: pre-wrap; }

table.room svg      { height:20px; width:20px; fill:#147bff; }
svg.icon { margin-right: 20px; margin-left: 7px; }
svg      { height:32px; width:32px; fill:#1c7efb; }
g.on { fill:#53d769; }