/*
Title:     vizlab.
Author:    gcmingati.net
**********************************************
These style-sheets, associated graphics 
and design are copyrighted materials.
*/

/*
	vizlab
*/
a{ color:#ff008a; text-decoration: none; outline: none; }
a:hover{text-decoration: underline; }
#header{z-index: 5; position: absolute; top: 20px; left: 20px; color: #000; background: transparent;}
h1 {position: relative; padding: 0 0 0 148px; top: 11px; left: 16px; height: 39px; background: transparent url(../images/vizlab.gif) left top no-repeat; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #fff;}
h1 span#dn {display: none;}
h1 span {display: block; position: relative; top: 3px}
#hl{ width: 360px; height: 60px; float: left; background: transparent url(../images/hdlbg.gif) left bottom no-repeat; overflow: hidden;}
#hr{ height: 60px; float: left; color: #a3aca7; background: transparent url(../images/hdrbg.gif) right bottom no-repeat; overflow: hidden; text-align: right;}
#hr p#add{float: right; font: normal 11px/12px Arial, Helvetica, sans-serif; color: #fff; position: relative; top: 10px; padding: 6px 16px 6px 0; border-right: 1px solid #4b4b4b}
#hr p#add span{font: bold 12px Arial, Helvetica, sans-serif;}
#hr p#flr{text-align: left; position: relative; top: 12px; width: 60px; margin: 0 16px; height: 30px; float: right; font: normal 9px Arial, Helvetica, sans-serif; color: #787878;}
#hr p#flr a {display: block; width: 60px; height: 17px; background: transparent url(../images/flickr.gif) left top no-repeat}
#hr p#flr a span{display: none}
/*
	vizfader
*/
*{ margin:0; padding:0;}
img{border:none; }
body {background:#000; overflow: hidden; height: 100%; width: 100%;}
#vizfader {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
#vizfader img {position:absolute; top: 0; left: 0; z-index: -1;}

#controller{margin: 0; height:30px; width: 120px; padding: 0; z-index: 5; background: transparent; position: relative; color: #fff;}
#pl{float: left; width: 49px; border-right: 1px solid #121212; background: transparent url(../images/uibg.gif) left top no-repeat; font: bold 12px/30px Arial, Helvetica, sans-serif; margin: 0;text-align: center;}
#pr{float: right; width: 70px; height:30px; background: transparent url(../images/uibg.gif) right top no-repeat; text-align: center}
#pr ul{margin: 7px auto; list-style-type: none; overflow: hidden; width: 56px; }
#pr li{background: transparent; float:left; margin: 0 1px;}
#prev, #pp, #next { text-align: center;display: block;width: 16px;color: #fff; text-decoration: none; line-height: 16px;}
#prev {background: transparent url(../images/back.gif) left top no-repeat;}
#next {background: transparent url(../images/fwd.gif) left top no-repeat;}
.pause{background: transparent url(../images/pause.gif) left top no-repeat;}
.play {background: transparent url(../images/play.gif) left top no-repeat;}

.ttcontainer{z-index: 6; background: transparent; color: #fff; font: normal 9px/29px Arial, Helvetica, sans-serif;}
.ttcontainer p{float: left;}
.ttcontainer p#ttleft {width: 16px; background: transparent url(../images/ttbg.gif) left top no-repeat;}
.ttcontainer p#ttcontent {background: #2b2b2b}
.ttcontainer p#ttright {width: 16px; background: transparent url(../images/ttbg.gif) right top no-repeat;}