/*
	Styles for home page

	
	1. Form for new Channel register
	2. Channel taken error
	3. Filter
	4. Aside (sidebar)
	5. Content section
	6. Browse channels page
	7. Live now page
	
 */




/********* NEW MAIN PAGE START ***************/




/*new_cahnnel start*/

.new_channel_area{
	height:60px;
	width:980px;
	margin:0 auto;
	background:url("../../images/new_channel_bg.png");
	margin-top:10px
}
.new_channel_info{
	padding:4px 15px
}
.new_channel_info span{
	font-size:12px;
	color:#fff;
	display:block
}
.new_channel_info .new_channel_title{
	font-size:24px;
	font-weight:bold;
	color:#fff;
}
.new_channel_form {
	margin:11px 12px 0 0
}

.new_channel_form input[type="text"]{
	height:27px;
	width:456px;
	border:1px solid #30b4f2;
	border-radius:3px;
	box-shadow:inset 1px 1px rgba(0,0,0,0.46);
	font-size:18px !important;
	line-height:30px;
	//margin-top:-20px
}
.new_channel_form input[type="text"]:focus{
	border:1px solid #126990;
	box-shadow:none
}

.new_channel_form .butn{
	padding-right:30px !important;
	padding-left:30px !important
}

/*new_cahnnel end*/


/*channel taken error start*/

.channel_register_taken{
	margin-top:10px;
	background:#ffe9f1;
	padding:15px;
	border:1px solid #ffb3ce
}

.channel_register_taken_error{
	font-weight:bold;
	color:#ce2864;
	font-size:16px;
	text-align:center;
	width:850px
}

.channel_register_taken_close{
	width:95px;
	text-align:right;
	cursor:pointer;
	line-height:50px;
	margin:-15px -15px -15px 0;
	padding-right:15px;
	font-size:12px;
	color:#e387a9
}


/*channel taken error start*/


/* filter flow start */

.filter_flow{
	width:978px;
	margin:0 auto;
	background:#fff;
	line-height:45px;
	margin-top:10px;
	border:1px solid #dfdfdf;
	box-shadow:0px 1px 1px rgba(0,0,0,0.05);
	position:relative;
}
.filter_flow_title{
	font-size:14px;
	font-weight:bold;
	color:#999;
	margin-left:10px;
	margin-right:15px
}

.filter_flow_separator{
	border-left:1px solid #dfdfdf;
	margin:0 10px
}

.filter_flow select {
	width:150px;

}
.filter_flow_slider_area{
	margin:0 5px;
	font-size:12px
}

.filter_flow_slider_area.filter_time{
	margin-left:15px
}

.filter_flow_slider_area #slider-range,
.filter_flow_slider_area #slider-range-date{
	display:inline-block;
	width:130px;
	margin:0px 10px ;
	line-height:45px;
	vertical-align:middle
}

.filter_flow_slider_area input[type="text"]{
	box-shadow:none;
	width:40px;
	font-weight:bold;
	padding:0;
	margin:0;
	border:0;
	font-size:12px !important
}

.filter_flow div.right{
	margin-right:10px !important;
	display:block;

}
/* filter flow end */


/* aside start (sidebar) */


/*on live block */ 
aside{
	width:300px;
	overflow:hidden
}

.aside_item{
	background:#fff;
	border:1px solid #dfdfdf
}

.aside_title{
	font-size:18px;
	color:#333;
	padding:10px;
	border-bottom:1px solid #dfdfdf
}

.player_on_live_now{
	width:298px;
	height:168px;
	position:relative;
	cursor:pointer
}

.player_on_live_now img{
	width:298px;
	height:168px;
}
.on_live_now_play{
	width:60px;
	height:40px;
	position:absolute;
	background:url("../../images/on_live_now_play.png");
	left:50%;
	top:50%;
	margin:-30px 0 0 -20px
}

.player_on_live_now:hover .on_live_now_play{
	background:url("../../images/on_live_now_play.png") 0 -40px;
}
.player_on_live_now:active .on_live_now_play{
	background:url("../../images/on_live_now_play.png") 0 -80px;
}

.on_live_title{
	
}

.on_live_title a{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #dfdfdf;
	padding:10px;
	color:#333;
	display:block;
	text-decoration:none
}
.on_live_title a:hover{
	color:#00a0da
}
.player_on_live_info{
	padding:10px;
	font-size:11px;
	color:#999;
	line-height:13px
}

.player_on_live_info img{
	width:35px;
	height:20px;
	padding:2px;
	border:1px solid #dfdfdf
}

.player_on_live_info_channel{
	margin-left:5px;

	display:inline-block;
	width:150px;
	overflow:hidden
}

.player_on_live_info_channel a{
	display:block;
	color:#333;
	font-weight:bold;
	white-space:nowrap
}
.player_on_live_view{
	border-left:1px solid #dfdfdf;
	padding-left:10px
}
.player_on_live_view strong{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#333
}

/* suggeste channels */
.suggested_channels{
	background:#343434;
	margin-top:10px;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.75)
}

.suggested_channels_title{
	color:#999;
	font-size:18px;
	padding:10px 15px
}

.suggested_channels_item{
	border-bottom:1px solid #494949;
	padding:10px 0;
	margin:0 15px
}

.suggested_channels_item:last-child{
	border-bottom:0;
}
.suggested_channel_image img{
	width:54px;
	height:30px
}

.suggested_channel_info span{
	display:block;
	white-space:nowrap;
	font-size:11px;
	line-height:14px;
	color:#999;
	margin-left:10px;
	width:175px;
	overflow:hidden
}

.suggested_channel_info span a{
	color:#999;
	text-decoration:none
}

.suggested_channel_info span span{
	border-left:1px solid #494949;
	display:inline;
	margin:0 7px;
	font-size:9px;
}

.suggested_channel_info span a:hover{
	color:#fff;
}
.suggested_channel_info .suggested_channel_name a{
	color:#fff;
	font-size:12px;
	font-weight:bold
}
.suggested_channel_info .suggested_channel_name a:hover{
	color:#00a0da;
}
.suggestion_channel_add a{
	display:block;
	width:21px;
	height:21px;
	background:url("../../images/suggestion_channel_add.png") no-repeat;
	margin-top:3px
}

.suggestion_channel_add a:hover{
	background:url("../../images/suggestion_channel_add.png") 0 -21px no-repeat;
}
.suggestion_channel_add a:active{
	background:url("../../images/suggestion_channel_add.png") 0 -42px no-repeat;
}

.suggestion_channel_add.disabled a{
	background:url("../../images/suggestion_channel_add.png") 0 -63px  !important;
}

.aside_categories{
	padding:15px 0
}
.aside_categories ul {
	margin:0;
	padding:0;
	margin-left:14px;	
}

.aside_categories ul li {
	float:left;
	width:140px
}

.aside_categories ul li a {
	color:#333;
	font-size:12px;
	text-decoration:none;
	width:135px;
	text-overflow:ellipsis;
	overflow:hidden;
	display:inline-block;
	white-space:nowrap;
}
.aside_categories ul li a:hover {
	color:#00a0da;
}


/* aside end */



/* content start */

.main_content{
	width:670px;
	margin-left:10px;
	color:#666
}
.main_content a{
	color:#4a6aad;
	font-weight:bold
}

section.video_item{
	background:#fff;
	padding:15px 0 10px 0;
	border:1px solid #dfdfdf;
	box-shadow:0 1px 1px rgba(0,0,0,0.05);
	margin-bottom:15px
}

.video_item_channel_logo{
	padding: 3px;
	background:#efefef url("../../images/bg.png");
	border:1px solid #dfdfdf;
	border-left:0;
	border-radius:0 2px 2px 0;
	margin-left:-1px
	
}

.video_item_channel_logo img{
	width:63px;
	height:35px;
	display:block
}

.video_item_channel_inf{
	width:590px;
}
.video_item_mov{
	position:relative;
	cursor:pointer
}
.video_item_mov img{
	width:185px;
	height:104px;
	display:block
}

.video_item_play{
	position:absolute;
	background:url("../../images/video_item_play.png");
	width:42px;
	height:28px;
	left:50%;
	top:50%;
	margin:-14px 0 0 -21px
}

.video_item_mov:hover .video_item_play{
	background:url("../../images/video_item_play.png") 0 -28px;
}

.video_item_mov:active .video_item_play{
	background:url("../../images/video_item_play.png") 0 -56px;
}

.video_item_time{
	background: -moz-linear-gradient(top,  rgba(52,52,52,0.8) 0%, rgba(52,52,52,0.8) 1%, rgba(22,22,22,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,52,52,0.8)), color-stop(1%,rgba(52,52,52,0.8)), color-stop(100%,rgba(22,22,22,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(52,52,52,0.8) 0%,rgba(52,52,52,0.8) 1%,rgba(22,22,22,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(52,52,52,0.8) 0%,rgba(52,52,52,0.8) 1%,rgba(22,22,22,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(52,52,52,0.8) 0%,rgba(52,52,52,0.8) 1%,rgba(22,22,22,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(52,52,52,0.8) 0%,rgba(52,52,52,0.8) 1%,rgba(22,22,22,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc343434', endColorstr='#cc161616',GradientType=0 ); /* IE6-9 */
	position:absolute;
	right:3px;
	bottom:3px;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	padding: 2px 4px;
	border-radius:2px
}

.video_item_mov_inf{
	margin-left:15px;
}

.video_item_mov_inf > span{
	display:block;
	width:375px;
}

.video_item_mov_title {
	white-space:nowrap;
	text-overflow:ellipsis;
	width:355px;
	overflow:hidden
}
.video_item_mov_desc{
	font-size:12px;
	margin-top:5px;
	height:30px;
	overflow:hidden
}
.video_item_mov_title a{
	color:#333;
	font-weight:bold
}
.video_item_mov_title a:hover{
	color:#00a0da;
	text-decoration:none
}

.video_item_liked img{
	width:20px;
	height:20px;
	vertical-align:middle
}

.video_item_liked {
	margin-top:15px;
	font-size:11px;
	line-height:20px;
	color:#999
}

.video_item_liked > span{
	margin: 0 3px
}

.video_item_liked > span > strong{
	color:#666
}

.video_item_liked > span > span{
	margin: 0 10px;
	border-left:1px solid #999
}

.video_item_liked a{
	text-decoration:none
}

.video_item_inf{
	color:#999;
	font-size:11px;
	margin-right:15px;
	line-height:20px;
	margin-top:10px;
	display:inline-block;
	vertical-align:top
}
.video_item_inf a{
	max-width:135px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	vertical-align:top
}

section.video_item_short{
	background:#fff;
	padding:15px 0 10px 0;
	border:1px solid #dfdfdf;
	box-shadow:0 1px 1px rgba(0,0,0,0.05);
	margin-bottom:15px
}

.video_item_short_mov{
	width:585px;
}

.video_item_short_sec{
	width:185px;
	margin-left:10px;
	float:left;
	overflow:hidden
}

.video_item_short_title{
	line-height:15px;
	height:30px;
	overflow:hidden;
	margin-top:5px
}
.video_item_short_title a{
	color:#333;
	font-weight:bold;
	font-size:12px;

}
.video_item_short_title a:hover{
	color:#00a0da;
	text-decoration:none
}

.video_item_short_info{
	margin-top:10px
}

.video_item_short_info span{
	display:block;
	font-size:11px;
	color:#999;
	white-space:nowrap
}

.video_item_short_info span strong{
	color:#666
}

.video_item_short_info span a{
	color:#333;
	text-decoration:none;
	font-weight:bold
}

.video_item_short_info span a:hover{
	color:#00a0da;
}

.tv_channels_list{
	background:#fff;
	padding:15px 0 10px 0;
	border:1px solid #dfdfdf;
	box-shadow:0 1px 1px rgba(0,0,0,0.05);
	margin-bottom:15px
}

.tv_channels_list_title{
	font-size:18px;
	color:#333;
	margin:0 15px;
	font-weight:bold
}
.tv_channel_list_item{
	margin:10px 0 0 35px
}
.tv_channel_list_item > div{
	width:142px;
	float:left;
	margin-right:10px;position:relative
}


.tv_channel_list_item > div img{
	border:1px solid #dfdfdf;
	width:142px;
	height:81px
}

.tv_channel_list_item > div a:hover img{
	border:1px solid #777
}
.tv_channel_list_item > div > span a{
	display:block;
	color:#333;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	width:140px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.tv_channel_list_item > div > span a:hover{
	color:#00a0da;
}
.tv_channel_list_item .tv_channel_follow {
	width:21px;
	height:21px;
	background:url("../../images/tv_channel_list_follow.png");
	display:block;
	position:absolute;
	right:4px;
	bottom:23px
}

.tv_channel_list_item .tv_channel_follow:hover {
	background:url("../../images/tv_channel_list_follow.png") 0 -21px;
}
.tv_channel_list_item .tv_channel_follow:active {
	background:url("../../images/tv_channel_list_follow.png") 0 -42px;
}
.tv_channel_follow.unsubscribe {
	background:url("../../images/tv_channel_list_follow.png") 0 -63px!Important;
}

	
/* content end */

/********* NEW MAIN PAGE END***************/




/********* NEW CHANNELS PAGE START***************/

section.channels_container{
	background:#fff;
	border:1px solid #dfdfdf;
	box-shadow:0 1px 1px rgba(0,0,0,0.05);
	margin-bottom:15px
}

.channels_container_title{
	border-bottom:1px solid #ccc;
	line-height:45px;
	color:#333;
	font-size:18px;
	padding:0 15px;
}

.channels_container_title .right a{
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.channel_section {
	margin:0;
	padding:0;
	margin-left:-10px;
}
.channel_section li{
	width:142px;
	float:left;
	margin-left:24px
}

.channel_section span{
	display:block
}

.channel_section_title{
	width:142px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:10px;
}
.channel_section_title a{
	color:#333;
	font-size:13px;
	font-weight:bold
}
.channel_section_img{
	width:142px;
	overflow:hidden;
	margin-top:5px;
	position:relative
}
.channel_section_img img{
	border:1px solid #dfdfdf;
	width:140px;
	height:79px;
	display:block
}
.channel_section_img .tv_channel_follow {
	width:21px;
	height:21px;
	background:url("../../images/tv_channel_list_follow.png");
	display:block;
	position:absolute;
	right:4px;
	bottom:4px;
	cursor:pointer
}

.channel_section_img .tv_channel_follow:hover {
	background:url("../../images/tv_channel_list_follow.png") 0 -21px;
}
.channel_section_img .tv_channel_follow:active {
	background:url("../../images/tv_channel_list_follow.png") 0 -42px;
}

.channel_section_img .channel_section_live{
	display:block;
	position:absolute;
	width:39px;
	height:15px;
	background:url("../../images/channel_section_live.png") no-repeat;
	posiotion:absolute;
	top:4px;
	right:4px
}
.channel_section_info{
	font-size:11px;
	color:#999;
	margin-top:5px
}

.channel_section_info span{
	min-height:25px;
	height:25px;
	overflow:hidden
	
}
.channel_section_viewers{
	line-height:12px;
	width:70px
}

.channel_section_premium{
	border-left:1px solid #e5e5e5;
	line-height:12px;
	width:60px;
	padding-left:7px;
	overflow:hidden
}

.channel_section_viewers strong{
	color:#333;
	font-weight:bold;
	font-size:11px;
	display:block
}

.channel_section_author{
	margin:10px 0 15px 0;
	color:#999;
	font-size:11px;
	white-space:nowrap;
	width:140px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.channel_section_author a{
	color:#333;
	font-weight:bold;
}

.channel_section_separator{
	width:638px !important;
	border-bottom:1px solid #ccc
}
/********* NEW CHANNELS PAGE END***************/









/********* LIVE NOW PAGE START ***************/
.tabs_live_now{
	margin:0;
	padding:0
}

.tabs_live_now li a{
	background:#fff;
	border-radius:0;
	border:1px solid #ddd;
	border-bottom:0;
	margin-right:0;
	margin-left:-1px;
	margin-bottom:1px;
	color:#999;
	font-size:16px;
	font-weight:bold;
	line-height:29px;
	padding-right:15px;
	padding-left:15px
}

.tabs_live_now li a:hover{
	background:#fafafa;
	border:1px solid #ddd;
	border-bottom:0;
	color:#777;
}

.tabs_live_now > .active > a,
.tabs_live_now > .active > a:hover {
	color: #555555;
	background: #efefef url("../../images/bg.png");
	border-bottom-color: transparent;
	cursor: default;
	margin-bottom:-1px;
	color:#333;
	font-size:16px;
	font-weight:bold
}


ul.channels_video_live {
	margin:0;
	padding:0;
	margin-left:-17px !important;
	width:687px;
}

ul.channels_video_live li{
	width:210px;
	float:left;
	margin-left:17px;
	border:1px solid #dfdfdf;
	margin-top:11px;
	margin-bottom:5px;
	box-shadow:0 1px 1px rgba(0,0,0,0.05);
	background:#fff;
}


ul.channels_video_live img{
	max-width:100%;
	display:block
}
.video_live_tmb{
	cursor:pointer
}

.video_live_tmb img{
	width:210px;
	height:118px;
}
.video_live_tmb .video_live_play{
	position:absolute;
	background:url("../../images/video_item_play.png");
	width:42px;
	height:28px;
	left:50%;
	top:50%;
	margin:-14px 0 0 -21px
}

.video_live_tmb:hover .video_live_play{
	background:url("../../images/video_item_play.png") 0 -28px;
}

.video_live_tmb:active .video_live_play{
	background:url("../../images/video_item_play.png") 0 -56px;
}

.channels_video_live_title {
	margin:7px 10px;
	display:block;
	height:36px;
	overflow:hidden;
}

.channels_video_live_title a{
	line-height:18px;
	font-size:14px;
	color:#333;
	font-weight:bold
}

.video_live_info{
	display:block;
	border-top:1px solid #dfdfdf;
	color:#999;
	font-size:11px;
	padding:7px 10px;
	line-height:12px
}

.video_live_info_name {
	display:block;
	width:106px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.video_live_info_name a{
	display:block;
	color:#333;
	font-weight:bold;
	line-height:20px
}

.video_live_info_viewers{
	width:65px;
	overflow:hidden;
	border-left:1px solid #dfdfdf;
	margin-left:7px;
	padding-left:7px;
	white-space:nowrap
}
.video_live_info_viewers strong{
	color:#333;
	font-size:16px;
	font-weight:bold;
	display:block;
	line-height:16px
}


.video_live_no_content{
	width:630px;
	margin:15px auto;
	background:#fff;
	padding:20px
}

.video_live_no_content img{
	width:115px
}
.video_live_no_content_message{
	margin-left:30px;
	font-size:20px;
	color:#999;
	width:340px;
	font-family:Myriad Pro;
	margin-top:10px
}

.video_live_no_content_message span{
	display:block
}

.video_live_no_content_message span strong{
	font-size:40px;
	color:#666;


/********* LIVE NOW PAGE END ***************/