.tab {
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 100px;
  text-transform:uppercase;
  font: bold 12px "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif;
  color: #FFFF00;
}

.tab a:link { font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif;text-decoration:none; color:#FFFF00;font-size:12px; }
.tab a:visited { font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; color:#FFFF00; text-decoration:none;font-size:12px; }
.tab a:focus { font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; color:#FFC125; text-decoration:none; font-size:12px; }
.tab a:hover { font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; color:#FFC125; text-decoration:none; font-size:12px; }
.tab a.link:hover{ color:#FFFF00; text-decoration:none; background-color:#008B00;} 

.tab .tabtop, .tab .bottom {
  display: block;
  background: #8B4789;
}

.tab .tabtop div, .tab .bottom div {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #8B4789;
}

.tab .contenttab {
  display: block;
  background: #8B4789;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .tabtop .tb, .tab .bottom .tb {
  margin: 0 8px;
  background: #474747;
}

.tab .t1 {
  margin: 0 6px;
  border-left: 2px solid #474747;
  border-right: 2px solid #474747;
}

.tab .t2 {
  margin: 0 5px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .t3 {
  margin: 0 4px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .t4 {
  margin: 0 3px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .t5 {
  margin: 0 2px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .t6 {
  margin: 0 2px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .t7 {
  margin: 0 1px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.tab .t8 {
  margin: 0 1px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}


.header {
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 920px;
}


.header .top, .header .bottom {
  display: block;
  background: #8B4789;
}

.header .top div, .header .bottom div {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #8B4789;
}

.header .content {
  display: block;
  background: #8B4789;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .top .rb, .header .bottom .rb {
  margin: 0 8px;
  background: #474747;
}

.header .r1 {
  margin: 0 6px;
  border-left: 2px solid #474747;
  border-right: 2px solid #474747;
}

.header .r2 {
  margin: 0 5px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .r3 {
  margin: 0 4px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .r4 {
  margin: 0 3px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .r5 {
  margin: 0 2px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .r6 {
  margin: 0 2px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .r7 {
  margin: 0 1px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.header .r8 {
  margin: 0 1px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

#vid {
    position:fixed;
    top:95;
    left:0;
    width:100%;
    height:475px;
    background:#000;
    opacity:0.0;
    /*background:rgba(255,255,255,0.8); or just this*/
    z-index:50;
    color:#fff;
}

#log {
    position:fixed;
    top:480px;
    left:625px;
    width:100%;
    height:475px;
    background:#fff;
    opacity:0.0;
    /*background:rgba(255,255,255,0.8); or just this*/
    z-index:50;
    color:#fff;
}

.page {
  background: #8B4789;
  color: #FFFFFF;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  width: 920px;
}

.area {
  background: #8B4789;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
  text-align: center;
  width: 920px;
}

.area h1 {
  margin: 0 10px 5px;
  font-size: 1.5em;
  color: #474747;
}

.area p {
  margin: 0 10px 5px;
  font-size: 1.2em;
  color: #474747;
}

.area .top, .area .bottom {
  display: block;
  background: #8B4789;
}

.area .top div, .area .bottom div {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #8B4789;
}

.area .content {
  display: block;
  background: #8B4789;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .top .rb, .area .bottom .rb {
  margin: 0 8px;
  background: #474747;
}

.area .r1 {
  margin: 0 6px;
  border-left: 2px solid #474747;
  border-right: 2px solid #474747;
}

.area .r2 {
  margin: 0 5px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .r3 {
  margin: 0 4px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .r4 {
  margin: 0 3px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .r5 {
  margin: 0 2px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .r6 {
  margin: 0 2px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .r7 {
  margin: 0 1px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}

.area .r8 {
  margin: 0 1px;
  border-left: 1px solid #474747;
  border-right: 1px solid #474747;
}