body {
    background-color: #100000;
    font-family: "Titillium Web",Arial,Verdana,helvetica;
font-size: 26px;
    color: #ffffff;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

div.stage,
div.board,
div.leftboard,
div.rightboard
{
width: 420px;
height: 210px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: absolute;
}

div.indented {
margin: 0px 0px 0px 22px;
}

div.leftlist {
    display: inline-block;
font-size: 16px;
line-height: 16px;
width: 155px;
    text-align: right;
    vertical-align: top;
}
div.topright {
    width: 90%;
    text-align: right;
}
div.middlelist {
    display: inline-block;
font-size: 11px;
line-height: 16px;
width: 210px;
    text-align: center;
}
div.rightlist {
    display: inline-block;
font-size: 11px;
line-height: 16px;
width: 32px;
    text-align: left;
    vertical-align: top;
}

span.sliderbutton {
    display: block;
font-size: 29px;
    position: relative;
    height:      0px;
top: -7px;
    text-align: left;
}

span.button {
padding: 4px 7px 4px 9px;
}

span.buttonon {
padding: 4px 7px 4px 9px;
    background-color: #404040;
}

span.checkbutton {
    display: block;
font-size: 26px;
    position: relative;
    height:      0px;
top: -9px;
    text-align: left;
    font-weight: bold;
    color: #aaa0a0;
}


span.slider {
    display:          block;
height: 3px;
margin: 24px 0px 28px 0px;
width: 210px;
    background-color: rgba(255,255,255,0.5);
    text-align: left;
}

span.checkbox {
    display:          block;
height: 3px;
margin: 24px 0px 28px 0px;
width: 16px;
    text-align: left;
}

div.leftboard {
    position: absolute;
width: 233px;
height: 208px;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}
div.rightboard {
    position: absolute;
width: 134px;
height: 208px;
    top: 0;
left: 246px;
    color: #c0c0c0;
font-size: 22px;
}
div.chattext {
    position: absolute;
top: 172px;
height: 29px;
font-size: 26px;
    background-color: #c0c0c0;
    color: #404040;
width: 383px;
padding: 4px 3px 4px 32px;
}
div.text {
    position: relative;
    background-color: #242020;
    color: #c0c0c0;
height: 32px;
padding: 0 0 0 8px;
}
div.stage {
  visibility: hidden;
  visibility: visible;
}

div.option {
    color: #d0d0d0;
margin: 0px 0px 0px 4px;
height: 41px;
    border: 2px solid #100000;
}

div.selected {
  border: 2px solid #b0b0b0;
  background-color: #2a5048;
}

div.option:hover {
    background-color: #406050;
}

em {
  display: inline-block;
  font-family: georgia;
padding: 8px 49px 8px 49px;
  color: #ff2080;
  background-color: #f6f6f6;
margin: 32px 0px 0px 32px;
}

img.button,
img.faintindentedicon,
img.fainticon,
img.lessfainticon,
img.smallicon,
img.smalliconright,
img.icon {
height: 19px;
    border: none;
    padding: 0 0 0 0;
    margin: 0;
    vertical-align: baseline;
}
img.fainticon {
margin-left: 8px;
    opacity: 0.5;
}
img.lessfainticon {
margin-left: 8px;
    opacity: 0.9;
}
img.faintindentedicon {
    opacity: 0.5;
margin-left: 32px;
}
img.smallicon {
    opacity: 0.3;
height: 13px;
}
img.smalliconright {
    position: absolute;
height: 19px;
    right:  0px;
margin-top: 14px;
margin-right: 17px;
}

img.button {
padding: 4px 8px 4px 8px;
    background-color: #202020;
    border: 2px solid #404040;
}

img.selected {
    border: 2px solid #b0b0b0;
    background-color: #2a5048;
}

div.dockbutton {
  display: inline-block;
  border: 4px solid #2a5048;
  font-weight:100;
padding: 4px 6px 4px 6px;
  position: absolute;
top: 82px;
  left: 0px;
  background-image: linear-gradient(180deg, #302828, #1a1010);
}


div.tabbutton {
  display: inline-block;
  border: 4px solid #2a5048;
  font-weight:100;
padding: 4px 32px 0px 32px;
  position: absolute;
  bottom: 4px;
left: 139px;
  background-image: linear-gradient(180deg, #302828, #1a1010);
}

small {
font-size: 13px;
margin: 0px 8px 0px 16px;
    color: #ffffff;
}

div.thinspacer {
height: 8px;
}
div.spacer {
height: 18px;
}

div.debug {
    border: 1px dotted red;
}