/*
*  videowatch.tpl
*/

.videoplayer{
border: 5px solid #444444;
width: 724px;
height: 380px;
text-align: center;
}

.video_options{
padding: 4px;
border: 1px solid #444444;
width: 584px;
margin: 10px 0;
background-color: #1f1d1d;
}
.video_rating{
float: left;
width: 200px;
text-align: center;
}
.video_links{
float: left;
width: 370px;
}
.video_links ul{
list-style-type: none;
}
.video_links ul li{
float: left;
width: 150px;
padding: 2px;
}
.video_counters{
margin-top: 5px;
width: 100%;
text-align: center;
border-top: 1px solid #444444;
}


.comment { padding: 4px; border: 1px solid #444444; margin: 10px 0; background-color: #1f1d1d; }
.comment table { width: 100%; }
.comment table td { padding: 5px; vertical-align: top; }
.comment table .userinfo { width: 20%; border-right: 1px solid #444444; }
.comment table .message { width: 80%; }
.comment table .userinfo .row { clear: both; margin-top: 20px; }
.comment table .userinfo label { float: left; width: 50px; font-weight: bold; color: #a4a9a4;  }
.comment table .userinfo .avatar { border: 1px solid #BCBCBD; margin-top: 10px; width: 80px; height: 80px; padding: 5px; background: #fff; }

.pagination {  height: 40px;}
#pagination { text-align:center; padding-bottom: 10px; }
#pagination li { margin-right: 6px; border: 1px solid #383737; float: left; color: #333333; list-style: none;  padding: 5px; padding-left: 10px; padding-right: 10px; height: 15px; }
#pagination li.info { color: #a4a9a4; cursor: pointer; }
#pagination a li { display: block; color: #a4a9a4; }
#pagination li.active { background: #383838; color: #FFF; }
#pagination li:hover { cursor: pointer; }

.comment_date, .comment_user{
font-size: 85%;
font-weight: bold;
}
.paginate_navigation{
width: 100%;

}
.paginate_link{
float: left;
padding: 3px;
width: 18px;
text-align: center;
border: 2px solid #444;
margin-right: 5px;
}

#navmenu {
	border: 1px solid #444; border-top: 0px;
	position: absolute;
	padding: 5px;
	width: 105px; margin-top: -14px;
	background: #383838;
	display: none;
}

#loading {
width: 100%;
position: absolute;
}


#comments{
height: auto;
}
#marquee_container {
 position: relative;
 width: 600px;
 height: 50px;
 overflow: hidden;
}

#marquee {
 white-space: nowrap;
 line-height: 45px;
 font-size: 20px;
}

#marquee p {
 padding: 0;
}