/* BISMILLAH */
body {
	font: 13px/1.7 'Open Sans', 'Lucida Grande' , Lucida, Verdana, Helvetica, sans-serif;
	color:#555;
	margin:10px;
	word-spacing:1px;
}

a {
	text-decoration: none;
	color:#333;
}

a:hover {
	text-decoration: none;
	color: #000;
}

img {border:none;}
h1 {
	margin:0;
}

.left {
    float: left;
}

.padding {
	padding:2%;
}

.redtxt {
	color: #990000;
}

hr {
    margin:20px 0 20px 0;
	border: 0;
    height: 1px;
	background-color:#eaeaea;
}

hr
{
	margin:0px 0 0 0;
	padding:0;
	border:0;
	outline:0;

	overflow:hidden;

	height:20px;
	background-color:#ffffff;
}

hr:after
{
	content:"";

	margin:0 auto;

	position:relative;
	top:-35px;
	display:block;
	width:96%;
	height:16px;

	box-shadow:0px 25px 10px #ccc;

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

input, textarea {
	padding:5px;
	width: 60%;
	font-size:12px;
}

.attachment-list input {
	width:5% !important;
}

	.border {
		-moz-box-shadow:    0px 0px 2px #999;
		-webkit-box-shadow: 0px 0px 2px #999;
		box-shadow: 		0px 0px 2px #999;
	}

	.background {
		background: #F4F4F4;
	}

	.restricted {
		-moz-box-shadow:    inset 0 0 0 1px #900 !important;
		-webkit-box-shadow: inset 0 0 0 1px #900 !important;
		box-shadow: inset 0 0 0 1px #900 !important;
	}

	.archived {
		background-color: #666 !important;
	}

	.archived a {
		color:black !important;
		text-decoration:line-through !important;
	}

	.archived a span {
		color: white !important;
	}

		.level2 {
			background-color: #FCC !important;
		}

	.current_vid {
		/*-webkit-filter: opacity(30%);*/
		opacity: 0.3;
		filter: alpa(opacity=30);
	}

	.corner {
		-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
	}

	.resize {
		box-shadow: 0px 0px 2px #999;
		margin-bottom: 8%;
		width: 100%;
		max-height:100px;
	}

	#thumb-grid .resize {
		max-height:96px;
	}

	.hidden {
		display:none;
	}

	.title {
		display:inline-block;
		font-size: 300%;
		margin-top:30px;
		margin-left:70px;
		color: #555;
	}

	.bold {
		font-weight:bold;
	}

#header {
	margin:-10px -10px 0px -10px;
}

#top {
	height:100px;
	margin:0 auto;
	background-color: #EAEAEA;
	border-bottom:#ccc 1px solid;
	background: #EAEAEA url('../images/uu_sigill.jpg') right top no-repeat;
}


#header_container {
	max-width: 960px;
	margin:0 auto;
}

#logo {
	float:left;
	background: url('../images/uu_logo.png');
	background: none, url('../images/uu_logo.svg');
	height: 80px;
	width: 80px;
	background-size: 82px;
	margin: 10px 0 0 20px;
}


a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

	#logo img{
		width: 100px;
	}

#sitename {
	float:left;
	width: 70%;
}

	#sitename h1 {
		font-size:34px;
		padding:20px 0px 0px 20px;
	}

#container {
	max-width: 960px;
	margin:0 auto;
}

#slider {
	width: 100%;
	margin:1% 0% 2% 0%;
}

#slider-container {
	float:left;
	width: 70%;
}

.royalSlider .royalCaption {
	z-index:20;
	position:absolute;
	left:40px;
	top:25px;
	height:190px;
	color:#FFF;
	width: 40%;
	overflow:hidden;
	background-color:rgba(0,0,0,0.5);
	border-bottom:10px rgba(0,0,0,0.0) solid;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
}

.countdownHolder{
	margin:0 auto;
	font: 30px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
	height:70px;
        width: 350px;
}

.countdownholdertitle {
	font-size:20px;
	letter-spacing:1px;
	position:absolute;
	top:65px;
}

.videoplayer_msg .countdownholdertitle {
	top:262px !important;
}


.royalSlider .countdowntimmer {
	z-index:20;
	position:absolute;
	right:1%;
	padding:0px 10px;
	bottom:4%;
	/*height:90px;*/
	color:#000;
	overflow:hidden;
	background-color:rgba(255,255,255,0.5);
	/*border: 1px solid #ccc;*/
}


#menu {
	width: 100%;
	padding:0%;
	margin: 1.5625% 0 1.5625% 0;
	overflow: hidden;
	display: inline-block; /* triggers hasLayout in IE */
	white-space:nowrap;
	background-color:#FFF;
}

#menu .selected a {
	border-right: 1px #ddd solid;
	border-left: 1px #ddd solid;
	background-color:#FFF;
}

.search-form {
	padding:0;
}

#mobile-menu-search {
	width: 100%;
	padding:2% 10px 1.5% 10px;
	margin: 1% 0 0% -10px;
	color:#555;
	overflow: hidden;
	display: none; /* triggers hasLayout in IE */
	float: left;
}

#links {
	width:75%;
	float:left;
	padding: 1% 0% 1% 1%;
	border-right:1px #ccc solid;
}

#links a{
	padding:15px 10px 15px 10px;
}

#links ul{
	margin:0;
	padding:0;
}

#links li {
	display: inline-block;
	list-style-type: none;
	vertical-align:middle;
}

/*#links li:nth-child(6) {
	display: none;
}*/

#links a.login {
	color:#900;
	/*
	background:url(../images/lock2.gif) no-repeat;
	background-position: 11px 14px;
	padding-left:28px;
	*/
}

#links a.logout {
	/*
	background:url(../images/lock2_open.gif) no-repeat;
	background-position: 11px 14px;
	padding-left:28px;
	*/
}

#links a.minsida {
	color:#900;
}

#search{
	width:18.5%;
	float:right;
	padding:0.8% 0 0.0% 0;
}

#search input{
	width:94%;
	float:right;
	padding:9% 9% 9% 0%;
	margin:-5% -6% -6% -6%;
	border:none;
}

#search input:focus{
	outline:none;
}

#search-results {
	z-index:100;
	float:left;
	width:100%;
	margin-bottom: 0%;
	padding:0% 0 0 0;
	border-top: #CCC 1px solid;
	display:none;
}

.search-result-text-title {
	font-weight:bold;
}

.search-result-text-contact {
	color:#666;
}

#search-delete-button {
	width:4%;
	float:right;
	background-color:#fff;
	display:inline-block;
	padding:1.3% 0 0 0;
	overflow:hidden;
}

#search-delete-button img{
	display:none;
	opacity:0.5;
}
#search-delete-button img:hover{
	opacity:0.7;
	cursor:pointer;
}

#search-term-hit {
	color:#900;
}

.thumbnails-and-channels {
	max-width: 100%;
}

#feedback-button {
	float:right;
	cursor: pointer;
	height: 80px;
	overflow: hidden;
	position: fixed;
	top: 40%;
	width: 40px;
	z-index: 10000;
	right:0;
	color:#FFFFFF;
	background-color:#990000;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 7px 0px 0px 7px;
	background-image:url('../images/feedback-button.png');
	background-size:40px 80px;
	opacity:0.5;
}

#feedback-button:hover{
	opacity:1;
	width:43px;
}

#feedback-form {
	display:none;
}

.thumbnails {
	float:left;
	width:60.9375%; /* 585px */
	clear:both;
}

.channels {
	float:left;
	width: 39.0625%; /* 375px */
}


.choose_def_image {
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	position: relative;
}

.choose_def_image img {
	border:1px solid #ccc;
}

.choose_def_image .overlay {
	background-color: #FFFFFF;
	bottom: 0px;
	height: 100%;
	opacity: 0.7;
	position: absolute;
	width: 100%;
}

.choose_def_image .overlaytext {
	top: 20%;
	/*font-weight: bold;*/
	left: 25px;
	position: absolute;
}


.videopg_overlay {
    height: 100% !important;
    width: 100% !important;
}

.videopg_overlaytext {
    /*bottom: 52px !important;*/
    font-size: 16px;
    font-weight: normal;
    left: 15px !important;
}

.choose_def_image .odef {
    bottom: 29px  !important;
    height: 102px !important;
    width: 203px  !important;
}

.choose_def_image .otdef {
    bottom: 68px  !important;
    left: 15px    !important;
	color:#990000 !important;
	font-weight:bold;
}

.h1_video_name{
	font-size:22px;
	color:#990000;
}

ol {
	list-style:none;
	margin:0;
	padding:0;
}

ol.thumb-grid li {
	float: left;
	width: 26.666666666667%; /* 156px */
	margin: 0 2.5641025641026% 2.5641025641026% 0; /* 0px 15px 15px 0px */
	padding: 2.0512820512821% 2.0512820512821% 2.0512820512821% 2.0512820512821%; /* 12px 12px 12px 12px*/
	height:170px;
	overflow:hidden;
}

ol.thumb-grid-more li {
	float: left;
	width: 16.25%;
	margin: 0 1.5625% 1.5625% 0;
	padding: 1.25% 1.25% 1.25% 1.25%;
	height:170px;
	overflow:hidden;
}

ol.thumb-grid-more li:nth-of-type(5n+5) {
	margin-right:0;
}



ol.thumb-grid li a, ol.thumb-grid-more li a, ol.channel-grid li a, ol.channel-grid-more li a {
	display:block;
	width:100%;
	height:100%;
}


ol.thumb-grid li:hover, ol.thumb-grid-more li:hover {
	border:#ccc solid 0.10582010582%;
	box-shadow: 0px 0px 4px #999;
}

ol.list-grid li {
	float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	overflow:hidden;
	min-height:54px;
}

ol.list-grid li:nth-child(odd) {
	background-color:#f6f6f6;
}

ol.list-grid li img {
	width:10%;
	margin:0 2% 0 0;
	text-align:middle;
	border-radius:0;
	vertical-align:middle;
	max-height:55px;
}

ol.list-grid li a {
	display: block;
}


ol.list-grid li:hover {
	border:#ccc solid 0.10582010582%;
	background-color: #EDEDED;
}

.show-more-thumbnails, #show-more-thumbnails-page-1, .thumbnail-page-number {
	display:inline-block;
	width:97.8835978836%;
	padding: 1.0582010582%;
	text-align:center;
	margin-bottom:2%;
}

.show-more-thumbnails:hover{
	border:#ccc solid 0.10582010582%;
	box-shadow: 0px 0px 4px #999;
	color:#000;
	cursor:pointer;
}

ol.channel-grid li {
	float: left;
	width: 41.6%;
	margin: 0 4% 4% 0;
	padding: 3.2% 3.2% 3.2% 3.2%;
	height:170px;
	overflow:hidden;
	word-wrap:break-word;
}

ol.channel-grid li:nth-of-type(2n+2) {
	margin-right:0;
}


ol.channel-grid li:hover {
	border:#ccc solid 0.10582010582%;
	box-shadow: 0px 0px 4px #999;
}

.kanal {
	position: absolute;
	background-color: #900;
	padding: 5px 10px;
	margin-left:-5px;
	margin-top:-5px;
	color:#FFFFFF;
}

#kanal-search-result {
	position: absolute;
	background-color: #900;
	padding: 0.4% 0.8% 0.4% 0.8% ;
	margin-left:5px;
	margin-top:5px;
	color:#FFFFFF;
}

#footer {
	clear:both;
	overflow: hidden;
	/*display: inline-block; /* triggers hasLayout in IE */
	width: 100%;
	min-height:300px;
	margin:0 auto;
	margin-bottom: 150px;
	margin-top:0;
}

#footer-column {
	float:left;
	width:40%;
	padding: 2% 5% 2% 5%;
}

#box {
	width:100%;
	float:left;
	clear:both;
	margin-bottom:2%;
}

.boxdiv {
	width:100%;
	float:left;
	clear:both;
	margin-bottom:2%;
}

#change_default_image .choose_def_image {
	width:100%;
}

.channel_infobox1 {
    float: left;
    margin-left: 1.56%;
    padding: 1.56%;
    width: 25.32%; /*260px;*/
	float: left;
	height:100%;
	word-wrap:break-word;
	min-height: 320px;
}

#img_box {
	width: 100%;
	margin: 0%;
	max-height:150px;
	overflow:hidden;
}

div.channel-contact {
	font-size:12px;
}

.channel_infobox h2, h3, h3 a{
	color:#990000;
	font-weight:bold;
	margin-bottom:0px;
}

.channel_infobox a {
	color:#990000;
}

.channel_infobox .info_txt {
    line-height: 0px;
    padding-left: 0px;
    width: 0px;
}

#ch_subscribe {
	width:90%;
}

.btn_full[class*="iconify_"]:after {
    margin-right: -25px;
}

.btn_full[class*="iconify_"]:before, .btn_full[class*="iconify_"]:after {
    width: 25px;
}

[class*="iconify_"]:after {
    margin-left: 0.25em;
}

.btn_full {
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size: 24px !important;
    padding: 10px 20px;
    text-align: center;
}
.btn {
    background: none repeat scroll 0 0;
    border: 1px solid #E19A49;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    /*font-weight: 700;*/
    line-height: 1;
    padding: 7px 10px;
	width:86%;
	background-color: #E09D00;
	box-shadow:0px 2px 7px #FFFFB7 inset;
}

.btn a:hover {
	background-color:#EED169;
}

#thumbnailsa li {
	display:block !important;
	/*
	width:125px;
	*/
}

.channel_infobox form { margin: 10px; text-align:left; padding-bottom:8px; }

.save_btn {
    background: -moz-linear-gradient(center top , #F4F4F4, #E8E8E8) repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #CCCCCC;
    padding: 8px;
}

.channel_infobox input {
	width:93%;
}

.channel_infobox .dotted_box {
	float:left;
	border-left:1px #999999 dotted;
	border-bottom:1px #999999 dotted;
	margin-bottom:10px;
	height:64px;
	background-color:#E0E0E0/*#dddddd;*/
}

.dotted_box .txt {
	float:left;
	padding-top:5px;
}

.dotted_box .rssicon {
	float: left;
	padding: 7px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 20px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.tab_container {
	/*border: 1px solid #999;*/
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding-top: 40px;
	/*font-size: 1.2em;*/
}

.centered-message {
    border: 0px solid gray;
    padding: 15px;
    margin: 5px auto 10px;
    width: 70%;
    /*text-align: center;*/
}
/* ----------------------------- channel admin styles ---------------------- */
#gallery { float: left; width: 60%; min-height: 12em; margin-top:20px }
* html #gallery { height: 12em; } /* IE6 */
.gallery.custom-state-active { background: #eee; }
.gallery li { float: left; width: 165px; padding: 0.4em; margin: 0 0.4em 0.7em 0; text-align: center; }
.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
.gallery li a { float: right; }

.gallery li a.sel-star { background-image: url("themes/base/images/ui-icons_8c291d_256x240.png"); background-color: #FFE46E; width:14px; height:14px; border:1px dotted red; background-position:-225px -113px;}
.gallery li a.sel-star:hover {background-color:#EAEAEA !important}
.gallery li a.ui-icon-closethick:hover { background-image: url("themes/base/images/ui-icons_cd0a0a_256x240.png");}
.gallery li a.ui-icon:hover { background-color:#FFE46E }
.gallery li img { width: 100%; cursor: move; }

.vidgroup { float: right; width: 100%; min-height: 5em; padding: 1%; margin-bottom:15px;} * html .vidgroup { height: 18em; } /* IE6 */
.vidgroup h4 { line-height: 16px; margin: 0 0 0.4em; padding: 4px }
.vidgroup h4 .ui-icon-trash { float: right; }
.vidgroup .gallery h5 { display: none; }
.vidgroup .txt {float:left;}
.vidgroup .edit_pencil {
	float:left;
	padding-left: 5px;
}

.vidgroup .edit_tick {
	float:left;
	padding-left: 5px;
	padding-top:2px;
}

.vidgroup .inline_txt_input {
	height:11px !important;
	font-size: 11px !important;
	padding: 0px !important;
	width: 100px !important;
}

.vidgroup .no_video {
	padding-top: 5px;
}

.videogroup_wraper {
	background: none repeat scroll 0 0 #E3E3E3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
	width: 36%;
	float:left;
	margin-right:20px;
	margin-left:10px;
	margin-top:20px;
	padding-top:15px;

}

.li-small {
	width:48px !important;
}

.connectedSortable {
	min-height:5em;
}


/* ----------------------------- search styles ----------------------------- */

#search-result {
	width:100%;
	border-bottom: 1px #CCC solid;
	padding: 0;
}
#search-result.more {
	border-bottom: 0px #eee solid;
	text-align:center;
}
#search-result.more a{
	padding:2%;
}
#search-result a{
	display:block;
	overflow:hidden;
	color:#333333;
	padding:2%;
}
#search-result:hover{
	background-color:#eee;
	display:block;
}

#search-result-image img{
	float:left;
	width:20%;
}

#search-result-text {
	float:left;
	width:76%;
	padding-left:2%;
	text-align:left;
	white-space:normal;
}

.loadinglist {
	background:#F4F4F4 url(../images/spinner.gif) no-repeat center;
}

/* ----------------------------- list-listing styles ----------------------------- */

#list-item {
	width:100%;
	border-bottom: 1px #CCC solid;
	padding: 0;
	min-height:135px;
}

#list-item a{
	display:block;
	overflow:hidden;
	color:#333333;
	padding:1%;
}

#list-item:hover{
	background-color:#eee;
	display:block;
}

#list-item-image img{
	float:left;
	width:20%;
	max-height:115px;
}

#list-item-text {
	float:left;
	width:78%;
	padding-left:2%;
	text-align:left;
	white-space:normal;
}

.greenshadow {
	box-shadow:0 0 5px #00933B !important; /*#71B532*/
	background-color:#DDEED6;
}

.redshadow {
	box-shadow:0 0 5px #990000 !important;
	background-color: #FFCCCC !important
}

/* ----------------------------- videos page styles ----------------------------- */

#sub-menu {
	margin-bottom: 1.5625%;;
	padding:1% 10px 1% 2%;
	vertical-align:middle;
	background-color:#fafafa;
	margin-top:-1.5625%;
	box-shadow:inset 0 1px 3px #ccc;
}

#list-mode {
	float:right;
	margin-top:2px;
	vertical-align:middle;
	width: 50px;
}
#list-mode a {
	opacity:0.3;
}

#list-mode a:hover {
	opacity:0.5;
}

#list-mode a.active {
	opacity:0.7;
}

/* ----------------------------- video page styles ----------------------------- */

/*Styles for fuzz overlay & message box*/
#darken {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	background-color: #000;
	opacity:0.8;
	display:none;
}

#video-content {
	width:100%;
}

#darken-icon {
	opacity:0.3
}
#darken-icon:hover {
	opacity:0.2;
}
#video-information {
	width:100%;
	margin: 2% 0 0 0;
	padding:0%;
        clear: both;
}

#video-description p {
	margin-top: 1%;
	/*padding: 0px 15px 12px 15px;*/
}

#video-description a {
	text-decoration:underline;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	z-index:200;
}

.video-container a div {
	/*background:#FFFFFF; */
	position: inherit !important;
}

.video-container #playvideoicon{
	opacity:0.85;
}

.video-container #playvideoicon:hover{
	opacity:0.99;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.livestream_player {
	height: 545px;
	display:block;
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;"
}

#video_player_in_channel {
}

#video_player_in_channel .video-container {
	padding-bottom: 52.25%;
}

#video_player_in_channel #video {
	background-color:white;
}

#video-meta p.contact {
	float:left;
	padding-right:10px;
	margin-right:10px;
	border-right:1px #dddddd solid;
}

/*
#video-meta {
	border-top:1px dashed #ccc;
}

#video-meta a {
	color: #990000;
}*/

#video_player_in_channel #video-meta {
	border-top:none;
}

#block {
	float:left;
}

#video-meta p.update {
	float:left;
	padding:0 10px 0 0;
	border-right:1px #dddddd solid;
	margin-right: 10px;
}
#video-meta p.duration {
	float:left;
	padding: 0 10px 0 0px;
	border-right:1px #dddddd solid;
}
#video-meta p.status {
	float:left;
	padding: 0 10px 0 10px;
	border-right:1px #dddddd solid;
	margin-right: 10px;
}

#video-meta p.airtime {
	float:left;
	padding: 0 10px 0 0px;
	border-right:1px #dddddd solid;
}

#video-meta p.views {
	float:left;
	padding-left:10px;
}

#embed-code, #add-to-channel, #test, #share, #attachment {
	float:left;
	width:96%;
	padding:0 2% 2% 2%;
	margin-bottom:2%;
	display:none;
	background-color: #fff;
	box-shadow:inset 0 1px 3px #ccc;
}

#embed-code textarea{
	width:94%;
	padding:2%;
	font-size:12px;
	border:0;
}

#attachment a{
	color:blue;
}

#channel-information {
	width:100%;
	/*margin: 2% 0 0 0;*/
	padding:0%;
	float:left;
	margin-top:20px;
}

.channel h3 {
	margin-top:20px;
}

#list_thumb_box {
	clear:both;
}

/* ----------------------------- live page styles ----------------------------- */

#list-item p {
	margin-top:0;
}

.videoplayer_msg {
	background: none repeat scroll 0px 0px white;
	color: black;
	opacity: 0.78;
	position: relative;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 25px black;
	z-index: 1;
	width: 50%;
	height: 45%;
	margin-left: 24%;
	margin-top: -22%;
	border:15px solid #E7E7E7;
}

.videoplayer_msg .txt {
	padding-top:13%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
}

/* ----------------------------- my page upload video ----------------------------- */

#accordion-header {
	background-color:#eaeaea;
	font-weight:bold;
	box-shadow: 0px 0px 2px #999;
}

#accordion-header a{
	display:block;
	overflow:hidden;
	color:#333333;
	padding:10px;
}
#accordion-content {
	padding: 0 10px 3% 10px;
	background-color:#fff;
	box-shadow: 0px 0px 2px #999;
	height:auto;
	overflow:hidden;
}

#accordion-content hr{
	height: 1px;
	margin-top:10px;
}


#general {
	float:left;
	width:75%;
	border-right: #ddd 1px solid;
}

#general input, #general textarea{
	width:93%;
}

.styled-select {
    background: url('../images/down_arrow_select.jpg') no-repeat scroll right center transparent;
    height: 34px;
    overflow: hidden;
    width: 95%;
}

.styled-select select {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    height: 34px;
    padding: 5px;
    width: 105%;
}

#preview {
	float:left;
	width:22%;
	padding-left:2%;
	height:auto;
	overflow:hidden;
}

.preview-image {
	width:19%;
}

.not-selected {
	opacity:0.3;
}
.not-selected:hover {
	opacity:1;
	cursor:pointer;
}

.self-test, .owner, .video-settings, .exchange-video, .channel-content {
	display:none;
}

label {
	display:block;
	clear:both;
	margin-top:10px;
	font-weight:bold;
}

#checkdelete {
	width:1.2em;
}

/****--------------------- Related to Video/Channel Admin page --------------------***/
.gb_container {
    width: 590px;
}

.gb_container {
    clear: both;
    float: left;
    margin: 0 0 14px;
    padding: 0;
    width: 590px;
}


input.comment_closed {
    cursor: pointer;
    float: left;
    font-size: 1.4em;
    margin-right: 6px;
    width: 479px;
}

/*#uu-user-search {
    border: 1px solid #BBBBBB;
    color: #686868;
	border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    margin-bottom: 14px;
    margin-top: 0;
    padding: 5px 3px;
    width: 582px;
	height: 18px;
}*/

.gb_container li {
    background-color: #EFEFEF;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    margin-bottom: 14px;
    overflow: auto;
    padding: 10px;
    width: 570px;
}

.gb_container ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}


#simplereach-slide-element {
    background-color: #FFFFFF;
    border-color: #AAAAAA;
    border-width: 1px medium 1px 1px;
	/*border-radius: 15px;*/
    box-shadow: 0 0 4px #aaaaaa;
    margin-top: 30px;
    overflow: visible;
    padding: 10px;
	/*width:919px;*/
}

.uu-user-list-item {
	border: 1px solid #DDD;
	background:#EEE;
	padding:10px;
	margin:5px 0px 0px 0px;
}

.uu-user-list-head {
	padding-bottom:15px;
}

.uu-user-list-name {
	vertical-align:middle;
	color:#666;
	float:left;
	width:400px;
}

.uu-user-list-radio-btn {
	height:16px;
	width:16px;
	margin-left:78px;
}


.odd {
	background:#fBfBfB;
}

.even {
	background:#EEE;
}

.uu-user-list-no-account {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
}

.search-user-shadow {
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
}

.no-user-found-shadow {
	box-shadow: inset 0px 0px 5px #FF9999;
}

.found-user-shadow {
	box-shadow: inset 0px 0px 5px #66CC99;
}

#no-user-grid {
	width:100%; text-align:center;
}

.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }

.searchbox-label {
  float: left;
  width: 175px !important;
  margin-top: 2px !important;
  font-weight: bold;
  clear: left;
}

#uu-user-list-heading {
	color:#000;
	font-weight: bold;
	margin:0px 0px 0px 15px !important;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

.no-uu-account-box {
	padding: 10px;
	color:#666666;
}

.select-thumbnail {
	float:left;
	margin:1px;
	padding: 2px;
	/*border:1px solid #C5C5C5;*/
}

.regenerate-thumb{
	text-decoration:underline;
}

input#checkdownloadable{
	width: 1.5em;
}

#admin_channel_list {
	list-style-type: none;
	width: 70%;
}

#admin_channel_list li {
	/*
	border: 1px dotted;
	margin-bottom: 0.4em;
	padding: 0px 0.3em 0 0.3em;
	*/
	border: 1px solid #ccc;
	margin-bottom: 0.4em;
	padding: 1em;
	background-color: #eee;
	border-radius: 3px;
}

#admin_channel_list li.to_remove{
	background-color: #FF6666;
	text-decoration: line-through;
	font-style: italic;
}


#admin_channel_list li.to_add{
	background-color: #D7F0DB;
}

#admin_channel_list li .symbol{
	float:	right;
	padding-top: 0.3%;
}

/* This applies both to channels that are to add as well as channels that already exist and can be removed */
#admin_channel_list li img{
	width: 18px;
	height: 18px;
	background: url("../images/symbol_sprite.png") 0 -20px;
	cursor:pointer;
}

#admin_channel_list li.to_remove img{
	width: 18px;
	height: 18px;
	background: url("../images/symbol_sprite.png") 0 -57px;
}



/* Flashing */

.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

/* End of flashing */








/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}


/*----------------------------- BUTTONS -------------------------- */
.buttons {
    float: left;
    padding-bottom: 20px;
	margin-top:1%;
    clear: both;
	width:100%;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 10px 10px 0 0;
}
a.button:hover {
    color: #333;
    border-color: #ccc;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.save {
    background: url(../images/sprite.png) 7px 6px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add {
    background: url(../images/sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add-link {
    background: url(../images/sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}

a.livestream-btn {
    background: url(../images/sprite.png) no-repeat scroll 7px -397px #F3F3F3;
    padding-left: 30px;
}

a.delete {
    background: url(../images/sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.delete_cross {
	background: url("../images/sprite.png") no-repeat scroll 7px -61px #F3F3F3;
    padding-left: 30px;
	/*float:	right;*/
	margin-right:0px;
}


a.flag {
    background: url(../images/sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.up {
    background: url(../images/sprite.png)  8px -133px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.down {
    background: url(../images/sprite.png)  13px -168px no-repeat #f3f3f3;
    padding-left: 25px;
}
a.dim {
    background: url(../images/sprite.png) 8px -195px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.embed {
    background: url(../images/sprite.png) 5px -221px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.copy {
    background: url(../images/sprite.png) 5px -246px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.test {
    background: url(../images/sprite.png) 5px -270px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.share {
    background: url(../images/sprite.png) 4px -325px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.setting {
    background: url(../images/sprite.png) 3px -351px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.stats {
    background: url(../images/sprite.png) 3px -375px no-repeat #f3f3f3;
    padding-left: 30px;
}

a.rss {
    background: url(../images/sprite.png) 3px -421px no-repeat #f3f3f3;
    padding-left: 30px;
}

a.email {
    background: url(../images/sprite.png) 3px -451px no-repeat #f3f3f3;
    padding-left: 30px;
}

a.subscribe {
    background: url(../images/sprite.png) 3px -475px no-repeat #f3f3f3;
    padding-left: 30px;
}


a.attachment {
    background: url(../images/sprite.png) 5px -297px no-repeat #f3f3f3;
    padding-left: 30px;
}

/*----------------------------- END BUTTONS -------------------------- */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.cols {
    width: 100%;
}
.clearfix {
    display: inline-block;
}
#channels-list .channel {
    /*width: 305px;*/
}
div.focus_box {
    margin-bottom: 22px;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-top: 1px;
}

.col {
    float: left;
    margin-left: 1.56%;
	width:32.29%;
}

#channels-list .channel h3 a {
    color: #990000;
    padding-bottom: 17px;
	/*border-bottom: 1px solid #C6C6C6;*/
}

#channels-list {
	float:left;z
	width: 100%; /* 375px */
}

#channels-list .channel ul li a {
    -moz-transition: color 500ms ease-out 0s;
    background: url("../images/channel_icon.png") no-repeat scroll 0 4px transparent;
	background-size:16px 16px;
    color: #4D4D4D;
    display: table-cell;/*block*/
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
	padding-right:25px;
	/*overflow:hidden;*/
}

#channels-list .channel ul li.li_toggle {
	display:none;
}

#channels-list .channel ul li a:hover {
	text-decoration:underline;
}

#channels-list .channel ul {
	list-style: none outside none;
	padding-left:0px;
	width:297px;
	/*padding-top: 10px;*/
}

.channel_div {
	border-top: 1px solid rgb(198, 198, 198); width: 95%;
	/*height:210px;*/
	overflow:hidden;
	margin-top:17px;
}

/* ----------------------------- message boxes and error highlighting ----------------------------- */
.msg, .errormsg, .noticemsg {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

.msg {
  padding: 15px;
  background-color: green;
  color:white;
}

.errormsg {
  padding: 15px;
  background-color: red;
  color:white;
}

.noticemsg {
  padding: 15px;
  background-color: #0099FF;
  color:white;
}

form.data .error {
  border-color: red;
}

form.data input[type="file"].error {
  color: red;
}

.error-txtbox {
	border:1px solid #CC0000;
	background-color:#fff;
}

.warnning-box {
    margin:30px 47px 0 0;
    background-color: #FCFBE9;
    border: 1px solid #BB9657;
    padding:0 13px 10px
}
/* ----------------------------- media queries ----------------------------- */

@media screen and (max-width: 800px) {
#top {
	background-image:none;
}

	.royalSlider .royalCaption {
		left:40px;
		top:20px;
		width:50%;
		height:100px;
		display:block;
	}

	.countdownHolder{
		margin:0 auto;
		font: 20px/1.5 'Open Sans Condensed',sans-serif;
		text-align:center;
		letter-spacing:-3px;
		height:70px;
                width: 350px;
	}

	.countdownholdertitle {
		font-size:15px;
		letter-spacing:1px;
		position:absolute;
		top:52px;
	}

	/* Caption item */
	.royalCaptionItem {
		padding:10px;
	}

	.royalCaptionItem h1{
		margin: 0;
		font-size:16px;
	}

.thumbnails {
	float:left;
	width:76.875%; /* 615px */
	clear:both;
}

.channels {
	float:left;
	width: 23.125%; /* 185px */
}

ol.thumb-grid li {
	float: left;
	width: 26.991869918699%; /* 166px */
	margin: 0 2.4390243902439% 2.43902439024396% 0; /* 0px 15px 15px 0px */
	padding: 1.9512195121951% 1.9512195121951% 1.9512195121951% 1.9512195121951%; /* 12px 12px 12px 12px*/
	height:170px;
	overflow:hidden;
}

ol.channel-grid li {
	float: left;
	width: 87.027027027027%;
	margin: 0 0 8.2081081081081% 0;
	padding: 6.4864864864865% 6.4864864864865% 6.4864864864865% 6.4864864864865%;
	height:170px;
	overflow:hidden;
}

ol.channel-grid li:nth-of-type(1n+1) {
	margin-right:0;
}

ol.channel-grid li:nth-child(1n+5){
	display:none;
}

ol.thumb-grid-more li {
	float: left;
	width: 20.5%; /* 165px */
	margin: 0 2.0% 1.875% 0;
	padding: 1.5% 1.5% 1.5% 1.5%;
	height:170px;
	overflow:hidden;
}

ol.thumb-grid-more li:nth-of-type(5n+5) {
	margin-right:1.875%;
}

ol.thumb-grid-more li:nth-of-type(4n+4) {
	margin-right:0;
}

#video-meta p.contact {
	width:100%;
	border-right:0px;
}

input, textarea {
	width: 90%;
}

#slider-container {
	width: 100% !important;
	float: left;
	display:inline;
}

.channel_infobox1 {
    margin-left: 0%;
    width: 96.88%; /*260px;*/
	float: left;
	padding-bottom:0px;
	min-height:inherit;
	margin-bottom:2%;
}

#img_box {
	width: 30%;
	margin: 0%;
	float:right;
	margin-right:2%;
}

.channel_infobox h2, h3, h3 a {
	margin-top: 0%;
}

a.open.button.subscribe {
	margin: 2% 0 2% 0%;
}

.box {
	left:0;
}

.col {
	width:49.2%;
}

.videoplayer_msg .txt {
	padding-top:13%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
	font-size:11;
}

}

@media screen and (max-width: 600px) {

	.royalSlider .royalCaption {
		left:40px;
		top:10px;
		width:70%;
		height:100px;
		display:block;
	}

	.countdownHolder{
		margin:0 auto;
		font: 15px/1.5 'Open Sans Condensed',sans-serif;
		text-align:center;
		letter-spacing:-3px;
		height:70px;
        width: 280px;
	}

	.countdownholdertitle {
		font-size:12px;
		letter-spacing:1px;
		position:absolute;
		top:47px;
	}

	/* Caption item */
	.royalCaptionItem {
		padding:10px;
	}

	.royalCaptionItem h1{
		margin: 0;
		font-size:16px;
	}

	.royalCaptionItem p{
		display:none;
	}

.thumbnails {
	float:left;
	width:100%;
	clear:both;
}

.channels {
	float:left;
	width: 100%;
}

#img_box {
	float:right;
	margin-right: 0%;
	margin-left:2%;
}

a.open.button.subscribe {
	margin: 2% 0 2% 0%;
}

ol.thumb-grid li, ol.thumb-grid-more li {
	width: 29.791666666667%;
	margin: 0 1.5625% 1.5625% 0;
	padding: 1.25% 1.25% 1.25% 1.25%;
	height:180px;
}

ol.thumb-grid img, ol.thumb-grid-more img {
	max-height:96px;
}

ol.thumb-grid li:nth-of-type(1n+1), ol.thumb-grid-more li:nth-of-type(1n+1) {
	margin-right:1.5625%;
}

ol.thumb-grid li:nth-child(3n+3), ol.thumb-grid-more li:nth-child(3n+3){
	margin-right:0;
}

ol.channel-grid li {
	width: 29.791666666667%;
	margin: 0 1.5625% 1.5625% 0;
	padding: 1.25% 1.25% 1.25% 1.25%;
	height:180px;
}

ol.channel-grid li:nth-of-type(1n+1) {
	margin-right:1.5625%;
}

ol.channel-grid li:nth-child(3n+3){
	margin-right:0;
}

ol.channel-grid li:nth-child(1n+5){
	display:inline;
}

ol.channel-grid li:nth-child(1n+7){
	display:none;
}

#footer-column {
	float:left;
	width:96%;
	padding: 0% 2% 0% 2%;
}

#video-information h1 {
	font-size:18px;
}

.col {
	width:100%;
	margin:0;
}

#feedback-button {
	display:none;
}

.videoplayer_msg .txt {
	padding-top:13%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
	font-size:8px;
}

.videoplayer_msg .countdownholdertitle {
	top:134px !important;
}

}

@media screen and (max-width: 500px) {
#top {
	height:70px;
	border-bottom:0px #999999 solid;
}

	#logo {
		height: 50px;
		width: 50px;
		background-size: 50px 50px;
		margin-left:15px;
	}

	#sitename h1 {
		font-size:20px;
		padding:20px 0px 0px 20px;
	}

	#slider {
		display:none;
	}

	.royalSlider .royalCaption {
		left:15%;
		top:20px;
		width:70%;
		height:50px;
		display:inline;
	}

	.countdownHolder{
		margin:0 auto;
		font: 10px/1.5 'Open Sans Condensed',sans-serif;
		text-align:center;
		letter-spacing:-3px;
	}

	.countdownholdertitle {
		font-size:10px;
		letter-spacing:1px;
		position:absolute;
		top:44px;
	}

	/* Caption item */
	.royalCaptionItem {
		padding:10px;
	}

	.royalCaptionItem h1{
		margin: 0;
		font-size:12px;
	}

	.royalCaptionItem p{
		display:none;
	}

#menu {
	width: 100%;
	padding:1.5% 10px 1.5% 10px;
	margin: 0 0 3% -10px;
	color:#555;
	overflow: hidden;
	display: inline-block; /* triggers hasLayout in IE */
	border-radius: 0;
	background-color:#F4F4F4;
}

.mobile-searchfield {
	width:97%;
}

.mobile-searchfield-button {
	width:30%;
}

#links {
	padding:0;
	border-right:none;

}

#search-result-text p{
	display:none;
}


#links a {
	padding: 20px 5px 20px 5px;
}

#links li:nth-child(6) {
	display: inline-block;;
}

#search {
	//border-top:1px solid #ccc;
	clear:both;
	display:inline;
	float:left;
	width:100%;
	margin-top:5px;
}

#search input {
  width: 94%;
  float: left;
  padding: 3%;
  margin: 0px 0;
  border: 1px solid #ccc;
}

#search-delete-button {
	display:none;
}

#sub-menu {
	width: 100%;
	padding:1.5% 10px 1.5% 10px;
	margin: -3% 0 3% -10px;
	color:#555;
	overflow: hidden;
	display: inline-block; /* triggers hasLayout in IE */
	border-radius: 0;
}

ol.list-grid li img {
	float:left;
	width:20%;
	margin:0 1% 0 0;
	text-align:middle;
	border-radius:0;
	vertical-align:middle;

}


.thumbnails {
	float:left;
	width:100%;
	clear:both;
}

.channels {
	float:left;
	width: 100%;
}

ol.thumb-grid li, ol.thumb-grid-more li {
	float: left;
	width: 44.791666666667%;
	margin: 0 2.0833333333333% 2.0833333333333% 0;
	padding: 2.0833333333333% 2.0833333333333% 2.0833333333333% 2.0833333333333%;
	height:170px;
	overflow:hidden;
	background-color:#FFF;
}
ol.thumb-grid li:nth-of-type(1n+1), ol.thumb-grid-more li:nth-of-type(1n+1) {
	margin-right:2.0833333333333%;
}

ol.thumb-grid li:nth-of-type(2n+2), ol.thumb-grid-more li:nth-of-type(2n+2) {
	margin-right:0;
}

ol.channel-grid li {
	float: left;
	width: 44.791666666667%;
	margin: 0 2.0833333333333% 2.0833333333333% 0;
	padding: 2.0833333333333% 2.0833333333333% 2.0833333333333% 2.0833333333333%;
	height:170px;
	overflow:hidden;
}

ol.channel-grid li:nth-of-type(1n+1) {
	margin-right:2.0833333333333%;
}

ol.channel-grid li:nth-of-type(2n+2) {
	margin-right:0;
}

#video-content {
	width:100%;
}

#video-information h1 {
	font-size:16px;
}

a.dim {
    display:none;
}
#general {
	width:100%;
	border-right:none;
}
#preview {
	display:none;
}

.videoplayer_msg .txt {
	padding-top:13%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
	font-size:4px;
}

.show-more-thumbnails, #show-more-thumbnails-page-1, .thumbnail-page-number {
	display:inline-block;
	width:97.8835978836%;
	padding: 1.0582010582%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	margin-bottom:2%;
	background-color:#4CD964;
}


}

/* HDTV CSS
@media screen and (min-width: 1880px) {

body {
font: 16px/1.7 'Open Sans', 'Lucida Grande' , Lucida, Verdana, Helvetica, sans-serif;
}

#header_container, #container {
	max-width:1400px;
}

ol.thumb-grid li, ol.thumb-grid-more li, ol.channel-grid li {
height: 220px;
}

.resize {
	max-height: 130px;
}

}

*/