@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:14px;background:black;}
a{font-family:Arial, Helvetica, sans-serif;  color:#666; text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
h1{color:grey; font-size:17px;padding:10px 0 10px 0 ;font-weight:normal;}
h2{text-transform:uppercase; font-size:11px; margin:0 0 10px 0;font-weight:normal;}
.grey{color:#666666;}

#logo{z-index:6; position:absolute;left:0px;overflow:hidden; width:100%; height:49px; background:black;}
#navContainer{z-index:5; position:absolute;left:0px;top:50px;overflow:hidden; }
#listContainer{z-index:4; position:absolute;left:301px;top:50px;overflow:hidden;}
#contentContainer{z-index:3; position:absolute;left:301px;top:50px;overflow:hidden;}
#bg{z-index:1; position:absolute;left:0px;min-height:101%; width:100%}

.panel{overflow:hidden; padding:10px 10px 50px 10px; }

#nav{display:none; background:white;}
#list{display:none; background:white;}
#content{padding-right:20px;display:none; background:white;}

/* in #content */

#player{visibility:hidden; z-index:10; height:380px;}
#player small{display:block; padding-top:5px;}

.textBlock {width:425px; margin:10px 0;}
.textBlock p{padding-bottom:10px;}

.moreButton{}
.moreContainer{margin:10px 0; background:url('../img/line.gif') repeat-x left bottom;}
.moreContainer a{text-decoration:underline;}


/* video blocks */
.video{height:200px; width:135px;float:left; margin:0px 10px 10px 0px;font-size:10px; }
.videoContent{ height:180px; padding-top:10px;}
.videoFrame{background:black; color:white; height:180px; padding:10px 10px 0 10px;}
.video p {padding:0;}
.thumbnail{background:black; line-height:60px; height:60px; width:115px; text-align:center; padding:0;margin:0;}
.thumbnail img{vertical-align:middle; width:115px; height:60px;}
.videoTitle {height:40px;padding-top:5px;}

.line {background:url('../img/line.gif') repeat-x left bottom;margin:10px 0 10px 0; height:2px;}
.lineInvert{background:url('../img/line_invert.gif') repeat-x left bottom; margin:5px 0; height:2px;}

#intro{padding:10px 0;}

.doTip{width:135px;z-index:9999;color:white; background:black; padding:10px;}

.tip-title{background:url('../img/line_invert.gif') repeat-x left bottom; margin-bottom:5px; padding-bottom:10px;}