.do{display:block}
.do *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fe7621}
.do1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fec49f;
  border-right:1px solid #fec49f;
  background:#fe9858}
.do2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fef1e8;
  border-right:1px solid #fef1e8;
  background:#fe904b}
.do3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fe904b;
  border-right:1px solid #fe904b;}
.do4{
  border-left:1px solid #fec49f;
  border-right:1px solid #fec49f}
.do5{
  border-left:1px solid #fe9858;
  border-right:1px solid #fe9858}
.dofg{
  background-color:#fe7621}
  /*
<div>
  <b class="do">
  <b class="do1"><b></b></b>
  <b class="do2"><b></b></b>
  <b class="do3"></b>
  <b class="do4"></b>
  <b class="do5"></b></b>

  <div class="dofg">
    <!-- content goes here -->
  </div>

  <b class="do">
  <b class="do5"></b>
  <b class="do4"></b>
  <b class="do3"></b>
  <b class="do2"><b></b></b>
  <b class="do1"><b></b></b></b>
</div>
*/
  
.w{display:block}
.w *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.w1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.w2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.w3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;}
.w4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.w5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.wfg{
  background:url(white.png);
  }

.videoframe
{
	border: solid 3px #888;
	background-color:#888;
}