::-moz-selection{ background: #65c6cc; color:#fff; text-shadow: none; }
::selection { background:#65c6cc; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #65c6cc; }


a{
	-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

a.title_link{
text-decoration:none;	
/*color: #48a1b0;*/
font-weight:bold;
}
a.title_link:hover{
text-decoration:none;
}
a:link{
	color: #666666;
}
a:visited{
	color: #666666;
}

a.highlight:link, a.highlight:visited{
	/*color: #47a0af;*/
}

a:hover{
	color: #449ec2;
}
a:active{
	color: #449ec1;
}

.removefavourite {
	font-size:20px;color:#f00 !important;text-align:center;
}
.removefavourite:hover {
	font-weight:bold;
	text-shadow:2px 2px 2px #ccc;
}



body{
	/*background: url(../images/background.jpg) fixed top center no-repeat #000;*/
	
	background-color: #e6e6e6;
}

.error-msg{
	color:#F00;
}
 
.required
{
background-image:url(../images/icon_required.gif);
background-repeat:no-repeat;
padding-left:10px;
}	
 

#container{
	background: #fff; 
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8); box-shadow: 0 0 15px rgba(0,0,0,.8);
}

	#header{
		
	}
	
	#logo{
			}
	
		#logo h1{
			background: url(../images/logo.jpg) top left no-repeat;
		}
	
	.main-nav-top {
		border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
		padding: 8px;
	}
	.main-nav-top:hover, .main-nav-top-highlighted {
		background-color: #ffb000;		/* #d6d6d6  */
	    -webkit-transition: background-color 700ms linear;
	    -moz-transition: background-color 700ms linear;
	    -o-transition: background-color 700ms linear;
	    -ms-transition: background-color 700ms linear;
	    transition: background-color 700ms linear;
	}
	
	.main-nav-top strong {
		color: #000000;
	}
	.main-nav-sub > li {
		border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
	}
	.main-nav-sub > li:hover {
		background-color: #FFD973;
	    -webkit-transition: background-color 700ms linear;
	    -moz-transition: background-color 700ms linear;
	    -o-transition: background-color 700ms linear;
	    -ms-transition: background-color 700ms linear;
	    transition: background-color 700ms linear;
	}
	.main-nav-sub a:hover{
		color: #000000
	}
	
	
	
	
	#search-extra{
		background: #e0dfdc;  border: #ccc 2px solid;
		
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
		-o-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2);
	}
	
	.rgba #search-extra{
		background-color: rgba(224, 223, 220, 0.95);
	}
	
	
	#breadcrumbs{
		color: #828282;
	}
	
	#footer{
		background: url(../images/footer-bg.gif) bottom left repeat-x #333333; text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	}	
		
		#actions{
			color: #cccccc;
		}
		
		#help a{
			color: #65c6cc;
		}
		
		
		#main-nav-2 li strong{
			color: #e6e6e6; border-bottom: #636363 1px solid;
		}
		
			#main-nav-2 li li a{
				color: #ffb400;
			}
			
			#main-nav-2 li li a:hover, #main-nav-2 li li.active a{
				color: #fff;  background-color: #2e2e2e; 
			}
			
		#secondary-nav a, #ecast, #ecast a{
			color: #bababa;
		}
		#secondary-nav a:hover, #ecast a:hover{
			color: #ccc;
		}
			
	

#page-title{
	color: #333333;
}



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

div.form-notice{
	background: #dadada; color: #333; text-align: center;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}


fieldset{
	 background-color: #efefef; border: #d7d6d7 1px solid;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}
	
input.placeholder{
	color: #A9A9A9;
}	





.front #secondary-content h3{
	color: #d27103;
}


/* =================== */
/* = Page Components = */
/* =================== */

.button, .button:link, .button:visited, .button:active, .ui-button{
	background-color: #ffb000; color: #fff;   /*bg color #4e4e4e*/
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	
	/*border: #4e4e4e 1px solid;*/
	border:none;
	/*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
	/*-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1); box-shadow: 2px 2px 2px rgba(0,0,0,.1);*/	
	-webkit-transition: none; -moz-transition: none; transition: none;
	
}
	
	/*body .button.light{
		background-color: #e7e7e7; color: #787878; border-color: #d7d7d7;  text-shadow:none;
	}*/
	body .button.light{
		background-color: rgb(240,198,105); color: #787878; border-color: #d7d7d7;  text-shadow:none;
	}
	
	
	body .button.highlight, .button:hover, .ui-button:hover, .button.light:hover{
		background-color: #65c6cc; color: #fff; border-color: #65c6cc;
	}
	
	
	
	

	.icon{
		background: url(../images/icons-sprite.png) top left no-repeat; line-height: 20px; text-align: center; color: #f1f1f1;
	}
	/*---added this c .icon1 class on favourite folder icon, to make it bigger------*/
	.icon1{
		background: url(../images/icons-sprite1.png) top left no-repeat; line-height: 20px; text-align: center; color: #f1f1f1;
	}
	.zaption_logo{
	background: url(../images/zaption_icon_sprite.png);
	background-position: 0 -7px;
	width: 24px;
	height: 20px;
	}
	
	

		.phone		{ background-position: -20px 0; }
		.bug		{ background-position: -40px 0; }
		.question	{ background-position: -60px 0; }
		.thumb		{ background-position: -80px 0; }
		.bubble		{ background-position: -100px 0; }
		.embed		{ background-position: -120px 0; }
		.download	{ background-position: -140px 0; }
		.flag		{ background-position: -160px 0; }
		.favourite	{ background-position: -180px 0; }
		.mail		{ background-position: -200px 0; }
		.right		{ background-position: -220px 0; }
		.left		{ background-position: -240px 0; }
		.video		{ background-position: -260px 0; }
		.folder		{ background-position: -280px 0; }		
		.tick		{ background-position: -300px 0; }
		.dollar		{ background-position: -320px 0; }
		
		
		
		.sort-up		{ background-position: 0 -85px; }
		.sort-down		{ background-position: -20px -85px; }
		
		.highlight .sort-up		{ background-position: 0 -65px; }
		.highlight .sort-down		{ background-position: -20px -66px; }
		
		
		.folder-big		{ background-position: -80px -160px; line-height: 40px; font-size: 9px;}		
		.folder-big-highlight		{ background-position: -40px -60px; }
				
		.button.light .recommend { background-position: 0px -40px; }
		.button.light .movie, .dark.movie		{ background-position: 0 -40px; }
		.button.light .phone, .dark.phone		{ background-position: -20px -40px; }
		.button.light .bug, .dark.bug			{ background-position: -40px -40px; }
		.button.light .question, .dark.question	{ background-position: -60px -40px; }
		.button.light .thumb, .dark.thumb		{ background-position: -80px -40px; }
		.button.light .bubble, .dark.bubble		{ background-position: -100px -40px; }
		.button.light .embed, .dark.embed		{ background-position: -120px -40px; }
		.button.light .download, .dark.download	{ background-position: -140px -40px; }
		.button.light .flag, .dark.flag		{ background-position: -160px -40px; }
		.button.light .favourite, .dark.favourite	{ background-position: -180px -40px; }
		.button.light .mail, .dark.mail		{ background-position: -200px -40px; }
		.button.light .right, .dark.right		{ background-position: -220px -40px; }
		.button.light .left, .dark.left		{ background-position: -240px -40px; }		
		.button.light .video, .dark.video		{ background-position: -260px -40px; }
		.button.light .folder, .dark.folder		{ background-position: -280px -40px; }		
		.button.light .tick, .dark.tick		{ background-position: -300px -40px; }
		.button.light .dollar, .dark.dollar		{ background-position: -320px -40px; }
		
		.bright .recommend, .button:hover .recommend			{ background-position: 0px -20px; }
		.bright .movie, .button:hover .movie			{ background-position: 0px -20px; }
		.bright .phone, .button:hover .phone			{ background-position: -20px -20px; }
		.bright .bug, .button:hover .bug				{ background-position: -40px -20px; }
		.bright .question, .button:hover .question		{ background-position: -60px -20px; }
		.bright .thumb, .button:hover .thumb			{ background-position: -80px -20px; }
		.bright .bubble, .button:hover .bubble			{ background-position: -100px -20px; }
		.bright .embed, .button:hover .embed			{ background-position: -120px -20px; }
		.bright .download, .button:hover .download		{ background-position: -140px -20px; }
		.bright .flag, .button:hover .flag				{ background-position: -160px -20px; }
		.bright .favourite, .button:hover .favourite	{ background-position: -180px -20px; }
		.bright .mail, .button:hover .mail				{ background-position: -200px -20px; }
		.bright .right, .button:hover .right			{ background-position: -220px -20px; }
		.bright .left, .button:hover .left				{ background-position: -240px -20px; }
		.bright .zaption_logo, .button:hover .zaption_logo			{ background-position: 0px -40px; }
		
		.bright .video, .button:hover .video			{ background-position: -260px -20px; }
		.bright .folder, .button:hover .folder				{ background-position: -280px -20px; }
		
		.bright .tick, .button:hover .tick				{ background-position: -300px -20px; }
		.bright .dollar, .button:hover .dollar				{ background-position: -320px -20px; }
		

table.striped{
	border: #b9b9b9 1px solid;
}

	table.striped thead {
		border-bottom: #b9b9b9 1px solid;
	}

		table.striped thead th{
			
		background: url(../images/highlight.png) top left repeat-x #e9f3fa;
			
			background-image: -moz-linear-gradient(top, #bccbd5, #e9f3fa); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bccbd5),color-stop(1, #e9f3fa)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(#bccbd5, #e9f3fa); /* Chrome 10+, Saf6 */
			background-image: linear-gradient(top, #bccbd5, #e9f3fa);

			color: #1594aa;
		}		

		
		table.striped thead th.highlight{
			background: url(../images/highlight.png) top left repeat-x #e9f3fa;
			
			background-image: -moz-linear-gradient(top, #bccbd5, #e9f3fa); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bccbd5),color-stop(1, #e9f3fa)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(#bccbd5, #e9f3fa); /* Chrome 10+, Saf6 */
			background-image: linear-gradient(top, #bccbd5, #e9f3fa);

			color: #1594aa;
		
		}
		

		table.striped tbody td{
			border-right: #b9b9b9 1px solid; border-top: transparent 1px solid; border-bottom: transparent 1px solid;
		}
		
		
		table.striped tbody tr:first-child td {
			border-top: #B9B9B9 1px solid;
		}	

		/*table.striped tbody .even td{
					background-color: #fff; 
				}
				*/
		table.striped tbody tr:nth-child(even) td{
				background-color: #fff; 
			}
		
		
	/*	table.striped tbody tr.last td{
				border-bottom: #b9b9b9 1px solid;
			}*/
		table.striped tbody tr:last-child td{
			border-bottom: #b9b9b9 1px solid;
		}
		
		
		table.striped tbody .highlight td{
			
			
			background: url(../images/highlight.png) top left repeat-x #e9f3fa;
			background-image: -moz-linear-gradient(top, #bccbd5, #e9f3fa); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bccbd5),color-stop(1, #e9f3fa)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(#bccbd5, #e9f3fa); /* Chrome 10+, Saf6 */
			background-image: linear-gradient(top, #bccbd5, #e9f3fa); 
			
			color: #333;			
			border-top: #8fb4c9 1px solid; border-bottom: #c4d6df 1px solid;
		}
		
		table.striped_new tbody tr a {
			color:#f78500;
			text-decoration:none;
		}
		table.striped_new tbody tr a:hover {
			color:#65c6cc;
		}
		.table_striped_new_span {
			color:#333;
			font-weight:bold;
		}
		.view_more_link {
			float:right;
			color:#f78500;
		}
		table thead th .icon{
			
		}
			
 .border{
	border:1px solid #b9b9b9;
}
	


/*ul.striped li.odd{
	background-color: #e8e8e8; 
}*/

ul.striped li:nth-child(odd), ul.striped li.odd{
  background-color:#e8e8e8;
}




	
	
/* ======================== */
/* = Page Specific Colors = */
/* ======================== */
	

#filter-summary{
	background: #fff; border: #ccc 1px solid;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;	
}
	
	#filter-summary h3{
		background: #eee; color: #333;
		-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	}
	
	#filter-summary li{
		color: #666;
	}
	
	
/* login page */

.login #content-top{
	background: #333; color: #fff;
}


/* favourites page */

.folder-big:hover{
	color: #fff;
}




/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 6px 12px;
	display: inline-block;
	margin: 6px 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

/* Button 2 */
.btn-2 {
	background: #505050;
	color: #fff;
	box-shadow: 3px 3px #1e1e1e;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* Button 2a */
.btn-2-dark {
	border-radius: 0 0 0px 0px;
}

.btn-2-dark:hover {
	box-shadow: 3px 3px #0f0f0f;
	top: 2px;
}

.btn-2-dark:active {
	box-shadow: 3px 3px #0f0f0f;
	top: 2px;
}

.btn-flat-yellow {
	background: #ffb400;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 14px 40px;
}
.btn-flat-yellow:hover {
	background: #65c6cc;    /*a5a11d*/
}
.btn-flat-yellow:active {
	background: #ebbc00;
}

select .tv_recording_optgroup{
	background-color:#fff;
	font-style:normal;
	font-size:14px;
	margin:5px;
}
.tv_recording_optgroup option {
    background-color: white;
    color: black;
	font-size:12px;
}
.tv_recorded_icons {
	box-shadow: 3px 3px #c6c6c6;
}
.tv_recorded_icons_transition{
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.tv_recorded_icons:hover {
	box-shadow:0px 0px 15px 0px #000;
}
a.bounce {display:block; padding-top: 5px; padding-bottom: 0px; float: left;}
a:hover.bounce {display:block; padding-top: 0px; padding-bottom: 5px; float: left;}

/*------------pagination style------------------------*/
a.page_link{
	color:#000;
	background-color:#ccc;
	padding:5px;
}
/*----------end of pagination style----------------------*/
#myTableLib a.dark_grey_link {
	color:#333;
	text-decoration:underline;
}
#myTableLib a.dark_grey_link:hover {
	color:#f59e01;    /*#65C6CC*/
}

/*------enforcing main menu zaption button css -----*/
.zaption_button {
	background-color:#fff;
	padding:0px !important;
}
 .zaption_button:hover {
	background-color: #FFD973;
	    -webkit-transition: background-color 700ms linear;
	    -moz-transition: background-color 700ms linear;
	    -o-transition: background-color 700ms linear;
	    -ms-transition: background-color 700ms linear;
	    transition: background-color 700ms linear;
}