.cc_icon,.cc_list dd,.cc_list dt{
	display:inline-block;
	text-indent:-9999px;
	white-space:nowrap;
	background-repeat:no-repeat;
	background-image:url(../../../images_v6/sprite_cc_icons.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){
	.cc_icon{
		background-image:url(../../../images_v6/sprite_cc_icons@2x.png);
		background-size:240px 140px
	}

}

.cc_icon.sm,.cc_list dd.sm,.cc_list dt.sm,.cc_list.sm dd,.cc_list.sm dt{
	width:15px;
	height:14px;
	vertical-align:text-bottom
}

.cc_icon.sm.cc,.cc_list dd.sm.cc,.cc_list dt.sm.cc,.cc_list.sm dd.cc,.cc_list.sm dt.cc{
	background-position:0 0
}

.cc_icon.sm.by,.cc_list dd.sm.by,.cc_list dt.sm.by,.cc_list.sm dd.by,.cc_list.sm dt.by{
	background-position:-50px 0
}

.cc_icon.sm.nc,.cc_list dd.sm.nc,.cc_list dt.sm.nc,.cc_list.sm dd.nc,.cc_list.sm dt.nc{
	background-position:-100px 0
}

.cc_icon.sm.sa,.cc_list dd.sm.sa,.cc_list dt.sm.sa,.cc_list.sm dd.sa,.cc_list.sm dt.sa{
	background-position:-150px 0
}

.cc_icon.sm.nd,.cc_list dd.sm.nd,.cc_list dt.sm.nd,.cc_list.sm dd.nd,.cc_list.sm dt.nd{
	background-position:-200px 0
}

.cc_icon.md,.cc_list dd.md,.cc_list dt.md,.cc_list.md dd,.cc_list.md dt{
	width:20px;
	height:20px
}

.cc_icon.md.cc,.cc_list dd.md.cc,.cc_list dt.md.cc,.cc_list.md dd.cc,.cc_list.md dt.cc{
	background-position:0 -50px
}

.cc_icon.md.by,.cc_list dd.md.by,.cc_list dt.md.by,.cc_list.md dd.by,.cc_list.md dt.by{
	background-position:-50px -50px
}

.cc_icon.md.nc,.cc_list dd.md.nc,.cc_list dt.md.nc,.cc_list.md dd.nc,.cc_list.md dt.nc{
	background-position:-100px -50px
}

.cc_icon.md.sa,.cc_list dd.md.sa,.cc_list dt.md.sa,.cc_list.md dd.sa,.cc_list.md dt.sa{
	background-position:-150px -50px
}

.cc_icon.md.nd,.cc_list dd.md.nd,.cc_list dt.md.nd,.cc_list.md dd.nd,.cc_list.md dt.nd{
	background-position:-200px -50px
}

.cc_icon.lg,.cc_list dd.lg,.cc_list dt.lg,.cc_list.lg dd,.cc_list.lg dt{
	width:40px;
	height:40px
}

.cc_icon.lg.cc,.cc_list dd.lg.cc,.cc_list dt.lg.cc,.cc_list.lg dd.cc,.cc_list.lg dt.cc{
	background-position:0 -100px
}

.cc_icon.lg.by,.cc_list dd.lg.by,.cc_list dt.lg.by,.cc_list.lg dd.by,.cc_list.lg dt.by{
	background-position:-50px -100px
}

.cc_icon.lg.nc,.cc_list dd.lg.nc,.cc_list dt.lg.nc,.cc_list.lg dd.nc,.cc_list.lg dt.nc{
	background-position:-100px -100px
}

.cc_icon.lg.sa,.cc_list dd.lg.sa,.cc_list dt.lg.sa,.cc_list.lg dd.sa,.cc_list.lg dt.sa{
	background-position:-150px -100px
}

.cc_icon.lg.nd,.cc_list dd.lg.nd,.cc_list dt.lg.nd,.cc_list.lg dd.nd,.cc_list.lg dt.nd{
	background-position:-200px -100px
}

.cc_list.sm dd+dd,.cc_list.sm dt+dd{
	margin-left:2px
}

.cc_list.sm dt{
	background-position:0 0
}

.cc_list.sm .by{
	background-position:-50px 0
}

.cc_list.sm .nc{
	background-position:-100px 0
}

.cc_list.sm .sa{
	background-position:-150px 0
}

.cc_list.sm .nd{
	background-position:-200px 0
}

.cc_list.md dd+dd,.cc_list.md dt+dd{
	margin-left:2px
}

.cc_list.md dt{
	background-position:0 -50px
}

.cc_list.md .by{
	background-position:-50px -50px
}

.cc_list.md .nc{
	background-position:-100px -50px
}

.cc_list.md .sa{
	background-position:-150px -50px
}

.cc_list.md .nd{
	background-position:-200px -50px
}

.cc_list.lg dd+dd,.cc_list.lg dt+dd{
	margin-left:1px
}

.cc_list.lg dt{
	background-position:0 -100px
}

.cc_list.lg .by{
	background-position:-50px -100px
}

.cc_list.lg .nc{
	background-position:-100px -100px
}

.cc_list.lg .sa{
	background-position:-150px -100px
}

.cc_list.lg .nd{
	background-position:-200px -100px
}

@-webkit-keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@-o-keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@-moz-keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@-webkit-keyframes counter_clockwise{
	0%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

	12.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	25%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	37.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	75%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	87.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	100%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

}

@-o-keyframes counter_clockwise{
	0%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

	12.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	25%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	37.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	75%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	87.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	100%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

}

@-moz-keyframes counter_clockwise{
	0%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

	12.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	25%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	37.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	75%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	87.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	100%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

}

@keyframes counter_clockwise{
	0%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

	12.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	25%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	37.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	75%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	87.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	100%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

}

@-webkit-keyframes clockwise{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

	12.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	25%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	37.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	75%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	87.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}

@-o-keyframes clockwise{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

	12.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	25%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	37.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	75%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	87.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}

@-moz-keyframes clockwise{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

	12.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	25%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	37.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	75%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	87.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}

@keyframes clockwise{
	0%{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}

	12.5%{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	25%{
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg)
	}

	37.5%{
		-webkit-transform:rotate(135deg);
		-moz-transform:rotate(135deg);
		-ms-transform:rotate(135deg);
		-o-transform:rotate(135deg);
		transform:rotate(135deg)
	}

	50%{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	62.5%{
		-webkit-transform:rotate(225deg);
		-moz-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg)
	}

	75%{
		-webkit-transform:rotate(270deg);
		-moz-transform:rotate(270deg);
		-ms-transform:rotate(270deg);
		-o-transform:rotate(270deg);
		transform:rotate(270deg)
	}

	87.5%{
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		-ms-transform:rotate(315deg);
		-o-transform:rotate(315deg);
		transform:rotate(315deg)
	}

	100%{
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}

}

.transcoding_progress{
	min-height:480px;
	color:#666
}

.inner_ring,.middle_ring,.outer_ring,.transcoding_progress{
	background-color:#e9ebef;
	-ms-transition:all .125s ease-out 0s;
	-webkit-transition:all .125s ease-out 0s;
	transition:all .125s ease-out 0s
}

#clip_animation{
	float:left;
	border-radius:50%;
	height:300px;
	width:300px;
	margin-right:50px;
	position:relative
}

.clip_state{
	margin-top:80px;
	padding-left:50px;
	padding-right:50px;
	opacity:0;
	-ms-transition:opacity .125s ease-out 0s;
	-webkit-transition:opacity .125s ease-out 0s;
	transition:opacity .125s ease-out 0s
}

.clip_state.visible{
	opacity:1
}

.current_status{
	padding-top:60px
}

#transcoding_time_left{
	font-size:30px
}

.outer_ring{
	display:none;
	border-radius:50%;
	height:300px;
	width:300px;
	z-index:1;
	background-color:#e9ebef;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.outer_ring.transcoding_wait{
	display:block;
	border:15px solid #cdd4db;
	border-bottom:15px solid #397ed5;
	border-left:15px solid #397ed5;
	-webkit-animation:counter_clockwise 18s infinite;
	animation:counter_clockwise 18s infinite;
	-webkit-animation-timing-function:cubic-bezier(0.32,.92,.06,1);
	animation-timing-function:cubic-bezier(0.32,.92,.06,1)
}

.outer_ring.transcoding_underway{
	display:block;
	border:10px solid #cdd4db;
	border-bottom:10px solid #397ed5;
	border-left:10px solid #397ed5;
	-webkit-animation:clockwise 4s infinite;
	animation:clockwise 4s infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear
}

.outer_ring.transcoding_underway.fill{
	background-color:#397ed5;
	border:15px solid #397ed5
}

.outer_ring.failure{
	display:block;
	border:15px solid #cdd4db;
	border-bottom:15px solid #ff4d4d;
	border-left:15px solid #ff4d4d;
	-webkit-transform:rotate(215deg);
	-moz-transform:rotate(215deg);
	-ms-transform:rotate(215deg);
	-o-transform:rotate(215deg);
	transform:rotate(215deg);
	-webkit-animation:counter_clockwise 3s infinite;
	animation:counter_clockwise 3s infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear
}

.middle_ring{
	display:none;
	position:absolute;
	z-index:2;
	background-color:#e9ebef;
	border-radius:50%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.middle_ring.transcoding_underway{
	display:block;
	height:210px;
	width:210px;
	border:7px solid #cdd4db;
	border-top:7px solid #4bf;
	border-left:7px solid #4bf;
	top:45px;
	left:45px;
	-webkit-animation:counter_clockwise 2s infinite;
	animation:counter_clockwise 2s infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}

.middle_ring.transcoding_underway.fill{
	background-color:#4bf;
	border:15px solid #4bf
}

.inner_ring{
	display:none;
	border-radius:50%;
	position:absolute;
	z-index:3;
	background-color:#e9ebef;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.inner_ring.failure,.inner_ring.transcoding_wait{
	display:block;
	height:240px;
	width:240px;
	top:30px;
	left:30px
}

.inner_ring.transcoding_wait{
	display:block;
	height:240px;
	width:240px;
	top:30px;
	left:30px;
	border:10px solid #cdd4db;
	border-top:10px solid #4bf;
	-webkit-animation:clockwise 8s infinite;
	animation:clockwise 8s infinite;
	-webkit-animation-timing-function:cubic-bezier(0.32,.92,.06,1);
	animation-timing-function:cubic-bezier(0.32,.92,.06,1)
}

.inner_ring.transcoding_underway{
	display:block;
	height:120px;
	width:120px;
	border:4px solid #cdd4db;
	border-top:4px solid #90d5ec;
	border-left:4px solid #90d5ec;
	top:90px;
	left:90px;
	-webkit-animation:clockwise 1s infinite;
	animation:clockwise 1s infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}

.inner_ring.transcoding_underway.fill{
	background-color:#90d5ec;
	border:15px solid #90d5ec
}

.inner_ring.failure{
	border:15px solid #cdd4db;
	border-top:15px solid #ff4d4d;
	-webkit-animation:clockwise 2s infinite;
	animation:clockwise 2s infinite;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear
}

#animation_message{
	display:none;
	position:absolute;
	bottom:140px;
	left:30px;
	text-align:center;
	font-size:40px;
	width:240px;
	color:#456;
	z-index:4
}

#animation_message.failure,#animation_message.transcoding_underway,#animation_message.transcoding_wait{
	display:block
}

#animation_message.failure{
	display:block;
	font-size:200px;
	color:#ff4d4d;
	font-weight:700;
	bottom:155px
}

#video .btn{
	font-weight:400;
	margin-top:20px;
	background-color:#4bf
}

#video .btn:hover{
	background-color:#397ed5
}

@-webkit-keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@-o-keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@-moz-keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

@keyframes fade-notice{
	5%,90%{
		opacity:1
	}

	0%,100%{
		opacity:0
	}

}

.animated{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@-webkit-keyframes fadeIn{
	0%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

@-o-keyframes fadeIn{
	0%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

@-moz-keyframes fadeIn{
	0%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

@keyframes fadeIn{
	0%{
		opacity:0
	}

	100%{
		opacity:1
	}

}

.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}

#clip{
	position:relative;
	margin-bottom:30px;
	overflow:hidden
}

.clip_cover{
	opacity:.5;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:365;
	cursor:wait
}

#video{
	background-color:#e9ebef;
	position:relative;
	overflow:hidden
}

#video .private{
	background:#fc575e;
	background:rgba(252,87,94,.6);
	color:#fff;
	position:absolute;
	left:-94px;
	top:32px;
	display:block;
	padding:5px 100px;
	font-size:16px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	z-index:50;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	zoom:1
}

.collection{
	overflow-y:scroll;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	padding:15px;
	border-right:2px solid #E9EBEF;
	border-left:2px solid #E9EBEF;
	width:300px;
	min-height:160px;
	max-height:290px;
	position:relative
}

.collection.first{
	border-left:0
}

.collection.second{
	left:-2px
}

.collection.last{
	border-right:0;
	left:-4px
}

.collection .more{
	margin-top:0
}

.collection .promo{
	clear:both;
	margin:10px 0 0;
	padding:8px 10px;
	font-size:11px;
	line-height:14px
}

.collection .addto_container{
	margin-bottom:5px
}

.collection .addto li{
	position:relative;
	line-height:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

.collection .addto li+li{
	margin-top:8px
}

.collection .addto .pending_icon,.collection .addto .throbber,.collection .addto input[type=checkbox]{
	margin:2px 0
}

.collection .addto .throbber{
	position:absolute;
	top:0
}

.collection .addto .pending,.collection .addto .requested{
	opacity:0
}

.collection .addto .pending_icon{
	height:12px;
	width:12px;
	position:absolute;
	top:-2px
}

#info{
	padding:15px 15px 0;
	border:1px solid #E9EBEF;
	border-top:0;
	border-bottom:0;
	position:relative
}

#info .read_more{
	-ms-transition:all .3s ease-in-out 0s;
	-webkit-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}

#info .read_more.collapsed{
	overflow:hidden;
	position:relative
}

#info .read_more.collapsed:after{
	content:'';
	display:block;
	height:100px;
	width:100%;
	position:absolute;
	left:0;
	bottom:-50px;
	background-image:linear-gradient(bottom,#f4f5f7,#f4f5f7 75%,rgba(244,245,247,0))!important;
	background-image:-o-linear-gradient(bottom,#f4f5f7,#f4f5f7 75%,rgba(244,245,247,0))!important;
	background-image:-moz-linear-gradient(bottom,#f4f5f7,#f4f5f7 75%,rgba(244,245,247,0))!important;
	background-image:-webkit-linear-gradient(bottom,#f4f5f7,#f4f5f7 75%,rgba(244,245,247,0))!important;
	background-image:-ms-linear-gradient(bottom,#f4f5f7,#f4f5f7 75%,rgba(244,245,247,0))!important
}

#info .read_more:after{
	display:none
}

#info .more_link{
	-ms-transition:all .3s ease-in-out 0s;
	-webkit-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
	opacity:0;
	height:0
}

#info .more_link.collapsed{
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	opacity:1;
	height:20px
}

#info #page_header{
	margin-bottom:15px;
	overflow:hidden
}

#info #page_header h1{
	margin-bottom:5px;
	line-height:1.1;
	word-wrap:break-word
}

#info #page_header .portrait{
	float:left;
	margin-right:10px;
	background:#fff
}

#info #page_header .video_meta{
	float:left;
	width:820px
}

#info #page_header .byline{
	font-size:14px;
	line-height:1em;
	color:#9da2a8!important
}

#info #page_header .byline a{
	font-weight:700
}

#info #page_header .byline a[rel=license]:focus{
	outline:1px dotted #9da2a8
}

#info #page_header .byline .meta,#info #page_header .byline time{
	font-size:11px
}

#info .tool_alert{
	margin:15px;
	padding:16px;
	border:0
}

#info .tool_alert em{
	float:left;
	margin:0 12px 12px 0;
	top:24px;
	left:0;
	width:22px;
	text-align:center
}

#info #msg_plus_upgrade,#info .mild_alert,#info .misc_msg,#info>.alert{
	margin:-15px -15px 15px -15px;
	padding:16px;
	border:0;
	border-bottom:1px solid #E1E2E3
}

#info #msg_plus_upgrade em,#info .mild_alert em,#info .misc_msg em,#info>.alert em{
	float:left;
	margin:0 12px 12px 0;
	top:24px;
	left:0;
	width:22px;
	text-align:center
}

#info #msg_plus_upgrade .undertaker,#info .mild_alert .undertaker,#info .misc_msg .undertaker,#info>.alert .undertaker{
	color:#7B8084
}

#info .mild_alert{
	border-bottom-color:#DBDDE1
}

#info .description_wrapper{
	position:relative
}

#info .description{
	font-size:16px;
	line-height:21px;
	max-height:9999px
}

#info .description p+p{
	margin-top:10px
}

#info .cc_list{
	display:inline-block;
	margin-left:1px;
	opacity:.3
}

#info .cc_list dd{
	margin:0 0 0 -2px
}

#info .loading{
	padding:15px
}

#info .tool_wrapper{
	position:relative;
	-ms-transition:height .125s ease-in-out 0s;
	-webkit-transition:height .125s ease-in-out 0s;
	transition:height .125s ease-in-out 0s
}

#info .video_more{
	position:absolute;
	margin:12px 0 5px;
	width:930px;
	background-color:#fff;
	overflow:hidden;
	max-height:1000px;
	-ms-transition:max-height .125s ease-in-out 0s;
	-webkit-transition:max-height .125s ease-in-out 0s;
	transition:max-height .125s ease-in-out 0s
}

#info .video_more.closed{
	max-height:0
}

#info .video_more h4{
	position:relative
}

#info .video_more h4 .message{
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
	text-transform:none
}

#info .video_more .four_col .col{
	width:200px
}

#info .video_more .box{
	display:block;
	position:relative
}

#info .video_more .box .btn{
	position:absolute;
	left:15px;
	bottom:15px
}

#info .video_more .box form{
	margin:0
}

#info .video_more .box form label{
	font-weight:400
}

#info .video_more .box .undertaker{
	position:absolute;
	top:6px;
	right:10px;
	font-size:18px;
	z-index:3
}

#tools{
	margin:15px -15px 0 -15px;
	position:relative;
	padding:8px 14px;
	background-color:#E9EBEF;
	border:1px solid #E0E2E6;
	border-right:0;
	border-left:0;
	border-bottom-width:3px;
	overflow:hidden;
	z-index:2
}

#tools a[data-player-type]{
	display:none
}

#tools>.btn{
	margin-right:3px
}

#tools>.btn:before{
	display:inline-block;
	margin-right:8px;
	height:12px;
	line-height:16px
}

#tools>.btn.iconify_gear_b:before{
	font-size:16px;
	line-height:14px
}

#tools>.btn.viconify_stats_b:before{
	font-size:14px;
	line-height:11px
}

#tools>.btn.viconify_tipjar_b{
	background:#6c9
}

#tools>.btn.viconify_tipjar_b.active,#tools>.btn.viconify_tipjar_b:hover{
	background:#4bf
}

#tools>.btn.viconify_tipjar_b:before{
	font-size:12px;
	line-height:11px
}

#tools>.btn.active{
	background:#4bf!important;
	text-align:left
}

#tools>.btn.accept,#tools>.btn.reject{
	color:#fff!important;
	background:#fc575e;
	line-height:12px;
	padding:7px 3px 7px 9px;
	opacity:.7
}

#tools>.btn.reject{
	padding:7px 2px 7px 9px
}

#tools>.btn.accept:hover,#tools>.btn.reject:hover{
	background:#bc171e;
	opacity:1
}

#tools>.btn.accept,#tools>.btn.accept:hover{
	background:#7a9937
}

#tools .aux{
	float:right;
	margin:5px 0 0 20px;
	font-size:11px
}

#tools .aux strong{
	font-size:14px;
	line-height:11px
}

#follow .box{
	position:relative;
	padding:15px 15px 15px 80px
}

#follow .box:before{
	position:absolute;
	left:18px;
	color:#e1e2e3;
	font-size:54px;
	line-height:52px
}

#follow .box>p{
	font-size:15px;
	color:#9da2a8
}

#follow h4{
	font-size:18px
}

#follow h5{
	margin-top:15px;
	font-size:15px
}

#follow .people{
	padding:10px;
	background-color:#f4f5f7
}

#follow .people li{
	margin:0;
	width:155px
}

#follow .people li+li{
	margin-left:10px
}

#follow .people li .portrait_sm{
	width:30px;
	height:30px
}

#follow .people li p{
	padding-left:8px
}

#follow .people .meta :last-child,#follow .people .meta:hover :first-child{
	display:none
}

#follow .people .meta:hover :last-child{
	display:inline-block;
	width:100%
}

#transcoding_status p+*{
	margin-top:0
}

.extras_wrapper{
	min-height:450px
}

.extras_wrapper .loading{
	color:#d3d3d3;
	font-size:32px;
	line-height:32px;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	position:relative
}

.extras_wrapper .loading .throbber{
	display:inline-block!important;
	position:relative;
	left:-10px;
	top:4px
}

.extras_wrapper .notice{
	text-align:center
}

.extras_wrapper .notice a{
	cursor:pointer!important
}

.lightbox_body{
	padding:20px;
	overflow:hidden
}

.lightbox_body h2{
	font-size:20px
}

.lightbox_body form{
	margin-bottom:5px
}

.flag_box .lightbox_body ul{
	padding:12px 14px;
	background:#fff
}

.flag_box .lightbox_body ul li{
	font-size:12px;
	line-height:1.3
}

.flag_box .lightbox_body ul li+li{
	margin-top:12px
}

.flag_box .lightbox_body ul li input{
	float:left;
	margin-top:3px
}

.flag_box .lightbox_body ul li span{
	display:block;
	margin-left:20px
}

.flag_box .lightbox_body ul li label{
	color:#9da2a8;
	font-weight:400;
	cursor:pointer
}

.flag_box .lightbox_body ul li label strong{
	color:#456;
	display:block;
	font-size:14px;
	padding-bottom:3px
}

.flag_box .lightbox_body ul li label:hover strong{
	color:#fc575e
}

.flag_box .lightbox_body p{
	margin:15px 0 5px
}

.flag_box .lightbox_body .btn{
	font-size:16px
}

.delete_box .lightbox_body input{
	font-size:16px;
	line-height:1
}

.delete_box .lightbox_body input[type=password]{
	margin-right:5px;
	padding:5px;
	width:300px
}

.delete_box .lightbox_body .btn{
	padding:8px 12px
}

.delete_box .lightbox_body #delete_error{
	margin-top:20px
}

.download_box{
	padding:15px;
	overflow:hidden
}

.download_box h4{
	font-size:20px
}

.download_box .tip{
	margin-bottom:18px
}

.download_box .thumbnail{
	float:left;
	background-color:#fff;
	margin:0
}

.download_box .download_links{
	margin-left:120px
}

.download_box ul li span{
	color:#9da2a8;
	font-size:13px;
	font-weight:400
}

.download_box ul li:before{
	color:#acb1b4;
	width:10px;
	text-align:center
}

.download_box ul .tip_question.dropbox{
	margin-bottom:-2px;
	width:16px;
	height:14px;
	background:url(../../images_v6/logo_dropbox_xsm.png) left no-repeat;
	opacity:.8
}

.download_box .iconify_file_b .p_down{
	margin-bottom:8px;
	bottom:100%
}

.download_box .iconify_file_b .p_down .body:after{
	left:20px
}

.download_box .alert,.download_box .warning{
	margin:20px 0 0
}

.download_box .promo{
	margin:0;
	padding:12px 15px;
	width:240px;
	color:#789;
	font-weight:400
}

.download_box .promo .content{
	display:block;
	padding-left:62px;
	background:url(../../images_v6/icon_plus_md.png) left no-repeat
}

.download_box .promo strong{
	display:block;
	margin-bottom:1px;
	color:#123;
	font-size:16px
}

.download_box .promo:hover strong{
	color:#4bf
}

#download_source_file{
	padding-bottom:5px
}

#download_source_file>div{
	padding-left:100px
}

#download_source_file>div>h3{
	margin-bottom:15px;
	font-size:16px
}

#download_source_file>div>.btn_lg{
	margin-right:5px
}

#download_source_file .sub_heading{
	padding-top:18px;
	padding-bottom:18px;
	background-color:#fff;
	border-bottom:1px solid #e6e7e8
}

#download_source_file .sub_heading:before{
	position:absolute;
	left:0;
	color:#e1e2e3;
	width:100px;
	text-align:center;
	line-height:1
}

#download_source_file .sub_heading.iconify_file_b:before{
	font-size:80px
}

#download_source_file .sub_heading.iconify_check_b:before{
	font-size:60px
}

#download_source_file .lightbox_padded_body{
	padding-top:15px
}

.stats_box{
	padding:15px;
	overflow:hidden
}

.stats_box h4{
	color:#456;
	font-size:20px
}

.stats_box .block{
	margin:0;
	padding:0
}

.stats_box .txt_xsm,.stats_box .view_full{
	clear:left
}

.stats_box .txt_xsm{
	font-size:14px!important;
	line-height:30px!important
}

#stats.video_more{
	overflow:hidden
}

#stats .stats_box{
	padding-bottom:5px
}

#stats .stats_box h4{
	font-size:20px;
	margin-bottom:5px
}

#stats .stats_box>div+div,#stats .stats_box>div+section,#stats .stats_box>section+div,#stats .stats_box>section+section{
	margin-left:30px
}

#stats .stats_box header{
	margin-bottom:18px;
	position:relative;
	color:#9da2a8;
	font-size:15px
}

#stats .stats_box .buttles{
	margin-top:27px;
	margin-bottom:19px;
	text-align:center
}

#stats .stats_box .buttle{
	padding:4px 7px;
	background-color:#F0F1F4;
	border:1px solid #E6E7EA;
	font-size:12px;
	font-weight:700
}

#stats .stats_box .buttle+.buttle{
	border-left:0;
	margin-left:-4px
}

#stats .stats_box .buttle.active,#stats .stats_box .buttle:hover{
	color:#4bf
}

#stats .stats_box .buttle.active{
	color:#4bf;
	background-color:#F9FAFB;
	cursor:default
}

#stats .stats_box .totals_list{
	width:90px;
	float:left
}

#stats .stats_box .totals_list #all_time_totals{
	margin-top:10px
}

#stats .stats_box .totals_list li{
	margin-bottom:12px;
	padding:12px 10px;
	font-weight:700;
	text-align:center;
	border-radius:8px
}

#stats .stats_box .totals_list .loading{
	font-size:12px;
	padding:0
}

#stats .stats_box .totals_list .plays{
	color:#6c9;
	background:#d9f2e5
}

#stats .stats_box .totals_list .likes{
	color:#fc575e;
	background:#fed5d7
}

#stats .stats_box .totals_list .comments{
	color:#4bf;
	background:#d3eeff
}

#stats .stats_box .totals_list var{
	display:block;
	font-size:24px;
	line-height:.9
}

#stats .stats_box .chart{
	width:470px;
	float:left;
	margin-left:35px
}

#stats .stats_box .tables{
	width:270px;
	float:right
}

#stats .stats_box .embeds_table{
	display:none
}

#stats_graph{
	width:470px;
	height:230px
}

#stats_graph.loading{
	padding:0
}

.stats_table_wrapper{
	width:270px;
	float:right
}

table.stats{
	width:270px;
	line-height:13px
}

table.stats td,table.stats th{
	font-size:12px;
	text-align:right
}

table.stats tfoot td{
	text-align:right
}

table.stats .context{
	max-width:130px;
	text-align:left;
	overflow:hidden
}

table.stats .context a{
	font-weight:400
}

#stats_snippet_graph{
	margin-bottom:3px;
	width:620px;
	float:left
}

.stats_pagination{
	height:auto;
	color:#cdd4db;
	line-height:1;
	position:absolute;
	bottom:0;
	right:0;
	text-align:right
}

.stats_pagination button{
	font-size:12px;
	position:static!important;
	display:inline-block
}

.stats_pagination button.disabled{
	color:#d3d3d3!important;
	cursor:default
}

#stats_go_next,#stats_go_prev{
	display:none
}

.summary_sparklines{
	margin:25px 0 5px
}

.summary_sparklines>div{
	width:190px
}

.summary_sparklines>div+div{
	margin-left:15px
}

.summary_sparklines>div a{
	padding-bottom:44px;
	border-radius:8px
}

.summary_sparklines>div var{
	padding-top:38px;
	font-size:52px;
	line-height:52px
}

.related_collections li:before,.tags:before{
	color:#d3d3d3;
	width:30px;
	text-align:center;
	-webkit-font-smoothing:subpixel-antialiased
}

.related_collections:after,.related_collections:before{
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden
}

.related_collections:after{
	clear:both
}

.related_collections{
	zoom:1
}

.related_collections li{
	float:left;
	margin-top:0!important;
	padding:3px 0;
	width:150px
}

.related_collections li:before{
	float:left;
	font-size:17px
}

.related_collections li a{
	display:block;
	width:110px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

.tags{
	position:relative;
	margin-top:8px;
	padding:8px 0 5px 32px;
	min-height:20px;
	color:#acb1b4;
	border-top:1px dotted #d3d3d3
}

.tags:before{
	font-size:19px;
	line-height:30px;
	position:absolute;
	left:0
}

.tags.no_collections{
	margin-top:-5px;
	border-top:0
}

.tags li{
	display:inline-block;
	padding-right:3px;
	line-height:1
}

.tags li:after{
	content:' \2022'
}

.tags li.last:after{
	content:''
}

.undertaker{
	float:right;
	font-weight:700;
	line-height:14px;
	margin:0;
	border:0;
	color:#fc575e
}

#cols .col_large{
	min-height:500px
}

#ad,.gpt_ad{
	float:right
}

.tip_box{
	padding-top:15px
}

.tip_box h4{
	font-size:20px
}

.tip_box .summary{
	margin-bottom:15px;
	font-size:16px;
	color:#9da2a8
}

.tip_box .summary a{
	font-weight:400
}

.tipjar_frame{
	height:240px;
	width:920px;
	border:0;
	display:block
}

.tipjar_box{
	padding-top:20px
}

#tipjar h2{
	font-size:20px;
	line-height:1
}

#tipjar .intro{
	margin:0;
	overflow:hidden
}

#tipjar .intro .loveo{
	color:#f27490;
	vertical-align:2px
}

#tipjar .tip_amount{
	list-style:none;
	margin:0 0 15px;
	padding:0
}

#tipjar .tip_amount li{
	display:inline
}

#tipjar .tip_amount li+li{
	margin-left:5px
}

#tipjar .tip_amount .active{
	background:#4bf
}

#tipjar #billingform{
	background:#f4f5f7;
	font-size:12px;
	margin:20px 0;
	padding:10px
}

#tipjar #billingform fieldset{
	font-family:helvetica,arial,sans-serif;
	margin:0;
	border:none
}

#tipjar #billingform fieldset+fieldset{
	margin-top:5px
}

#tipjar #billingform fieldset ul{
	list-style:none;
	margin:0;
	padding:0
}

#tipjar #billingform fieldset ul li{
	display:inline
}

#tipjar #billingform fieldset ul li+li{
	margin-left:15px
}

#tipjar #billingform fieldset ul li label{
	font-weight:400;
	cursor:help
}

#tipjar #billingform input{
	font-family:helvetica,arial,sans-serif
}

#tipjar #tippers .people{
	padding:10px 10px 0;
	background-color:#f4f5f7
}

#tipjar #tippers .people li{
	width:165px;
	margin:0 10px 10px 0
}

#tipjar #tippers .people li .portrait_sm{
	width:30px;
	height:30px
}

#tipjar #tippers .people li p{
	padding-left:8px
}

#tipjar #tippers time{
	color:#acb1b4;
	font-size:11px
}

#tipjar .thanks{
	position:relative;
	overflow:hidden;
	margin:15px 0
}

#tipjar .thanks .portrait{
	display:block;
	float:left
}

#tipjar .thanks .like{
	position:absolute;
	display:block;
	top:18px;
	left:38px;
	width:50px;
	height:40px;
	background:url(../../images_v6/sprite_actions.png) 0 0 no-repeat
}

#tipjar .thanks #tipper{
	margin-right:10px
}

#tipjar .thanks p{
	width:755px;
	float:left;
	margin:0 0 0 15px
}

#tipjar .thanks p .loveo{
	color:#9da2a8;
	font-size:12px;
	font-style:italic
}

#tipjar .highlight{
	margin-top:10px
}

#private_add_collection{
	margin:0;
	padding:10px;
	font-size:12px;
	text-align:center;
	border:0
}

#private_add_collection strong{
	display:inline-block;
	margin-left:2px
}

#private_add_collection a{
	font-weight:400
}

.block .enhancements li{
	float:left;
	width:140px
}

.block .enhancements li+li{
	margin:0 0 0 10px
}

.block .enhancements li:before{
	float:left;
	padding-right:2px;
	width:26px;
	height:28px;
	color:#d3d3d3;
	font-size:30px;
	line-height:32px;
	text-align:right
}

.block .enhancements li.iconify_bolt_b:before{
	font-size:34px
}

.block .enhancements li a{
	display:block
}

.block .enhancements li dd,.block .enhancements li dt{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

.block .enhancements li dd{
	font-size:11px;
	font-weight:400;
	color:#9da2a8
}

#copyright_messaging{
	padding:140px 90px;
	background-color:#A34858;
	color:#D79AA5;
	line-height:1.35;
	-webkit-font-smoothing:antialiased
}

#copyright_messaging .iconify_warning_b{
	position:relative;
	margin-left:135px;
	padding:5px 0 0 35px;
	border-left:1px solid #B9606F
}

#copyright_messaging .iconify_warning_b:before{
	position:absolute;
	top:8px;
	left:-135px;
	font-size:118px;
	line-height:1;
	color:#C57584
}

#copyright_messaging h1{
	font-size:22px
}

#copyright_messaging h1,#copyright_messaging ul{
	color:#fff
}

#copyright_messaging ul{
	margin:22px 0
}

#copyright_messaging li{
	font-weight:700;
	font-size:17px
}

#copyright_messaging li+li{
	margin-top:5px
}

#copyright_messaging p{
	margin-bottom:5px;
	font-size:16px
}

#copyright_messaging a{
	color:#f7b42c
}

#copyright_messaging a:hover{
	color:#fff
}

#clip_status_notification{
	color:#fff;
	background:#6c9;
	overflow:hidden;
	margin-bottom:20px;
	padding:15px 0
}

#clip_status_notification .icon{
	display:block;
	float:left;
	margin-right:30px
}

#clip_status_notification h3{
	width:960px;
	margin:0 auto 5px;
	font-size:24px;
	color:#fff
}

#clip_status_notification p{
	width:960px;
	margin:0 auto;
	font-size:12px
}

#clip_status_notification a{
	color:#3a7b5b
}

#page_header .tip_question{
	position:absolute;
	margin:1px 0 0 5px
}

.carousel_container{
	background:#000;
	position:relative;
	height:200px;
	text-align:center
}

.carousel_container.interactive{
	cursor:pointer
}

.carousel_container>div{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	-ms-transition:all .35s ease-out 0s;
	-webkit-transition:all .35s ease-out 0s;
	transition:all .35s ease-out 0s;
	text-align:center
}

.carousel_container>div.active{
	opacity:1;
	z-index:1
}

.carousel_container img{
	max-height:200px;
	max-width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}

.clip_stills_thumbs{
	padding:8px 5px 0
}

.clip_stills_thumbs .portrait{
	border-color:#d3d3d3;
	cursor:pointer
}

.clip_stills_thumbs .portrait.active{
	border-color:#00a0f6;
	background-color:#4bf
}

.clip_stills_thumbs .portrait.last{
	margin-right:0
}

.add_collection{
	position:static!important;
	margin:0 5px
}

.collection_creator_wrapper.adding .cancel_wrapper{
	display:none
}

#brozar_toggle_wrapper{
	position:relative;
	width:960px;
	margin:0 auto
}

#brozar_toggle_wrapper.fr{
	font-size:13px
}

#toggle{
	position:absolute;
	top:-100px;
	right:-130px;
	padding:10px 14px 10px 10px;
	width:100px;
	height:20px;
	border-left:10px solid transparent;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
	white-space:nowrap;
	text-shadow:0 0 10px rgba(17,34,51,.4);
	z-index:10;
	-ms-transition:.01s width linear,.25s background-color linear,.25s border-color linear,.1s top ease-out;
	-webkit-transition:.01s width linear,.25s background-color linear,.25s border-color linear,.1s top ease-out;
	transition:.01s width linear,.25s background-color linear,.25s border-color linear,.1s top ease-out;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}

#toggle,#toggle:hover{
	color:#fff!important
}

#toggle.open{
	border-color:#1C516B;
	background-color:#5590A5
}

#toggle.open:hover{
	background-color:#5d98ac
}

#toggle.active{
	top:37px
}

#toggle.lookatme,#toggle:focus{
	border-color:#1A3567;
	background-color:#5375A2
}

#toggle.close{
	border-color:#ccc;
	background-color:#ddd
}

@media screen and (max-width:1170px){
	#toggle{
		right:-110px
	}

}

@media screen and (max-width:1120px){
	#search_form{
		margin-right:50px
	}

	#toggle{
		right:-28px;
		padding:7px 10px 7px 8px;
		width:60px;
		height:20px;
		font-size:12px
	}

	#toggle.active{
		top:17px
	}

	#toggle span{
		font-size:20px;
		line-height:12px
	}

}

#streams{
	padding:15px 50px 0;
	height:35px;
	font-size:18px;
	color:#666
}

#streams a{
	font-weight:400;
	color:#fff
}

#streams a:focus{
	color:#4bf
}

#streams a.more{
	margin-top:2px;
	margin-left:20px;
	float:right;
	line-height:16px
}

#streams a.couchmode:before{
	display:inline-block;
	font-size:16px;
	line-height:16px;
	vertical-align:-3px
}

#streams a.active{
	color:#a6a7a8!important;
	cursor:text
}

#brozar{
	position:relative;
	height:195px;
	background:#111;
	overflow:hidden
}

#brozar h3.empty,#brozar h3.loading{
	margin:0;
	font-size:32px;
	font-weight:400;
	color:#333;
	line-height:195px;
	letter-spacing:-1px;
	text-align:center;
	text-transform:uppercase
}

#brozar h3.empty{
	line-height:100px
}

#brozar .scroll{
	position:absolute;
	bottom:2px;
	width:45px;
	height:145px;
	font-size:24px;
	color:#333;
	z-index:10;
	background:-webkit-gradient(linear,left bottom,right bottom,color-stop(0.6,#111),color-stop(1,rgba(0,0,0,0)));
	background:-moz-linear-gradient(left center,#111 60%,rgba(0,0,0,0)100%);
	background:linear-gradient(left center,#111 60%,rgba(0,0,0,0)100%)
}

#brozar .scroll a{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	color:#fff
}

#brozar .scroll a:focus{
	color:#4bf
}

#brozar .scroll span{
	position:absolute;
	top:40px;
	left:15px
}

#brozar .scroll.arrow_left{
	left:0
}

#brozar .scroll.arrow_right{
	background:-webkit-gradient(linear,left bottom,right bottom,color-stop(0,rgba(0,0,0,0)),color-stop(0.4,#111));
	background:-moz-linear-gradient(left center,rgba(0,0,0,0)0,#111 40%);
	background:linear-gradient(left center,rgba(0,0,0,0)0,#111 40%);
	right:0;
	width:65px
}

#brozar .scroll.arrow_right span{
	left:auto;
	right:15px
}

#brozar #clips_wrapper{
	position:relative;
	margin-left:50px
}

#brozar ol{
	position:absolute;
	overflow:hidden
}

#brozar li{
	display:table-cell;
	padding-right:20px
}

#brozar li a{
	position:relative;
	display:block
}

#brozar li a:focus .title,#brozar li a:hover .title{
	color:#4bf
}

#brozar li a:focus .thumbnail,#brozar li a:hover .thumbnail,#brozar li.selected .thumbnail{
	border-color:#666
}

#brozar li.selected{
	opacity:.4
}

#brozar li.selected a{
	cursor:default
}

#brozar li.selected .play{
	display:block;
	z-index:10
}

#brozar li.selected:hover .promo_clip_title a,#brozar li.selected:hover .title{
	color:#fff
}

#brozar li .thumbnail{
	display:block;
	margin-bottom:5px;
	border-color:#333;
	-ms-transition:all .15s ease-out 0s;
	-webkit-transition:all .15s ease-out 0s;
	transition:all .15s ease-out 0s
}

#brozar li .data{
	display:block
}

#brozar li .title{
	width:150px;
	font-size:12px;
	line-height:14px;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-ms-transition:all .1s ease-out 0s;
	-webkit-transition:all .1s ease-out 0s;
	transition:all .1s ease-out 0s
}

#brozar li .meta{
	margin-top:2px;
	width:150px;
	font-size:10px;
	font-weight:400;
	line-height:10px;
	color:#7B8084;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

#brozar li .play{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-24px;
	margin-left:-14px;
	font-size:30px;
	color:#fff;
	text-shadow:#000 0 0 10px
}

.brozar_content,.brozar_promo{
	position:absolute;
	top:0;
	height:195px;
	overflow:hidden
}

.brozar_content{
	left:0;
	right:196px
}

.brozar_content.no_promo{
	right:0
}

.brozar_promo{
	background:#222;
	right:0;
	width:157px;
	padding:19px;
	border-left:1px dotted #333
}

.brozar_promo_title{
	margin:0 0 17px;
	color:#8d8d8d;
	font-size:10px;
	font-weight:400;
	text-align:center;
	text-transform:uppercase
}

.thumbnail_wrapper{
	display:block
}

.promo_clip>.thumbnail_wrapper>img{
	margin-bottom:5px;
	border-color:#333;
	-ms-transition:all .15s ease-out 0s;
	-webkit-transition:all .15s ease-out 0s;
	transition:all .15s ease-out 0s
}

.promo_clip:hover>.thumbnail_wrapper>img{
	border-color:#666
}

.promo_clip:hover .promo_clip_title a{
	color:#4bf
}

@media (max-width:1100px){
	#streams a{
		font-size:15px
	}

}

.promo_clip_title{
	font-weight:700;
	margin:0 5px 0 0
}

.promo_clip_title>a{
	display:block;
	width:150px;
	font-size:12px;
	line-height:14px;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-ms-transition:all .1s ease-out 0s;
	-webkit-transition:all .1s ease-out 0s;
	transition:all .1s ease-out 0s
}

.promo_byline{
	margin-top:2px;
	width:160px;
	color:#7b8084;
	font-size:10px;
	line-height:10px;
	margin-right:0;
	padding-right:0
}

.promo_byline>a{
	color:#fff;
	font-weight:400;
	-ms-transition:all .1s ease-out 0s;
	-webkit-transition:all .1s ease-out 0s;
	transition:all .1s ease-out 0s
}

.promo_byline>a:hover{
	color:#4bf
}

#clips[data-stream-context=featured] li{
	position:relative
}

#clips[data-stream-context=featured] li .meta,#clips[data-stream-context=featured] li .title{
	margin-left:30px;
	width:130px
}

#clips[data-stream-context=featured] li+li .play{
	margin-top:-5px
}

#clips[data-stream-context=featured] .data{
	position:relative
}

#clips[data-stream-context=featured] .brozar_promo_icon{
	position:absolute;
	bottom:1px;
	left:0;
	line-height:0
}

#clips[data-stream-context=featured] .brozar_promo_icon .no_border_icon{
	border:0;
	padding:0;
	width:24px;
	height:24px
}

#clips[data-stream-context=featured] .portrait{
	background:0 0;
	border-color:#333
}

#clips[data-stream-context=featured] .promo_byline{
	margin-left:30px;
	width:130px
}

#clips[data-stream-context=featured] .promo_byline>a{
	display:inline;
	color:#7b8084;
	font-weight:700
}

#clips[data-stream-context=featured] .promo_clip_title{
	margin-left:30px;
	width:130px
}

#clips[data-stream-context=featured] .promo_clip_title>a{
	width:130px
}

.comment_list{
	position:relative
}

.sticky_wrapper{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative
}

.padded_box .comment_tools .actions{
	right:10px
}

.portrait_wrapper{
	display:inline-block;
	vertical-align:top
}

.comment_wrapper{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	padding:10px 0;
	border-top:1px dotted #d3d3d3
}

.comment_wrapper.reply,.comment_wrapper:first-child{
	border:none
}

.comment_wrapper+.comment_creator{
	margin-top:15px
}

.comment_wrapper.reply{
	padding-top:0
}

.comment_wrapper.reply .portrait_wrapper{
	margin-left:28px
}

.comment_reply{
	clear:both
}

.btn_reply{
	color:#7B8084;
	display:block;
	font-size:11px;
	font-weight:400
}

.btn_reply:focus{
	color:#4bf
}

.reply_form{
	padding:0 0 10px 68px;
	border-top:0
}

.show_all_comments{
	margin-top:-100px
}

.show_all_comments.loading{
	text-transform:none
}

.show_all_comments .show_all_link{
	position:relative;
	padding:20px 0;
	z-index:20
}

.show_all_comments .show_all_link a{
	display:block;
	padding:15px 0 12px;
	background-color:#f4f5f7;
	border:1px solid #f4f5f7;
	text-align:center;
	font-size:18px;
	line-height:1;
	color:#123
}

.show_all_comments .show_all_link a:focus,.show_all_comments .show_all_link a:hover{
	color:#4bf!important
}

.show_all_comments .show_all_link a:before{
	content:'+';
	margin-right:8px
}

.show_all_comments:before{
	content:'';
	display:block;
	height:85px;
	width:100%;
	position:relative;
	left:0;
	bottom:-20px;
	z-index:5;
	background-image:linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-o-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-moz-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-webkit-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-ms-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%)
}

.show_all_comments:after{
	content:'';
	display:block;
	height:75px;
	width:100%;
	position:relative;
	left:0;
	bottom:20px;
	z-index:5;
	background-image:linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-o-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-moz-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-webkit-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%);
	background-image:-ms-linear-gradient(top,rgba(255,255,255,0)0,rgba(255,255,255,.8)50%,#fff 100%)
}

.show_all_comments.loading .show_all_link a{
	color:#a6a7a8!important;
	background-color:#f4f5f7
}

.show_all_comments+article{
	margin-top:-80px;
	border:none
}

.pagination{
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	margin:0;
	padding:0 0 15px;
	font-size:18px;
	text-align:center;
	border-top:none
}

.pagination .loading{
	display:none
}

.submit .tip{
	margin-left:5px
}

.no_comments{
	color:#f27490;
	font-size:14px;
	font-weight:700
}

.comment_creator{
	padding-bottom:0;
	border-top:none;
	margin-top:0
}

.comment_creator .comment{
	margin-bottom:20px
}

.comment_creator .comment_toggle{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px
}

.comments_container .messages{
	margin-bottom:10px
}

.comments_container .messages p.text{
	width:473px;
	background:#f4f5f7;
	padding:10px;
	margin-top:0
}

.comments_container .messages p.no_thumb{
	width:520px
}

.comments_container .messages div.no_thumb{
	width:610px
}

.comments_container .comment_right{
	width:500px
}

.comment textarea,.reply_form textarea{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	min-height:95px;
	max-height:300px
}

.comment input[type=text],.reply_form input[type=text]{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:10px;
	width:100%
}

.ondemand_comment .comment{
	margin-left:5px
}

.comment,.comment_right{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:10px;
	display:inline-block;
	vertical-align:top;
	width:525px;
	width:calc(100% - 105px)
}

.messages .portrait,.messages .thumbnail{
	display:inline-block;
	float:left
}

.messages .portrait{
	margin-right:10px
}

.comment{
	width:558px;
	width:calc(100% - 72px)
}

.comment.hide{
	display:none
}

.comment p{
	overflow:hidden;
	line-height:1.4
}

.comment p+p{
	margin-top:10px
}

.comment p a{
	font-weight:400
}

.comment.reply{
	width:calc(100% - 65px)
}

.comment .meta{
	margin-bottom:5px
}

.comment .meta+p{
	margin-top:5px
}

.comment .meta time{
	font-size:11px;
	color:#9da2a8
}

.comment .meta a{
	font-weight:700
}

.comment .context{
	margin-bottom:5px;
	font-size:11px;
	color:#acb1b4
}

.comment .context a{
	font-weight:700
}

.comment .alert{
	margin:10px 0 0;
	padding:12px;
	font-size:12px;
	line-height:15px
}

.comment .text{
	margin-top:0
}

.comment:hover .actions{
	display:block
}

.comment.sticky{
	padding:0 0 0 10px
}

.comment_tools{
	margin-top:0
}

.comment_tools .actions{
	display:none;
	position:absolute;
	top:10px;
	right:0;
	font-size:11px
}

.comment_tools .actions a{
	font-weight:400
}

.mod_tip_wrapper{
	display:inline-block;
	padding:6px;
	margin:-6px 0 -6px -6px
}

.mod_tip_wrapper .mod_tip{
	position:absolute;
	bottom:100%;
	margin-bottom:-10px;
	margin-left:-9px;
	z-index:8000;
	display:none
}

.mod_tip_wrapper .mod_tip .content{
	position:relative;
	display:block;
	min-width:20px;
	min-height:10px;
	padding:3px 5px;
	color:#fff;
	font-size:10px;
	background-color:#7E7F80;
	border-radius:2px
}

.mod_tip_wrapper .mod_tip .content a{
	font-weight:400;
	color:#f7b42c
}

.mod_tip_wrapper .mod_tip .content:before{
	position:absolute;
	border:6px solid transparent;
	bottom:-10px;
	border-top-color:#7E7F80;
	content:' '
}

.mod_tip_wrapper:after{
	font-family:pictos;
	content:'@';
	color:#9da2a8;
	font-size:10px
}

.mod_tip_wrapper:hover .mod_tip{
	display:block
}

.forums .mod_tip_wrapper{
	display:inline;
	padding:0;
	margin:0
}

.forums .mod_tip_wrapper .mod_tip{
	bottom:100%;
	padding-bottom:10px;
	margin-bottom:-15px;
	margin-left:0
}

.forums .mod_tip_wrapper:after{
	display:none
}

.forums .comment:hover .mod_tip{
	display:block
}

table.subscriptions th{
	padding-top:0
}

table.subscriptions tr:hover td{
	background:#f4f5f7
}

table.subscriptions td{
	text-align:center;
	vertical-align:middle
}

table.subscriptions td .portrait{
	margin:0 .2em 0 0
}

table.subscriptions td time{
	font-size:11px;
	color:#9da2a8
}

#subscription_channels td,#subscription_tags td{
	text-align:right
}

#subscription_channels td.left,#subscription_people td.left,#subscription_tags td.left{
	width:90%
}