#container{
	position: relative; width: 960px; margin: 0 auto; padding-top: 17px; 
}
.bb_clear {
	clear: both; height: 0px; line-height: 0px; font-size: 0px;
}
.new_white_bg {
	padding: 34px 32px;
	background-color: white;
}
.new_form_label {
	padding: 2px 0; color: #333333; font-size: 15px;
}
.new_form_text_input {
	height: 21px; line-height: 21px; border: 2px solid #919191;
}
.new_form_text_select {
	height: 28px; line-height: 28px; border: 2px solid #919191;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
}
.new_form_space {
	height: 30px; line-height: 30px;
}
	
	#header{
		position: relative; padding: 0;  width: 976px;  padding: 0 12px 10px; background-color:#ffffff;  margin-left:auto; margin-right:auto;
	}



		
	/*	#header *{
				outline: #ccc 1px solid;
			}*/
		
		/*#logo{
			width: 100%;  height: 85px; margin-top: 0px;
		}*/
		#logo{
			width: 435px;  height: 85px; margin-top: 0px; float: left;
		}
				
			
			#logo h1{
				position: relative; width: 435px; height: 80px;
			}
			
			
			#logo a{
				position: relative; display: block; width: 100%; height: 100%;
				text-indent: -999em;
			}
			
		.search_btn_div {
			width:320px; display:inline-block; text-align:right;
		}
		#institution-logo{
			position: absolute; right: 40px; top: 15px; padding: 2px;
		}
		.institution_logo {
			float:right;
		}
		img.client_logo {
			/*width:100px; height: 70px; 
			object-fit: contain; -moz-object-fit:contain; -ms-object-fit:contain; -o-object-fit:contain; -webkit-object-fit:contain;
			*/
			height:70px;width:auto; max-width: 200px;
		}
		
		.home_icon {
			margin-bottom: 10px;
			width:30px;
			height:20px;
			display:block;
			background:transparent url('../images/house.png') center top no-repeat;
		}
		.home_icon:hover {
			background:transparent url('../images/house_orange.png') center top no-repeat;
		}

/*-----------------global  search div  styles-------------------*/		
		/*input[type=search].global_search_box {
			-webkit-appearance: textfield;
			-webkit-box-sizing: content-box;
			font-family: inherit;
			font-size: 100%;
		}
		input::-webkit-search-decoration,
		input::-webkit-search-cancel-button {
			display: none;
		}*/
		.global_search_icon {
			position:relative;top:55px; cursor:pointer;
		}
		input[type=search].global_search_box {
			
			position:absolute;
			top:-100px;
			right:-500px;
			/*padding:5px 10px 5px 5px;*/
			width:0px;
			height:0px;
			border:none;
			color:transparent;
			
		}
		input[type=search]:hover {
			background-color:#fff;
		}
		input[type=search]:focus {
			outline:none;
			/*-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
			-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
			box-shadow: 0 0 5px rgba(109,207,246,.5);*/
		}
		.global_search_box_focused {
			position:relative;
			perspective:100px;
			top:40px;
			width:450px;
			height:30px;
			z-index:10;
			background-color:#fff;
			border:1px solid #E9A73E;
			padding:0 10px;
			cursor:text;
			
			-webkit-border-radius:15px;
			-moz-border-radius:15px;
			border-radius:15px;
			
			-webkit-transition:all 1s;
			-moz-transition: all 1s;
			transition:all 1s;	
			
			
		}

/*-----------------end of global  search div  styles-------------------*/	

		#main-nav{
			position: relative; width: 100%; margin-top: 6px; z-index: 10;
			border-top: 1px #bfbfbf solid;
		}
		
			#main-nav > ul > li{
				float: left; 
				padding-left:0px; padding-right: 8px; 
				padding-top: 8px; padding-bottom: 0px;
				margin-right: 7px; width: 195px; margin-bottom: 0px; margin-top: 8px; margin-left: 0px;
					
			}
		
			#main-nav li{
				padding: 8px 0px; width: 135px;			
						
			}	
			#main-nav > ul > li > ul > li {
				width: 180px;
				padding-left: 8px;
				padding-top: 8px;
				padding-bottom: 8px;
				cursor: pointer;
			}
								
		
		#breadcrumbs{
			/*float: left; font-size: 13px;clear: both; width: 100%; margin-bottom: 8px; margin-top: 8px; margin-left: -1px;*/
		}
				
		#search{
			position: absolute; top: 97px; right: 40px; width: 185px; padding-top: 12px; z-index: 2000;
		}	
			#search.jsenabled{
				position: absolute; left: 50%; padding-left: 275px; right: auto; top: 114px; height: 0;
			}
		
		
			#main-search{
				position: relative; z-index: 2;  height: 20px; line-height: 20px;
			}
			
			
			
			#search #search-button{
				position: relative; z-index: 2; margin-right: -20px; width: 32px; padding-left: 0; padding-right: 0;
			}
			
			#search-extra{
				display: none;
				position:absolute; top: 0px; right: -12px;  width: 185px; padding: 12px;  padding-top: 45px; z-index: 1;
				
				
			}
			
				#search-extra p{
					margin: 5px 0; font-size: 11px;
				}
				
				#search-extra label{
					margin: 5px 0; font-size: 14px; font-weight: bold;
				}
				
				#search-extra select{
					width: 100%; margin: 5px 0;
				}
				
				#search-extra .button{
					width: 100%; margin: 5px 0 0 0; padding-left: 0; padding-right: 0;
				}
				
			#search input.text{
				width: 144px;
			}
			
			#user-message{
				position: absolute; right: 40px; top:214px; text-align: right; color: #999;
			}
	
	
	#page-title{
		margin: 0; border-bottom: #ccc 0px solid;
	}
	
	
		.front #page-title{
			border-bottom: none;
		}
	
	#content{
		/*margin-top: -30px;*/
		/*padding-bottom: 10px*/ /*border: #f00 1px solid;*/
	}
	
	
	#content-top{
		position: relative;
	}
		.borders #content-top{
			/*border-bottom: #ccc 1px solid;*/
		}
		
	#secondary-content{
		padding: 20px; 
	}

	#secondary-content{
		margin-top: 18px;
	}

	#content-search {
		background-color: #dedede;
		padding: 10px; 
	}
	
	/* =================================== */
	/* = Layout for .main-side-620 pages = */
	/* =================================== */
	.main-side-620 #main-content{
		width: 620px; float: left; display: inline;
	}
	
	.main-side-620 #secondary-content{
		width: 260px; float: right; display: inline;
	}

	/* =================================== */
	/* = Layout for .main-side-680 pages = */
	/* =================================== */
	.main-side-680 #main-content{
		width: 680px; float: left; display: inline;
	}
	
	.main-side-680 #secondary-content{
		width: 200px; float: right; display: inline;
	}
	
	
	/* =================================== */
	/* = Layout for .side-main-680 pages = */
	/* =================================== */
	.side-main-680 #main-content{
		width: 680px; float: left; display: inline; 
	}
	
	.side-main-680 #secondary-content{
		width: 200px; float: right; display: inline;
	}
	
	/* =================================== */
	/* = Layout for .side-main-620 pages = */
	/* =================================== */
	.side-main-620 #main-content{
		width: 620px; float: left; display: inline; 
	}
	
	.side-main-620 #secondary-content{
		width: 260px; float: right; display: inline;
	}
	
	
	
	/*.main-side-680 .borders #main-content, .main-side-620 .borders #main-content{
		border-right: #ccc 1px solid; margin-right: -1px;
	}
	
	.main-side-680 .borders #secondary-content, .main-side-620 .borders #secondary-content{
		border-left: #ccc 1px solid; margin-right: -1px;
	}
	
	.side-main-680 .borders #main-content, .side-main-620 .borders #main-content{
		border-left: #ccc 1px solid; margin-left: -1px;
	}
	
	.side-main-680 .borders #secondary-content, .side-main-620 .borders #secondary-content{
		border-right: #ccc 1px solid; margin-left: -1px;
	}*/
	
	
	.box{
		padding-bottom: 20px; margin-bottom: 20px;
	}
 
 		/*.borders .box{
			border-bottom: #ccc 1px solid;
		}*/
	
		.main-side-680 #main-content .box, .main-side-620 #main-content .box, .side-main-680 #secondary-content .box, .side-main-620 #secondary-content .box{
			padding-right: 20px; margin-right: -20px;
		}
		
		.side-main-680 #main-content .box, .side-main-620 #main-content .box, .main-side-680 #secondary-content .box, .main-side-620 #secondary-content .box{
			padding-left: 20px; margin-left: -20px;
		}
	
	
	
	
	#footer{
		position: relative;width: 100%; 
	}
	
	#footer-inner{
		position: relative; width: 960px; margin: 0 auto; padding: 0; padding-bottom: 80px;
	}
	
		#actions{
			height: 54px; line-height: 54px; width: 100%; border-bottom: #636363 1px solid; margin-bottom: 16px; text-align: right;
		}
		
			#actions .buttons{
				position: absolute; height: 54px; width: 960px; text-align: left; margin: 0; padding: 0; margin-top: -2px; left: 0; top: 0;
			}
			
				#actions .buttons .wrap{
					display: inline-block; height: 21px; vertical-align: middle; border-right: #999 1px dotted; margin: 0 12px 0 0; padding: 0 14px 0 0; 
				}
					.buttons span .button{
						position: relative; vertical-align: top; top: -5px;
					}
				
				#actions .buttons span.last{
					border: none;
				}
			
			#actions .button{
				margin: 0;
			}
		
		
		#main-nav-2{
			float:left; margin-bottom: 10px;
		}
		
			#main-nav-2 li{
				float: left; width: 120px; margin-right: 26px; margin-left: 1px;
			}
				
				#main-nav-2 .live-channels{
			
				}
				
				#main-nav-2 .reports{
					width: 154px; margin-left: 0;
				}
			
			
				#main-nav-2 li strong{
					display: block; padding: 4px 0;
				}
			
					#main-nav-2 ul{
						padding: 6px 0;
					}
						#main-nav-2 li li{
							position: relative; float: none; margin: 4px 0;
						}
						
						#main-nav-2 li a{
							display: inline-block; width: 100%; padding: 5px; margin: -5px;
							border-radius: 4px;
						}
					

		#secondary-nav{
			position: absolute; bottom: 58px; left: 0;
		}	
			#secondary-nav li{
				float: left; padding-right: 10px; border-right: #818181 1px solid; margin-right: 10px;
			}
			#secondary-nav li.last{
				border-right: none;
			}
			
		#ecast{
			position: absolute; left: 0; bottom: 23px; line-height: 17px;
		}
			     
		
		#footer #inject{
			position: absolute; right: -1px; bottom: 41px; height: 25px; width: 85px; text-indent: -9999px; 
		}

			#inject #eagle, #inject .text{
				position: absolute; right: 0; top: 0; height: 25px; width: 28px; background: url(../images/inject-logo.gif) top left no-repeat;
			}
			#inject .text{
				width: 0;
				background-position: -28px 0; 

				-webkit-transition: width .5s ease-in-out;
				-moz-transition: width .5s ease-in-out;
				transition: width .5s ease-in-out;


			}

			#inject:hover .text{
				width: 85px;

				-webkit-transition: width .2s ease-in-out;
				-moz-transition: width .2s ease-in-out;
				transition: width .2s ease-in-out;
			}	                    

/* =================== */
/* = Page Components = */
/* =================== */					
			
.button, .ui-button{
	display: inline-block; padding: 8px 14px; line-height: 100%;
}
	
	.button:focus, .ui-button:focus{
		outline: none;
	}

.icon{
	display: inline-block;	width: 20px; height: 20px; padding: 0; margin: 0; border: none; overflow: hidden;
}

	.button .icon{
		position: relative; vertical-align: middle; margin: -9px 3px -7px -2px;
	}
	
	.button .right{
		 margin-left: 1px; margin-right: -2px;
	}

.table-buttons{
	margin: 10px 0;
}
	table thead .sort-up, table thead .sort-down{
		 position: relative; top: 2px; margin: 0 -6px 0 12px; height: 9px; float: right;
	}
		
	/*table thead .sort-up, table thead .sort-down{
		 	position: absolute; right: 0;
		}*/
	
	table.striped td, table.striped th{
		padding: 10px;  text-align: left;
	}

	table.striped .icon{
		 margin: -2px 2px -5px 0;
	}

ul.striped{
	margin-left: 0; padding-left: 0;
}

ul.striped li{
	margin-left: 0; padding: 5px 15px; list-style: none;
}


/* =============== */
/* = Forms Stuff = */
/* =============== */

div.form-notice{
	padding: 10px; margin: 10px 0 20px 0;
}

fieldset{
	padding: 10px; margin: 20px 0;
}

	fieldset h4{
		margin-bottom: 10px;
	}
	
	fieldset label{
		display: inline-block; margin-right: 10px; 
		/*min-width: 85px;*/
	}
	
	
		/* Form Elements and containers */
	.input-text, .input-select, .input-select-short, .input-date{
		display: inline-block; width: 100%; vertical-align: top; margin: 5px 0;
	}

	.input-text label, .input-select label, .input-select-short label, .input-date label{
		display: inline-block; width: 120px;
	}

	.input-text input, .input-select select, .input-date input{
		display: inline-block; 
		/*width: 250px;*/
	}
	
	.input-select-short select{
		display: inline-block; width: 70px;
	}
	
	.input-select select{
		width: 255px;
	}

	.input-date input{
		width: 220px;
	}

	.double-select select{
		width: 126px;  position: relative; left: -4px;
	}


	.ui-datepicker-trigger{
		position: relative; margin-left: 10px; top: 8px;
	}
	.ui-datepicker-trigger:hover{
		cursor: pointer;
	}
	
	
	


.radio-group .radio-item, .check-group .check-item{
	position: relative; display: inline-block; width: 170px; margin: 3px 0;
}
	
	.radio-group .radio-item{
		width: 410px; margin-right: 20px; vertical-align:top; font-size: 11px;
	}


		.radio-group .radio-item label{
			margin-left: 2px;
		}
	
.radio-group.with-label{
	position: relative; left: 125px;
}
	.radio-group.with-label label.radio-main{
		position: absolute; display: block; width: 115px; margin-left: -125px; font-size: 10px; margin-right: -20px;
	}

.radio-group.inline .radio-item{
	width: auto; margin-top: 5px;
}
	.radio-group.inline .radio-item input{
		width: auto;
	}	
	.radio-group.inline .radio-item label{
		position: relative; width: auto; min-width: 0; margin-left: 5px; top: -10px;
	}

	
	
	
.form-buttons{
	text-align: center; border-top: #ccc 1px solid; padding-top: 10px; margin-top: 10px;
}

	.form-buttons.right{
		text-align: right;
	}
	
	.form-buttons.left{
		text-align: left;
	}
	
	.form-buttons.left-right .button{
		float: right;
	}
	
	.form-buttons.left-right .button:first-child{
		float: left;
	}

	
input.full-width, button.full-width, a.full-width{
	width: 100%; padding-left: 0; padding-right: 0;
}


form .validation-error{
	color: #cc0000;
}


.image-upload .upload-controls{
	float: left; width: 300px;
}
	
	.image-upload .upload-controls .button{
		margin-top: 10px;
	}
	
.image-upload .upload-preview{
	float: right; width: 260px;height:140px; text-align: right;border:1px solid;
}

.image-upload .upload-preview-none{
	float: right; width: 260px;height:140px; text-align: center;border:1px solid;vertical-align:middle;
}

.form-break{
	margin: 10px 0; height: 1px; border-top: #ccc 1px solid;
}
.form-or-break{
	margin: 3px 0 8px 0; text-align: center; text-transform: uppercase; font-size: 9px; background: url(../images/or-break.gif) center center  no-repeat;
}


/* ========================= */
/* = Page Specific Layouts = */
/* ========================= */

/* Filters page */

#filters-form{
	margin: 0;
}

#filters-form section{
	padding-bottom: 70px;
}

#filters-form .form-buttons{
	position: absolute; bottom: 10px; right: 20px; width: 522px;
}


#filter-summary{
	display: block;
    margin-left: 40px;
    margin-right: 0;
    padding: 5px;
    position: relative;
    width: 150px;
}
	#filter-summary h3{
		padding: 7px 6px;
	}
	
	#filter-summary section{
		border-bottom: #ccc 1px solid; padding: 0 0 10px 0; margin: 10px 0;
	}
		#filter-summary ul, #filter-summary li{
			margin: 0; padding: 0; list-style: none;
		}
		#filter-summary li{
			margin: 5px 0;
		}
	#filter-summary .button{
		width: 100%; padding-left: 0; padding-right: 0;
	}


/* Comments sections */

.comments ul{
	margin: 25px 0 20px 0; padding: 0; list-style: none;
}

.comments li{
	margin: 0; padding: 0 0 3px 0; border-bottom: #ccc 1px solid; margin-bottom: 15px;
}
.comments li.last{
	border-bottom: none;
}	

	.comments .metadata{
		margin-bottom: -5px;
	}
	.comments li h5{
		font-size: 12px; display: inline;
	}
	.comments li .metadata .time{
		font-size: 11px; margin: 0;
	}
	.comments li p{
		font-size: 11px;
	}

/* Programme Details Page */


.programme-page #content-top{

}

.programme-page #page-title{
	position: relative; height: 55px; line-height: 55px; border-bottom: none; margin:  30px 0 0 0;
}
	
	.programme-page #page-title span{
		font-size: 16px; color: #666;
	}

	
		#flash-content{
			display: block; margin: 0 auto; width: 640px;
		}

	
	.live_channel_name, .live_channel_schedule {
		padding:14px 0 0 0;  font-family: 'Montserrat Bold', Arial, sans-serif; font-weight:700;
	}
	.live_channel_schedule a {
		text-decoration: none;
	}
	.live_channel_schedule a:hover {
		color: #000000;
	}
	
	.details div{
		margin: 12px 0;
	}
		.details .basic-details{
			margin-top: 0;
		}

	.details h4{
		margin: 5px 0;
	}

	.details .basic-details h4{
		display: inline;
	}
	
	.programme-page .related p{
		margin: 5px 0; 
	}
	
	.programme-page .related .icon{
		vertical-align: middle; margin-right: 5px;
	}
	
	
	
	
	
	.programme-page .radio-group .radio-item.even{
		width: 230px; margin-right: 0px;
	}

	

#programme-actions .button{
	width: 230px; text-align: left; margin-bottom: 5px;
}

#programme-links{
	position: relative;  float: right; margin-top: -70px;  width: 400px; text-align: right;
}
	#programme-links *{
		display: inline-block; text-align: left;
	}
	
	





#sources-tab {
    margin-left: 7px;
    width: 520px;
}
	

fieldset .main-question{
	margin: 0;
}

#emailfriend-name .label{
	width:20px; 
}

#add-related{
	margin-bottom: 0;
}

		
	#add-related #url{
		display: inline-block; width: 285px; margin-right: 10px;
	}
	
	#add-related #url-name{
		display: inline-block; width: 285px;
	}
	
	#add-related fieldset .button{
		width: 170px;
	}
	
	
	#add-related .radio-group{
		left: 145px;
	}

		#add-related label.radio-main{
			margin-left: -0px; width: 145px;
		}

		#add-related .radio-item{
			width: 440px; margin-right: 0;
		}
		
		#add-related .radio-item.even{
			width: 253px;
		}
		
		

.main-question input, .main-question textarea{
	display: block; width: 600px; margin: 13px 0
}


/* Channel List Page */

.channels h3{
	margin-bottom: 15px; border-bottom: #dadada 1px solid; padding-bottom: 16px; text-transform: uppercase;
}

.channels ul{
	float: left; clear: both; margin: 0 0 10px 0; padding-left: 0; list-style: none;
}

.channels li{
	margin: 0 16px 13px 0; padding: 8px; float: left;
}

.channels li.last{
	margin-right: 0;
}

/*  live strewam Channel List Page */
.livestreams h3{
	margin-bottom: 15px; border-bottom: #ccc 1px solid; font-size: 17px;
}

.livestreams ul{
	float: left; clear: both; margin: 0 0 10px 0; padding-left: 0; list-style: none;
}

.livestreams li{
	margin: 0 16px 13px 0; padding: 0px; float: left;
}

.livestreams li.last{
	margin-right: 0;
}


/*  library   List Page */
.library h3{
	margin-bottom: 15px; border-bottom: #ccc 1px solid; font-size: 17px;
}

.library ul{
	float: left; clear: both; margin: 0 0 10px 0; padding-left: 0; list-style: none;
}

.library li{
	margin: 3px 3px 3px 0; padding: 5px; float: left;
}

.library li img {
	height: 90px;
}

.library li.last{
	margin-right: 0;
}

/* presets page */

.presets td.mail{
	width: 10px;
}

.presets .icon{
	margin: 0 -5px -5px -5px;
}


/* Favourites Page */

.favourites #content-top{
	border-bottom: #ccc 1px solid; margin: 0 20px; padding: 0; margin-bottom: -5px;
}

.favourites fieldset{
	margin: 15px 0; font-size: 11px;
}


	.favourites #content-top fieldset select{
		width: 200px; margin-right: 13px;
	}
	
	.favourites #content-top fieldset input{
		width: 200px; margin-right: 13px;
	}
	
		.favourites #filter{
			display: inline-block; width: 495px; border-right: #ccc 1px solid; margin-right: 13px;  height: 30px; line-height: 30px; overflow: hidden; vertical-align: middle;
		}
			
			.favourites #filter .button{
				width: 118px;
			}
			
		.favourites #add{
			display: inline-block; margin-right: -10px;  height: 30px; line-height: 30px; overflow: hidden; vertical-align: middle;
		}
	
	
	.favourites #programmes{
		margin-bottom: 25px;
	}	
		.favourites .folder-big{
			margin-right: 5px;
 		}
	
	
	.favourites #related{
		width: 400px; margin-bottom: 30px; border-top: #ccc 1px solid;
	}
	
		.favourites #related tr td{
			border-right:none;
		}
		
			.favourites #related tr td:last-child{
				width: 50px;
			}
				.favourites #related tr td:last-child a{
					display: inline-block; border-left: #ccc 1px solid; padding: 0 10px 0 20px;
				}
		
		
	
	.favourites #add-related{
		width: 600px;
	}


/* login page */

.login #content-top{
	width: 906px; float: left; display: inline;  margin: 0 0 20px 20px; border: none; padding: 15px 0 15px 15px; height: 230px; overflow: hidden;
}

	.login #content-top img{
		float: left; margin: -15px 0 -15px 20px; margin-right: -40px;
	}
#login-feature{
	width: 605px; float: left;
}	



.login #main-content, .login #secondary-content{
	padding-top: 5px;
}

#content.login {
	font-size: 12px; margin-top: 20px;
}

.csscolumns #content.login .box{
	height: 280px;
	-moz-column-width: 300px; -moz-column-gap: 20px; 
	-webkit-column-width: 300px; -webkit-column-gap: 20px;
	column-width: 300px; column-gap: 20px;
}

.login .box1, .login .box2{
	width: 300px;  padding: 20px 20px 20px 0;  float: left;  margin: -20px 0;
}

.login .box1{
	border-right: #ccc 1px solid; margin-right: 0;
}

	.login .box1 ul{
		margin: 20px 0; padding: 0;
	}
		.login .box1 li{
			margin: 0; padding: 0; margin-left: 15px;
		}

.login .box2{
	border-left: #ccc 1px solid; margin-right: -40px; margin-left: -1px; width: 280px; padding-left: 20px;
}


.login input, .login select{
	width: 230px; margin-bottom: 10px;
}

.login #secondary-content fieldset{
	margin-top: 10px;
}
.login .button{
	margin-right: 10px;
}

/* home page */

ul.programme-list{
	padding: 0; margin: -20px;
}

	ul.programme-list li{
		position: relative; padding: 20px 20px 20px 188px; margin: 0; min-height: 100px; width: 413px;
	}
	
	ul.programme-list li:nth-child(odd), ul.programme-list li.odd{
		background-color: #fff;
	}
	
	ul.programme-list li:nth-child(even), ul.programme-list li.even{
		background-color: #F6F5F2;
	}

		ul.programme-list img{
			position: absolute; left: 20px; top: 20px;
			padding: 4px;
			border: 1px solid silver;
		}

	.features .ui-tabs-nav li{
		border-radius: 4px; border-bottom-width: 1px;  margin-left: 10px; 
	
	}
	
		.features .ui-tabs-nav li:first-child{
			margin-left: 0;
		}
		
		.features .ui-tabs-nav li:last-child{
			margin-right: -10px;
		}
		
	
		.features .ui-tabs-nav li a{
			width: 115px; text-align: center;
		}

	.features .ui-tabs-panel{
		margin-top: 25px;
	}
	
	

/* request recording page */

.request-recording fieldset{
	margin-top: 0;
}

.request-recording .radio-group .radio-item{
	width: 120px;
}


.requested-recordings table{
	width: 100%;
}

/* email alerts */

.email-alerts table{
	width: 100%;
}


.search-results .search-summary{
	padding:  10px 0; border-bottom: #ccc 1px solid; margin: 0px 0 10px 0; 
}

.search-results .search-summary *{
	vertical-align: middle;
}

.search-results .search-summary:first-child{
	margin-top: -20px;
}


.search-results table{
	width: 100%;
}

.search-results .search-term{
	margin-right: 20px;
}



.archived table{
	width: 100%;
}

#archived-info{
	margin: 10px 0; text-align: right;
}

.mySlideshow{
	float:right;	
}

.reports .table-filters{
	margin: -10px 0 10px 0; border-bottom: #ccc 1px solid; padding-bottom: 12px;
}

.reports .table-filters label{
	margin: 0 10px 0 15px;
}
	
.reports .table-filters input, .reports .table-filters select{
	width: 140px;
}

.reports .table-filters label:first-child{
	margin-left: 0;
}

.reports .table-filters .button{
	margin: 0 -50px 0 22px;
}


.reports table{
	width: 100%;
}

.autosignupform.error{
	   /* Move the error above the input element. */
    position: absolute;
    line-height: 1.5em;
    margin-top: -1.5em;

    background-color: red;
    color: white;
    padding: 0 2px;
}

.upload .steps{
	margin-bottom: 10px;
}

.upload fieldset{
	margin: 10px 0;
}

 .upload .check-group .check-item{
	width: 146px;
}
	 .upload .check-group .check-item label{
		font-weight: normal; font-size: 11px;
	}
.check-item-new {
	  -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.upload-3 #main-content h4{
	margin: 20px 0 10px 0; font: bold 12px Arial, sans-serif;
}

.upload .main-question{
	font-weight: bold; margin: 0; padding: 0;
}

	.upload .main-question p{
		margin: 0 0 10px 0; padding: 0; font-weight: 11px;
	}

.upload .viewers .radio-item{
	width: 260px;
}

.upload .encoded .radio-item{
	width: 180px;
}

/*---------player page's new styles--------*/
#player{
		padding-right:20px;
	}
	.favourites-tag{
		/*display: inline-block; width: 90px; height: 60px; background: url(../images/fav.jpg) top left no-repeat; background-size: 90px 60px; text-indent: -9999px; vertical-align: top;border: 1px solid #dedede;margin-right: 10px;*/
		/*display: inline-block; width: 77px; height: 93px; background: url(../images/favourites-tag.gif) top left no-repeat; text-indent: -9999px; vertical-align: top;*/
		display: inline-block; width: 60px; height: 60px; background: url(../images/favourites_orange.png) top right no-repeat; background-size: 40px 40px; text-indent: -9999px; vertical-align: top;margin-right: 0px;
		float:right;
	}
	#player_right_panel {
		background-color:#ffffff;
		height:390px;
		width:300px;
		padding:0 15px 0 20px;
		color:#282828;
		float:right;			
	}
	#program_details {
		
		
	}
	#program_details h3 {
		
	}
/*--------end of player page styles----------*/

/*-----video clipping css part---------*/
input.inout {
	width:70px;
	font-size:14px;
	background-color:#ccc;
	padding-left:10px;
}
input.inout:hover {
	cursor:not-allowed;
}
.inout_btn {
	background-color:#FAA123 !important;
	margin-bottom:5px;
}
.warning {
	display:none;
	background-color:#faa923;
	font-size:14px;
	border-radius:5px;
	padding:5px 10px;
	
}
#embeddingcode_panel div.clipin, div.clipout {
	display:inline-block;width:20%;margin:12px; text-align:center; font-size:16px;
}
#embeddingcode_panel div.buttons {
	display:inline-block;margin:12px;vertical-align:top; text-align:center;
}

/*-----end of video clipping part-------------*/

/*------------------------------------------------------------*/
/*-------start of home page sub menu css-------------------------------*/

a.active_tab {
	color:#f78500;
}
.program_group {
	width:306px;display:inline-block;float:left;padding:10px;
}
.hide_tab {
	display:none;	
}
.show_tab {
	display:block;	
}


/*-----start of home page favourate tab------------*/
.boxgrid{
    width: 300px;
    height: 180px;
    margin:10px;
    float:left;
    background:#fff;
    border: solid 2px #999;
    overflow: hidden;
    position: relative;
}
.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.boxcaption{
	
    float: left;
    position: absolute;
	top:155px;
    background: #000;
	color:#fff;
    height: auto;
	max-height:160px;
    width: 100%;
    opacity:.7;
	padding:5px;
	cursor:pointer;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     }
.captionfull .boxcaption {
     top: 160;
     left: 0;
 }
 .caption .boxcaption {
     top: 160;
     left: 0;
 }	 
/*-----end of home page favourate tab------------*/

/*------start of home page most viewed/recent tab---------------*/

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	transform-style: preserve-3d;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container, .front_part, .back_part {
	width: 300px;
	height: 180px;
}

/* flip speed goes here */
.flipper {
	transition: 2s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front_part, .back_part {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	
	position: absolute;
	top: 0;
	left: 0;
	
}

/* front pane, placed above back */
.front_part{
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back_part{
	padding:0;
	background-color:#f78500;
	color:#fff;
	opacity:.6;
	transform: rotateY(180deg);
	border:1px solid #ccc;
	text-align:center;
}
.back_part * {
	padding: 0 10px;
}

/*------end of home page most recent/ most viewed tab---------------*/
  
@media all and (orientation:portrait) { 
@media all and (orientation:landscape) { 
@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}