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

#filterdiv 
{
	width: 743px;
}

#maincontentcontainer 
{
	width: 743px;
	margin: 10px 0 0 75px;
	padding: 0px;
	overflow: hidden;
}

#videoplayer 
{
	/*background-image:url(../images/videoplayer.jpg);*/
	width: 494px;
	height: 342px;
	float: left; display: inline;
	margin-bottom: 5px;
	
}


#maincontentcontainer .videosidebar
{
	background-image:url(../images/video_sidebar.jpg);
	width: 239px;
	height: 342px;
	float: right; display: inline;
	margin: 0 0 0 0px;
	padding: 0;
	background-color:#000;
} 

#maincontentcontainer .videosidebar li 
{
	float: left; display: inline;
	clear: left;
	list-style: none;
	font-size: 11px;
	margin: 6px 0 0 18px;
	width: 202px;
	
	height:60px;
}

#maincontentcontainer .videosidebar #relatedvideoscontainer
{
    height:275px;
    overflow:hidden;   
}

.thumb 
{
	width: 69px;
	height: 54px;
	background-color: #ffffff;
	float: left; display: inline;
	margin-bottom: 4px;
}

.thumbtitle 
{
	width: 123px;
	color: #00c0f3;
	clear: left;
}

.user 
{
	width: 123px;
	clear: left;
}

.views 
{
	float: left; display: inline;
	clear: left;
	font-size: 10px;
	width: 123px;
}

.rating 
{
	clear: left; display: inline;
	/*width: 50px;*/
	margin-top: 2px;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 1px 0 2px 0;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/SavedStar.png);
}

#maincontentcontainer  li.last 
{
	margin-right: 0px;
}

.videoinfo 
{
	float: left; display:inline;
	margin-left: 10px;
}

.relatedvideos 
{
	margin: 2px 0px;
	clear: left;
	text-align:center;
}

#videoup a
{
	background-image:url(../images/video_up_arrow.png);
	background-repeat:no-repeat;
	width: 17px;
	height: 13px;
	float: left;
	margin: 10px 0 0px 115px;
}

#videoup a:hover 
{
	background-position: -17px;
}

#videodown a
{
	background-image:url(../images/video_down_arrow.png);
	background-repeat:no-repeat;
	width: 17px;
	height: 13px;
	float: left; clear: left;
	margin: 6px 0 0 115px;
	*margin-top: 4px;
	display:inline;
}

#videodown a:hover 
{
	background-position: -17px;
}

.bigvidtitle
{
	color: #ffffff;
	font-size: 24px;
	padding-top: 10px;
	float: left; clear: left;
	line-height:36px;
	white-space:normal;
	width:750px;
}

.bigviduser 
{
	float: left; display:inline;
	clear: left;
	color: #00c0f3;
	height: 15px;
}

.bigvidpostedon 
{
	float: left; display:inline;
	margin-left: 18px;
	height: 15px;
}

.bigvidviews 
{
	float: left; display:inline;
	margin-left: 18px;
	height: 15px;
}

.bigvidrating 
{
	float: left; display:inline;
	margin-left: 18px;
	height: 15px;
	width: 330px;
	
}

.bigvidrating img 
{
	float: left; display:inline;
	margin-left: 4px;
}

.bigvidrating .response
{
    margin-left: 4px;
    font-size:10px;
    line-height:15px;   
}

.bigviddescription 
{
	float: left; clear: left;
	margin-top: 8px;
	display:inline;
	white-space:normal;
	width:750px;
}

#bigvideoinfo 
{
	width: 889px;
	float: left;
	background-image: url(../images/divider.png);
	display:inline;
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom: 5px;
}

.commentdiv
{
	width: 889px;
	float: left; clear: left;
	background-image: url(../images/divider.png);
    display:inline;
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom: 21px;
	font-size: 16px;
}

.numberofcomments 
{
	margin-top: 1px;
	display:inline;
	float: left;
	font-size: 18px;
	width:250px;
}

.pager
{
    display:inline;
    float:left;  
    width:250px;
    margin-left:240px;
    clear:none;
    margin-top:8px;
    text-align:right;
}

.comment 
{
	float:left; clear: left;
	display:inline;
	margin-top: 4px;
	width:750px;
}

.commentsuser 
{
	float: left; clear: left;
	display:inline;
	margin-top: 21px;
	color: #00c0f3;
}

.commentsdate 
{
	float: left;display:inline;
	margin-left: 6px;
	margin-top: 21px;
	color: #555555;
}

.addcommentbox 
{
	margin-top: 21px;
	clear:both;
	padding:15px 0px;
}

.addcommentbox input
{
    width:200px;   
}

.addcommentbox textarea
{
    width:300px;   
}

.addcommentbox label
{
    float:left;
    width:100px;   
}

.addcommentlink
{
    clear:both;
	float:left;
	display:inline;
	margin: 10px 0 10px 0;
	text-decoration: underline;
	width: 100px;
}