@charset "utf-8"; 
/* CSS Document */

body{margin: 0px; background-image: url(/images/bodybg.jpg); background-repeat: repeat-x; background-color: #383838; margin-top: 0px; padding-top:0px;}
.wrapper{margin: auto; height: auto; width: 1000px;}
.header-container{float: left; height: 95px; width: 1000px;}
.logo{float: left; height: 95px; width: 343px;}
.navigation-container{float: left; height: 35px; width: 1000px;}
#tabs{float:left; width:670px; font-size: 12px; line-height:normal;}
#tabs ul{margin:0; padding:0px 0px 0 0px; list-style:none;}
#tabs li{display:inline; margin:0; padding:0;}
#tabs a{float:left; background-image: url(/images/bbg-b.jpg); margin:0; text-decoration:none; text-align: center; padding: 0; font-weight: bold; font-family: Tahoma; color: #FFFFFF;}
#tabs a span{float:left; display:block; color:#000000; background-image: url(/images/bbg-a.jpg); background-repeat: no-repeat; height: 20px; width: 134px; padding-top: 15px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span{float:none;}
/* End IE5-Mac hack */
#tabs a:hover span{color:#ffffff;}
#tabs a:hover{background-position:100% -35px;}
#tabs a:hover span{background-position:100% -42px; 	text-align: center;}
#tabs a.active span{color:#ffffff;}
#tabs a.active{background-position:100% -35px;}
#tabs a.active span{background-position:100% -42px; 	text-align: center;}
.main-body{float: left; height: auto; width: 994px; padding-top: 10px; padding-right: 3px; padding-bottom: 20px; padding-left: 3px; margin: 0px;}
.cage-container{float: left; height: auto; width: 994px;}
.cage-a{background-image: url(/images/a.jpg); float: left; height: 10px; width: 994px; font-size: 2px; overflow: hidden;}
.cage-content{background-image: url(/images/b.jpg); background-repeat: repeat; float: left; height: auto; width: 970px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px;}
.cage-c{background-image: url(/images/c.jpg); float: left; height: 10px; width: 994px; font-size: 2px; overflow: hidden;}
.cage-title{font-family: Tahoma; font-size: 14px; font-weight: bold; color: #F1B806; float: left; height: auto; width: 970px; margin-bottom: 5px;}
.clip-container{float: left; height: auto; width: 970px; padding-top: 10px;}
.clip-box{float: left; height: auto; width: 178px; padding-right: 8px; padding-left: 8px; padding-bottom: 12px;}
.clip-box2{float: left; height: auto; width: 162px; padding-right: 11px; padding-left: 12px; padding-bottom: 12px;}
.clip-title{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fdc002; float: left; height: auto; width: 178px; font-weight: bold; text-align: center; padding-bottom: 2px;}
.clip-title a{color: #fdc002;}
.clip-title a, .clip-title a:link{text-decoration: none;} 
.clip-title a:active, .clip-title a:hover{text-decoration: underline; color: #ffffff;}
.clip-thumb1{float: left; height: 132px; width: 176px; border: 1px solid #9c9797;}
.clip-thumb img{float: left; height: 132px; width: 176px; border: 1px solid #9c9797; z-index:1; margin-bottom:2px;}
.clip-info{float: left; height: auto; width: 178px; padding-top: 2px;}
.clip-time, .clip-time a:link{float: left; height: auto; width: 75px; font-family: Tahoma; font-size: 11px; color: #FFFFFF; padding-left:3px;}
.page-navigation{float: left; height: auto; width: 694px; padding-top: 10px; padding-bottom: 10px; text-align: center; padding-left: 300px; margin:auto}
.era-navigation{float: left; height: auto; width: 694px; padding-top: 10px; padding-bottom: 10px; text-align: center; padding-left: 180px; margin:auto}
.clip-stats{float: left; height: auto; width: 97px;}
.rating{float: right; height: auto; width: 117px; font-size: 2px; text-align: right; padding-bottom: 5px; display:inline;}
.clip-views{float: left; height: auto; font-family: Tahoma; font-size: 11px; color: #FFFFFF; display:inline;}
.link-box{float: left; height: auto; width: 160px; color: #FFFFFF; font-family: Tahoma; font-size: 13px; line-height: 2em; padding-right: 17px; padding-left: 17px; text-align: center; padding-bottom: 10px;}
.link-box a{color: #ffffff;}
.link-box a, .link-box a:link{ text-decoration: none;} 
.link-box a:active, .link-box a:hover{ text-decoration: underline; color: #ffffff;}
.search-container{float: left; height: 29px; width: 325px; padding-top: 6px; text-align: right; padding-right: 5px;}
.video-container{float: left; height: auto; width: 970px;}
.video-box{float: left; height: auto; width: 680px; padding-left: 20px;}
.sidebar{float: left; height: auto; width: 245px; padding-top: 9px; padding-left:25px;}
.style1{color: #FFFFFF}
.style2{font-size: 12px}
.style3{color: #fec206}
.clipbox{ float: left; height: auto; width: 970px; padding-top: 10px;}
.video-title{ font-family: Tahoma; font-size: 24px; color: #FDC003; float: left; height: auto; width: 640px; padding-bottom: 5px;}
.video-player{ float: left; height: auto; width: 640px;}
.video-info{ float: left; height: auto; width: 640px; padding-top: 10px; font-family: Tahoma; font-size: 11px; color: #FFFFFF;}
.info-title{ font-family: Tahoma; font-size: 25px; color: #f7bc03; float: left; height: auto; width: 295px; font-weight: bold;}
.player-description{ float: left; height: auto; width: 640px; padding-top: 10px;}
.rating-text{ float: left; height: auto; width: 295px; text-align: right; padding-top: 5px;}
.runtime-views{ float: left; height: auto; width: 295px;}
.style4{ color: #F7BC03; font-weight: bold;}
.videoinfo-left{ float: left; height: auto; width: 295px;}
.videoinfo-right{ float: left; height: auto; width: 295px; padding-bottom: 0px;}
.rating-images{ text-align: right;  float: left; height: auto; width: 295px;}
.player-categories{ float: left; height: auto; width: 590px; padding-top: 5px; padding-bottom: 5px;}
.player-categories a{color: #ffffff;}
.player-categories a, .player-categories a:link{text-decoration: none;} 
.player-categories a:active, .player-categories a:hover{text-decoration: underline; color: #ffffff;}
.video-link{ float: left; height: auto; width: 590px; color: #F7BC03;}
.share-box{ float: left; height: auto; width: 500px; padding-top: 5px; padding-left: 90px;}
.vl-title{ float: left; height: 20px; width: auto; padding-top: 5px; padding-right: 10px;}
.pagenav-link{ background-color: #040301; float: left; height: 13px; width: auto; border: 1px solid #CDA011; font-size: 11px; color: #ffffff; font-family: Tahoma; padding-top: 4px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; margin-right: 5px;}
.pagenav-link a{ color: #ffffff; text-decoration: none;}
.pagenav-link a:active, .pagenav-link a:hover{ text-decoration: underline; color: #ffffff;}
.bookmark-button{ background-image: url(/images/bookmark.png); float: right; height: 95px; width: 52px; margin-right: 20px;}
/* Ratings */
.star_on{height: 10px; float: left; background-image: url(/images/star.jpg); background-repeat: repeat-x;}
.star_off{height: 10px; width: 50px; float: right; background-image: url(/images/star2.jpg); background-repeat: repeat-x;}
#footer{ margin:auto; width:900px; text-align:center; color:#FFF; font-size:12px; font-family:Tahoma; padding-top: 15px; padding-bottom: 5px;}
#footer a{color:#FFF; font-size:12px; font-family:Tahoma;}
#page-ad{ margin:auto; width:728px; text-align:center; color:#FFF; font-size:12px; font-family:Tahoma; padding-bottom: 15px;}
div.camnav {font-size: 13px; font-weight: bold; margin-bottom: 5px; text-align: center; text-transform: uppercase; width: 170px; border: 1px solid #ffffff; padding: 3px 7px; background-color:#333; font-family:tahoma;}
div.camnav a {color: #EDB80A;}
#blockUI{border: medium none ; margin: 0pt; padding: 0pt; z-index: 1000; cursor: wait; width: 100%; height: 100%; top: 0pt; left: 0pt; background-color: rgb(0, 0, 0); opacity: 0.88; position: fixed;}
#warnbox{border: 1px solid #F00; margin:0 auto; padding: 0px; z-index:1001; position:fixed; width:500px; top: 10%; text-align:center; background-color:#FFF; left:25%; color:#000;}
#headerextra{float:left; color: #F1B806; padding-left:25px; padding-bottom: 20px; display:block; width: 955px; font-family:Tahoma; font-size:12px;}
#headerextra a{color:#ffffff; font-family:Tahoma;}
#gallerytitle{ font-size:16px; font-weight:bold; color:#F1B806; padding-left: 10px; padding-bottom: 5px; font-family:Tahoma;}
#gallerytitle a{ font-size:16px; font-weight:bold; color:#F1B806; text-decoration:underline; font-family:Tahoma;}
#atff{display:none;}

#textinfo {font-family:Tahoma; font-size: 12px; color: #FFF}
#textinfo h2 {margin-top:-8px;font-family: Tahoma; font-size: 14px; font-weight: bold; color: #F1B806;}
#textinfo a {color:#FFF;}