div#status {
  font-size: x-large;
  font-weight: bolder;
}
div#dcl_wrap{
  margin-bottom:10px;
}

div.dcl_pie{
}

div#dcl_list td{
  text-align: right;
}

div#dcl_list td.str{
  text-align: left;
}

div.entity {
  border:1px solid black;
  padding-left: 2px;
  padding-right: 2px;
  max-width: 500px;
}

div.entity input{
  width: 30%;
}

div.entity div.entity{
  margin:8px;
  width: 96%;
  background-color: #eeeeee;
}
div.entity div.schema{
  margin-top:6px;
}
div.schema {
  border:1px solid blue;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #ddddff;
}

div.entity div.nodes{ /* type nodes */
  background-color: #ddeedd;
  margin-bottom: 15px;
  margin-top: 15px;
}

tr.dcl_units {
  font-style: italic;
}

div.component_list a{
  color: #a00;
}

div.schema_list a{
  color: #a00;
}

div#dcl_toolbar {
  margin:1em;
  padding:2px;
  border: 1px solid black;
  width:80%;
}

table#dcl_tbl{
  overflow: auto;
  display: block;
  overflow-x: auto;
  border:none;
}

input#dcl_siteequation{
  width: 70%;
}

div.entity div.storagesystem{
  background-color: #FFBBBB;
}

div.entity div.localstorage{
  background-color: #FF8888;
}

div.schema div.localstorage div.head{
  color: black;
}

table#dcl_aggregated_tbl{
  overflow: auto;
  display: block;
  overflow-x: auto;
  border:none;
}

div#dcl_toolbar label{
  margin-right:2em;
}

div#dcl_toolbar_graph {
  margin:1em;
  padding:2px;
  border: 1px solid black;
  width:80%;
}

div#dcl_toolbar_graph label{
  margin-right:2em;
}

div.head{
  font-weight: bolder;
  font-style: italic;
}

div.head span.name{
  font-style: normal;
}

div.entity hr{
  margin: 1px;
  margin-bottom: 2px;
}

div.schema hr{
  margin: 1px;
  margin-bottom: 2px;
}

div.schema div.head{
  color: darkblue;
}

div.schema input{
  background-color: #ddddff;
}

div.error {
  color: darkred;
  font-weight: bolder;
  overflow:scroll;
}
div.entity div{
}
div.entity label {
  width:200px;
  display:block;
  float:left;
}
div.entity span.label {
  width:200px;
  display:block;
  float:left;
}
div.entity span.value{
}
div.entity input {
}
div.entity span.head{
  font-size: larger;
  color: #555555;
}

div.entity span.name{
  margin-left: 5px;
}


div.entity span.navigation{
  margin-right: 5px;
  position: relative;
  color: black;
  float:right;
}

div.entity span.navigation a{
  text-decoration:none;
  font-size: small;
  color: #a00;
}


div.entity div.body{
  clear:both;
}


div.schema span.head { font-size: larger; }
div div.char {width: 200px; display:block; float:left}
div div.input { margin-left: 50px}
div div.help { font-size: small; font-style:italic;}

form.connections a {
  background-color: lightgray;
  color: brown;
  border: 1px solid black;
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display:block;
  min-width: 5em;
  margin: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
}

form.connections .network{
  background-color: white;
  border: 5px solid white;
  color: black;
  font-weight: bolder;
}

form.connections span {
  background-color: lightgray;
  border: 1px solid black;
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display:block;
  min-width: 5em;
  margin: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
}

div#dcl_graph_fields h2{
  margin-bottom: 5px;
  margin-top:15px;
}

form#Network_connections span.grapa_storage{
  color: black;
  background-color: #FFBBBB;
}

form#Network_connections span.grapa_supercomputer{
  color: black;
  background-color: lightgray;
}


canvas{
  background-color: lightblue;
}

canvas#Building_draw{
  background-color: lightgray;
}