/*#region Site -> Video Gallery*/
/******************************* Content */
.no-playlist-div
{
	margin-bottom: 20px;
	height: 100px;
}
.no-playlist-span
{
	display: block;
	float:left;
	margin: 40px;
	width: 570px;
}
.no-playlist-close
{
	display: block;
	float:right;
	text-indent: -20px;
	margin-top:10px;
	margin-right: 10px;
	width: 25px;
}	
div.videos
{
	height:920px;
	margin-bottom: 10px;    
}
div.videos div.video
{
	height:400px;
	margin: 20px;
}
div.videos div.video div.player
{
	float:left;
	width:608px;
	height:373px;
	margin-bottom:20px;
}
/*******************************
	Share buttons
*/
div.videos div.video div.features
{
	float:left;
	width:615px;
	height: 20px;	
}
div.features div.button p
{
    margin: 3px 5px;
    float:left;
}
div.features div.button a
{
    float:left;
}
div.features div.button a.comments
{
    padding:0;
    width: 15px;
    height:15px;
}
div.features div.button:hover a.comments
{
    padding:0;
}
div.features div.button
{
    padding: 0 10px;
}
div.videos div.video div.features div.separator
{
    float:left;
    width: 1px;
    height: 13px;
    padding:2px;
}
div.videos div.video div.details
{
	float:right;
	width:300px;
	margin-left:10px;
}
/*******************************
	Flag dialog
*/
div.videos div.video div.flag-dialog
{
	display: none;
	z-index: 20;
	width: 173px;
	height: 169px;
}
div.videos div.video div.flag-dialog a.close
{
	display: block;
	position:absolute;
	margin-top:0px;
	margin-left:162px;
	width: 11px;
	height: 9px;
}
div.videos div.video div.flag-dialog>span
{
	display: block;
	position: relative;
	top: 10px;
	margin: 10px;
}
div.videos div.video div.flag-dialog textarea
{
	position: relative;
	margin: 10px;
}
div.videos div.video div.flag-dialog a.submit
{
	display: block;
	width: 39px;
	height: 21px;
	margin-left: 10px;
}
div.videos div.video div.flag-dialog a.submit span
{
	display: block;
	position: relative;
	left: 10px;
	top: 4px;	
}

/*******************************
	Rating stars
*/
div.videos div.features ul.star-rating
{
	float:left;
	position: relative;
	width: 80px;
	height: 16px;
	overflow: hidden;
	margin: 0px;
	padding:0px;
}
div.videos div.features ul.star-rating li
{
	float: left;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
}
div.videos div.features ul.star-rating li a
{
	display: block;
	position: absolute;
	z-index: 20;
	width: 16px;
	height: 16px;
	padding: 0px;
	overflow: hidden;
	line-height: 16px;		
}
div.videos div.features ul.star-rating li a:hover
{
	left: 0px;
	z-index: 2;
}
div.videos div.features ul.star-rating a.one-star
{
	left: 0px;
}
div.videos div.features ul.star-rating a.one-star:hover
{
	width: 16px;
}
div.videos div.features ul.star-rating a.two-stars
{
	left: 16px;
}
div.videos div.features ul.star-rating a.two-stars:hover
{
	width: 32px;
}
div.videos div.features ul.star-rating a.three-stars
{
	left: 32px;
}
div.videos div.features ul.star-rating a.three-stars:hover
{
	width: 48px;
}
div.videos div.features ul.star-rating a.four-stars
{
	left: 48px;
}	
div.videos div.features ul.star-rating a.four-stars:hover
{
	width: 64px;
}
div.videos div.features ul.star-rating a.five-stars
{
	left: 64px;
}	
div.videos div.features ul.star-rating a.five-stars:hover
{
	width: 80px;
}
div.videos div.features ul.star-rating li.current-rating
{
	display: block;
	position: absolute;
	z-index: 1;
	height: 16px;
}
div.videos div.details h1.title
{
	padding-top: 10px;
}
div.videos div.details p.description
{
	padding-top: 10px;
}
div.videos div.details p.tags
{
	margin-top: 10px;
	padding: 10px;
}
div.videos div.details p.source
{
	margin-top: 10px;
}
div.videos div.details p.source a.article
{
	display: block;
	float: right;
}

/*******************************
	Thumbnails
*/
div.videos div.thumbnails
{
	float: left;
	padding-top: 24px;
}
div.videos div.thumbnails div.thumbnails-menu
{
    height: 30px;
    width:630px;
    margin:0 0 0 20px;
}
div.videos div.thumbnails div.thumbnails-menu a
{
    display: block;
    height: 34px;
    line-height:34px;
}
div.videos div.thumbnails div.thumbnails-menu a.sort
{
    float: left;
	padding: 0 10px;
}
div.videos div.thumbnails div.thumbnails-menu a.sort.selected
{
	position: relative;
	top: 1px;	
    height: 29px;
    line-height:29px;
}
div.videos div.thumbnails-menu div.combo-box
{
    margin-top: 1px;
    margin-right: 0;
}
div.videos div.thumbnails div.area
{
	width:630px;
	height:405px;
	padding:10px;
}
div.videos div.thumbnails div.area div.clip-wrapper
{
	float:left;
	margin: 0 0 7px 10px;
	width:550px;
	height:390px;
}
div.videos div.thumbnails div.area div.clip-wrapper a.clip
{
	display:block;
	position:relative;
	float:left;
	width:159px;
	height:170px;
	margin:10px;
}
div.clip-wrapper a.clip span.play
{
    position: absolute;
    top: 40px;
    left: 50px;
    width: 93px;
    height: 33px;
    z-index: 10;
}
div.videos div.thumbnails div.area div.clip-wrapper a.clip img
{
	margin:7px;
	width:145px;
	height:105px;
}
div.videos div.thumbnails div.area div.clip-wrapper a.clip>span
{
	display:block;
	margin:0 7px;
}
div.videos div.thumbnails div.area div.clip-wrapper a.clip span.views
{
	display:block;
	position:absolute;
	bottom:3px;
}
div.videos div.thumbnails div.area div.clip-wrapper a.clip span.add-to-playlist
{
	display:block;
	position:absolute;
	float:right;
	width:15px;
	height:15px;
	right:0px;
	bottom:3px;
	z-index:20;
}
div.videos div.thumbnails div.area div.clip-wrapper a.clip span.remove-from-playlist
{
	display:block;
	position:absolute;
	float:right;
	width:12px;
	height:12px;
	right:0px;
	bottom:7px;
	z-index:20;
}
div.videos div.thumbnails div.area a.arrow-previous
{
	display:block;
	float:left;
	width:19px;
	height:165px;
	margin-left:15px;	
}
div.videos div.thumbnails div.area a.arrow-next
{
	display:block;
	float:right;
	width:19px;
	height:165px;
	margin-top:200px;
	margin-right:10px;
}
div.videos div.thumbnails div.area span.pages
{
	display:block;
	float:left;
	margin-left:280px;
}

/*******************************
	Related videos
*/	
div.videos div.related
{
	float:right;
	padding-top:35px;	
}	
div.videos div.related p
{	
	margin-left:20px;
	height: 19px;
}
div.videos div.related div.videos
{
	float:left;
	height:400px;
    width:313px;
}
div.videos div.related div.videos a.clip
{
	display: block;
	position: relative;
	padding: 10px 20px;
	height: 60px;
}
div.videos div.related div.videos a.clip img
{
	float:left;
	width:60px;
	height:60px;
	padding-right:10px;
	vertical-align:text-top;
}


/*#endregion*/