body{
  background-color:#C9DDA3;
  /*font-family:Arial; B6D282 DCE9C4 C9DE23*/
  padding:2em;
  text-align:center;
}

div#head{
  width:75%;
  margin:1em auto;
  background-color:red;
  padding:0.5em 1em;
  text-align:left;
  font-weight:bold;
  /*/display:none;/**/
}

ul#tabs{
  width:50em;
  margin:0 auto;
  padding:0;
  text-align:left;
  /*/background-color:#AAAAFF;/**/
}

ul#tabs li{
  display:inline;
  padding:0;
  margin:0 0.25em;
  background:url("C9DDA3-ro.png") no-repeat right top;
  background-color:lightgray; /*#CCCCCC;*/
}

ul#tabs li:hover{
  background-color:silver;
}

ul#tabs li a{
  background:url("C9DDA3-lo.png") no-repeat left top;
  text-decoration:none;
  color:#000000;
  padding:0 1em;
}

ul#tabs li#current{
  background-color:white; /*#F3F3F3;*/
}

div#body{
  width:50em; /*80%;*/
  margin:0 auto;
  text-align:left;
  background-color:white; /*#F3F3F3;*/
  padding:1em;
}

div#body img {
  border:0;
}

div#body a:link {
  color:navy;
  text-decoration:underline;
}

div#body a:visited {
  color:black;
}

div#body a:hover {
  color:blue;
  text-decoration:none;
}

div#body hr {
  border:0;
  border-bottom:1px dotted lightgray;
}

div#body div.picturebox {
  width: 100%;
  overflow:scroll;
  overflow-y: hidden;
  white-space:nowrap;
}

div#body div.scrollbox {
  width: 100%;
  overflow:auto;
}

div#body div.codecase {
  display: table-row;
}

/* code:recipe */
div#body div.codecase pre.codelines {
  display:table-cell;
  border: 1px solid silver;
  border-right:0;
  margin:1em;
  margin-right:0;
  padding:0.25em;
  background-color:lightblue;
}

div#body div.codecase pre.recipe {
  display:table-cell;
  border:1px solid silver;
  border-left:0;
  padding:0.25em;
}

div#body div.codecase pre.recipe  span.keyword {
  font-weight:bold;
  color:navy;
}

div#body div.codecase pre.recipe  span.class {
  color:blue;
}

div#body div.codecase pre.recipe  span.comment {
  color:green;
}

div#body div.codecase pre.recipe  span.number {
  font-style:italic;
}

div#body q{quotes:"\201E" "\201D" "\201A" "\2019";}
div#body q:before {content:open-quote;}
div#body q:after {content:close-quote;}

div#body blockquote{
  border-left: solid 1px Silver;
  padding-left: 0.5em;
  margin-left: 3em;
}

div#body ul {
  list-style-type:disc;
}

div#body form input{
  margin:0.125em;
}

div#body div.msg{
  margin:0.125em;
  padding:0.5em;
  border:solid black 1px;
  background-color:lightblue; /*#CCCCCC;*/
}

div#body div.box {
  background:url("white-ro.png") no-repeat right top;
  display:inline;
  padding:0;
  margin:0 0.75em;
  background-color:lightgray; /*#CCCCCC;*/
}

div#body div.box span.ru{
  background:url("white-ru.png") no-repeat right bottom;
}

div#body div.box span.lu{
  background:url("white-lu.png") no-repeat left bottom;
}

div#body div.box span.lo{
  background:url("white-lo.png") no-repeat left top;
  padding:0 1em;
}

div#body ul.controllers{
  /*background-color:#CCCCCC;*/
  padding: 0.5em;
}

div#body ul.controllers li{
  background:url("white-ro.png") no-repeat right top;
  display:inline;
  padding:0;
  margin:0 0.25em;
  list-style: none;
  background-color:lightgray; /*#CCCCCC;*/
}

div#body ul.controllers li:hover{
  background-color:gray;
}

div#body ul.controllers li span.ru{
  background:url("white-ru.png") no-repeat right bottom;
}

div#body ul.controllers li span.ru span.lu{
  background:url("white-lu.png") no-repeat left bottom;
}

div#body ul.controllers li  span.ru span.lu a{
  background:url("white-lo.png") no-repeat left top;
  padding:0 1em;
  text-decoration:none;
  color:#000000;
}

div#body ul.controllers li:hover{
  background-color:silver;
}

div#body table.overview td {
  border-top: 1px dotted lightgray;
  padding:0.25em 0.5em 0.25em 0;
  margin: 0;
}

div#body table.data{
  padding-left: 0.5em;
  margin-left: 3em;
}

div#body table.data tr.row1{
  /*background-color:#F3F3F3;*/
}

div#body table.data tr.row2{
  background-color:#CCCCCC;
}

div#body div.code {
  border : 1px solid #98aab1;
  background-color : #e5e5e5;
  width : 90%;
  margin : 5px auto;
  padding : 10px;
}

div#body div.code span.comment {
  color : green;
  font-style : italic;
}

div#body div.code span.keyword {
  color : navy;
  font-weight : bold;
  }

  div#body div.code span.comment span.keyword {
  color : green;
  font-weight : normal;
}

div#body div.code span.value {
  color : blue;
}

div#body div.code span.comment span.value {
  color : green;
}