/* Containers */
/* For modern browsers */
.container:before, 
.container:after {
    content:"";
    display:table;
}
.container:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.container {
    zoom:1;
}

.html5-outliner {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

/* Youtube Feed Structure */
.YoutubeFeed {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 14px;
	font-size: 1rem;
	color: #333;
	width: 100%;
	margin-bottom: 10px;
	margin-bottom: 0.714285714285714rem;
}
.Videos {
	height: 500px;
	height: 35.714285714285714rem;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
.YoutubeFeed a {
	text-decoration: none;
}
.YoutubeFeed a:hover {
	text-decoration: underline;
}
div.YoutubeFeed ul,
div.YoutubeFeed ol,
div.YoutubeFeed ul li,
div.YoutubeFeed ol li {
	list-style-type: none;
	margin: 0;
	/* padding: 0; STATS*/ 
	padding-left: 20px;
}


/* Youtube Header */
.YoutubeUserInfo {
	padding: 10px 10px 40px;
	padding: 0.714285714285714rem 0.714285714285714rem 40px;
	background-color: #cd332d;
	background-image: url(../images/youtube-background.png);
	background-repeat: no-repeat;
	background-size: 70px 50px;
	background-size: 5rem 3.571428571428571rem;
	background-position: bottom right;
	color: #fff;
	position: relative;
}
.YoutubeUserInfo a,
.widget-area .widget .YoutubeUserInfo a {
	color: #fff;
	font-size: 18px;
	font-size: 1.285714285714286rem;
	font-weight: 700;
}
.YoutubeUser a:hover,
.widget-area .widget .YoutubeUser a:hover {
	color: #fff;
}
.YoutubeUserInfo img {
	float: left;
	margin: 0 10px 10px 0;
	margin: 0 0.714285714285714rem 0.714285714285714rem 0;
	max-width: 50px;
	max-width: 3.571428571428571rem;
	max-height: 50px;
	max-height: 3.571428571428571rem;
}
.YoutubeUserInfo iframe {
	position: absolute;
	bottom: 10px;
	bottom: 0.714285714285714rem;
	left: 10px;
	left: 0.714285714285714rem;
	margin: 0 !important;
	padding: 0 !important;
}
.YoutubeUser .VideoStats {
	clear: both;
}
.youtube-subscribe-button {
	position: absolute;
	bottom: 5px;
}
/* Videos */
.Video {
	border-bottom: 1px dotted #ddd;
	position: relative;
	overflow: hidden;
}
.VideoInfo {
	margin-left: 25%;
	padding: 10px;
	padding: 0.714285714285714rem;
}
.VideoDate {
	font-size: 12px;
	font-size: 0.857142857142857rem;
	font-style: italic;
	color: #666;
}
.Video img {
	position: absolute;
	max-width: 23% !important;
	top: 10px;
	top: 0.714285714285714rem;
	left: 10px;
	left: 0.714285714285714rem;
}
div.YoutubeFeed .VideoStats li {
	display: block;
	float: left;
	padding-right: 10px;
	padding-right: 0.714285714285714rem;
}
div.YoutubeFeed .VideoStats  a {
	padding-left: 20px;
	padding-left: 1.428571428571429rem;
}
li.YTStatsComments {
    background:url("../images/comment-default.png") no-repeat left center;
}
li.YTStatsComments:hover {
    background:url("../images/comment-hover.png") no-repeat left center;
}

li.YTStatsLikes {
    background:url("../images/like-default.png") no-repeat left center;
}
li.YTStatsLikes:hover {
    background:url("../images/like-hover.png") no-repeat left center;
}

li.YTStatsDislikes {
    background:url("../images/dislike-default.png") no-repeat left center;
}
li.YTStatsDislikes:hover {
    background:url("../images/dislike-hover.png") no-repeat left center;
}

li.YTStatsViews {
    background:url("../images/views-default.png") no-repeat left center;
}
li.YTStatsViews:hover {
    background:url("../images/views-hover.png") no-repeat left center;
}

li.YTStatsFavorites {
    background:url("../images/favorite-default.png") no-repeat left center;
}
li.YTStatsFavorites:hover {
    background:url("../images/favorite-hover.png") no-repeat left center;
}
div.VideoDuration {
	position: absolute;
	top: 10px;
	top: 0.714285714285714rem;
	left: 10px;
	left: 0.714285714285714rem;
	z-index: 1;
	color: #fff;	
	background-color: #000;
	
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	padding: 0px 3px;
}

/* Misc */
.StatusUp {
	text-align:center;
}
.youtube_error_message {
	line-height:50px;
	font-size:16px;
	font-weight:700;
	margin:0;
	background-color: #F00;
	color:#ffffff;
	min-height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
}
.StatusDown {
	text-align:center;
	min-height:100px;
	background-color:#ffffff;
    background:url("../images/ajax-loader.gif") no-repeat center center;
}
.youtube-subscribe-button
{
	position:absolute;
}