#oipf-objects,
 #video-container,
 #video-broadcast,
 #container {
   left: 0;
   position: absolute;
   top: 0;
 }

#oipf-objects {
  visibility: hidden; 
  width: 0; 
  height: 0;
}

 h1 {
   color: white;
   font-size: 24px;
 }

 h1 .sub {
   font-size: 20px;
   font-weight: normal;
   margin-left: 25px;
 }

 body {
   background: transparent no-repeat;
   color: white;
   font-family: TiresiasScreenfont, Tiresias, Arial, Helvetica, sans-serif;
   font-size: 100.01%;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: normal;
   margin: 0;
   padding: 0;
   position: fixed;
 }

 #container {
   background-color: rgb(18, 23, 30);
   background-color: rgba(18, 23, 30, 0.9);
   height: 720px;
   width: 1280px;
 }

 #menu {
   background-color: #242e39;
   height: 60px;
   padding: 30px 64px 0 64px;
 }

 #footer {
   background-color: #242e39;
   bottom: 0;
   height: 60px;
   left: 0;
   padding: 15px 64px 15px 64px;
   position: absolute;
   right: 0;
 }

 #footer .info {
   display: block;
   height: auto;
   line-height: 22px;
   margin: 0;
   overflow: hidden;

 }

 #menu .left,
 #footer .left {
   float: left;
 }

 #menu .right,
 #footer .right {
   float: right;
 }

 #menu .menu-item,
 #footer .menu-item {
   color: white;
   display: inline-block;
   font-size: 17px;
   height: 52px;
   letter-spacing: 1px;
   white-space: nowrap;
   line-height: 52px;
   margin: 0;
   padding: 0 10px;
   text-decoration: none;
 }

 #menu a:focus {
   background-color: white;
   color: #242e39;
 }

 #menu .devider {
   background: url(../images/arrow_right.png) no-repeat center center;
   display: inline-block;
   height: 17px;
   vertical-align: sub;
   width: 26px;
 }

 .color_button {
   -moz-border-radius: 3px;
   border-radius: 3px;
   display: inline-block;
   height: 12px;
   margin: 5px 8px 0 0;
   width: 14px;
 }

 #main {
   margin: 32px 55px;
   overflow-y: scroll;
   height: 500px;
   overflow-x: hidden;
 }

 .section {
   display: block;
   float: left;
   margin-right: 20px;
   width: 212px;
 }

 .section:last-child {
  margin-right: 0px;
}

 .section a {
   border-bottom: #12171e solid 1px;
   color: white;
   display: block;
   line-height: 36px;
   text-decoration: none;
 }

 .section .odd {
   background-color: rgb(48, 61, 74);
 }

 .section .even {
   background-color: rgb(58, 71, 84);
 }

 .section .desc {
   display: block;
   height: 36px;
   overflow: hidden;
   padding-left: 10px;
   width: 163px;
 }

 .section .number {
   background-color: rgb(38, 49, 59);
   color: rgb(240, 240, 240);
   color: rgba(255, 255, 255, 0.8);
   display: block;
   float: left;
   font-size: 14px;
   height: 36px;
   text-align: center;
   width: 36px;
 }

 #user_agent {
   background-color: rgb(26, 34, 43);
   font-family: monospace;
   margin: 32px 64px;
   padding: 10px;
   font-size: 16px;
 }

 #debug {
   padding: 25px 0;
 }

 .section .divider {
   border-bottom: #12171e solid 1px;
   color: white;
   display: block;
   height: 32px;
   line-height: 32px;
   width: 212px;
 }

 .section a:focus {
   background-color: white;
   color: #D90824;
 }

 .section .desc {
   display: block;
   height: 36px;
   overflow: hidden;
   padding-left: 10px;
   width: 163px;
 }

 .section a:focus>.number {
   background-color: #D90824;
 }

 .color {
   border-radius: 3px;
   display: inline-block;
   height: 16px;
   vertical-align: top;
   width: 16px;
 }

 .digit {
  border-color: inherit;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 5px; 
  margin-left: 40px; 
  text-align: center;
  width: 30px;
  height: 16px;
  line-height: 16px;
  vertical-align: text-bottom;
 }


 .green {
   background-color: #2cc46c;
 }

 .yellow {
   background-color: yellow;
 }

 .blue {
   background-color: blue;
 }

 .red {
   background-color: red;
 }