body{
   margin:0;
   color:#808080;
   background-color:#000;
 }
 
 td{
   border:none;
   vertical-align:top;
 }
 
 a, a:hover, a:active, a:visited{
   outline:none;
 }

 #gallery{
   margin:0 auto;
   width:100%;
 }
 
 #gallery .hd{
   height:50px;
 }
 
 #gallery .bd{
   height:480px;
 }
 
 #gallery .bd div{
   /*border:1px dashed #f1f1f1;*/
 }
 
 #gallery .bd .lft{
   float:left;
   width:10%;
   height:472px;
   margin:3px;
 }
 
 #gallery .bd .mid{
   float:left;
   width:78%;
   height:472px;
   margin:3px;
   text-align:center;
 }
 #gallery .bd .mid #viewerPort{
   overflow:hidden; /* so we can animate to zero width */
   margin:0 auto;
   position:relative;
   padding:5px;
   background-color:#151515;
   border:1px dashed #808080;
 }
 
 #gallery .bd .mid #viewer{   
   max-height:465px;
 }
 
 #gallery .bd .rgt{
   float:left;
   width:10%;
   height:472px;
   margin:3px;
 }
 
 #gallery .ft{
   height:65px;
 }
 
 #gallery .ft td {
   border:none;
   margin:o;
   padding:0;
 }
 
 #gallery .ft .seekpane{
   text-align:center;
   height:63px;
   margin:0 auto;
   float:left;
 }
 
 #gallery .ft .lft{
   float:left;
   width:40px;
   height:60px;
   margin:1px;
   cursor:pointer;
   background:url(../images/seek-left.jpg) 0px center no-repeat;
 }
 
 #gallery .ft .mid{
   float:left;
   /*max-width:88%;*/
   min-width:60px;
   height:60px;
   margin:1px;
 }
 
 #gallery .ft .mid a{
   float:left;
   display:block;
   margin:1px;
   border:1x dashed #000;
 }
 
 #gallery .ft .mid a img{   
   height:58px;
   width:auto; 
   border:none;    
 }
 
 #gallery .ft .mid a:hover{
   border:1x dashed #f1f1f1;
 } 
 
 #gallery .ft .rgt{
   float:left;
   width:40px;
   height:60px;
   margin:1px;
   cursor:pointer;
   background:url(../images/seek-right.jpg) 0px center no-repeat;
 }
 
 /* begin section to move to yhub skin css later */
 
 .seekbar-over{
   opacity:0.7;
 }
 
 .seekbar-out{
   opacity:0.3;
 } 
 
 /* end section to move to yhub skin css later */