html, body
{
	height: 100%;
}

#wrap
{
	position: relative;
	width: 980px;	
	background: url(/image/tv/funky_bg_a.jpg) no-repeat 50% 55px;
	margin: 0 auto;
	min-height: 100%;
}

* html #wrap { height: 100%; }

#wrapDark, #wrapLight, #wrapNone { padding-bottom: 98px; }

#contentTopCap, #contentBottomCap
{
	margin: 0 -39px;
	padding-top: 36px;
	width: 806px;
	background: transparent;
}

#contentBody
{
	margin: 0 auto;
	width: 728px;
	padding: 0 39px;
	background:transparent;
}

#wrapLight #contentTopCap { background: transparent url(/image/tv/contentTopCap.png) no-repeat top left; }
#wrapLight #contentBottomCap { background: transparent url(/image/tv/contentBottomCap.png) no-repeat bottom left; }
#wrapLight #contentBody { background: white url(/image/tv/contentBody.png) repeat-y top left; }

#wrapDark #contentTopCap { background: transparent url(/image/tv/contentTopCapDark.png) no-repeat top left; }
#wrapDark #contentBottomCap { background: transparent url(/image/tv/contentBottomCapDark.png) no-repeat bottom left; }
#wrapDark #contentBody { background: white url(/image/tv/contentBodyDark.png) repeat-y top left; }


#cornerbanner
{
	text-indent: -1000em;
	overflow: hidden;
	width: 128px;
	height: 128px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: transparent url(/image/tv/digitalhollywood09.gif) no-repeat top left;
}

#cornerbanner:hover
{
	background-position: bottom left;
}

p
{
	margin-bottom: 10px;
}

#footer
{
	position: relative;
	margin: 0 auto;
	margin-top: -62px;
	padding-top: 5px;
	height: 55px;
	background: url(/image/tv/footer_tile.gif) top left repeat-x;
	text-align: center;
	width: 843px;
	border: 2px solid #333;
	border-bottom: 0;
}
				
#footer p
{
	color: #707070;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: center;
	width: 700px;
	font-size: 10px;
}

#footer #tlfoot, #footer #trfoot
{
	position: absolute;
	top: -2px;
}

#footer #tlfoot { left: -2px; }
#footer #trfoot { right: -2px; }

/* elderly styles */



a {
	color: #08c;
}
	 a:hover {
		color: #0af;
		text-decoration: underline;
	}	
	 a:visited {
		color: #058;
	}

	a h4 {
		padding: 5px 0 0 0;
		color: #346;
	}

.title {
	font-weight: normal;
}
		
.black_layout h2{
	color: #fff;
}
	
.black_layout table {
	color: #fff;
}

ul.square_bullet li{
	margin: 3px 0 3px 5px;
	list-style-image: url(/image/tv/bullet_square_blue.jpg);
	color: #808285;
}

.black_layout {
	color: #888;
}

.black_layout input, .black_layout textarea {
	color: #888;
	background: #222;
}

.black_layout input, .black_layout textarea, .black_layout select{
	border: 1px solid #666;

}
	
.clr {
	clear: both;
} 	
/******* rounded corners white box ********/	
			
.white_box {
	background: #fff url(http://cdn.videoclix.tv//image/tv/slice_top_white.jpg) 0 0 repeat-x;
	height: 23px;
	width: 800px;
	margin: 0 auto;
}

.white_box .tl_white {
	background: url(http://cdn.videoclix.tv//image/tv/corner_top_left_white.jpg) 0 0 no-repeat;
	height: 23px;
}

.white_box .tr_white {
	background: url(http://cdn.videoclix.tv//image/tv/corner_top_right_white.jpg) 100% 0 no-repeat;
	height: 23px;
}



.white_box .m_white {
	min-height: 400px;
	width: 756px;  /* 800px - 2px - 2px (borders) - 20px -20px (padding) */
	border-width: 0 2px;
	border-color: #747474;
	border-style: solid;
	padding:  5px 20px;
	background: #fff;
	margin: 0 auto;
	color: #5e5e5e;
	text-align: left;
}

.white_box .b_white {
	width: 800px;
	height: 9px;
	background: url(http://cdn.videoclix.tv//image/tv/slice_bottom_white.jpg) 0 0 repeat-x;
	margin: 0 auto;
}

.white_box .bl_white {
	background: url(http://cdn.videoclix.tv//image/tv/corner_bottom_left_white.jpg) 0 0 no-repeat;
	height: 9px;
}

.white_box .br_white {
	background: url(http://cdn.videoclix.tv//image/tv/corner_bottom_right_white.jpg) 100% 0 no-repeat;
	height:9px;
}
							
			
				
/**** rounded corners black box *****/
	
.dark_box .bl {
	background: url(http://cdn.videoclix.tv//image/tv/corner_bottom_left.jpg) 0 100% no-repeat;
}

.dark_box .tr {
	background: url(http://cdn.videoclix.tv//image/tv/corner_top_right.jpg) 100% 0 no-repeat;
	padding: 18px 14px 19px 14px;
	text-align: left;
	color: #ddd;
}		
	
.dark_box .tl {
	background: url(http://cdn.videoclix.tv//image/tv/corner_top_left2.jpg) 0 0 no-repeat;
}

.dark_box .br {
	background: url(http://cdn.videoclix.tv//image/tv/corner_bottom_right.jpg) 100% 100% no-repeat;
}
			
.dark_box {
	background: #000 url(http://cdn.videoclix.tv//image/tv/slice_top.jpg) 0 0 repeat-x;
	margin: 0 auto;	
}

.dark_box .l {
	background: url(http://cdn.videoclix.tv//image/tv/slice_left.jpg) 0 0 repeat-y;
}

.dark_box .b {
	background: url(http://cdn.videoclix.tv//image/tv/slice_bottom.jpg) 0 100% repeat-x;
}

.dark_box .r {
	background:  url(http://cdn.videoclix.tv//image/tv/slice_right.jpg) 100% 0 repeat-y;
}

.dark_box h2 {
	color: #fff;
}

.dark_box table {
	color: #fff;
}


/****** layout ********/
	
#table_layout {
	height: 100%; 
	width: 980px;	
	background: url(http://cdn.videoclix.tv/image/tv/funky_bg_a.jpg) 50% 55px no-repeat;
	margin: 0 auto;
}
		
	#table_layout td.black_layout {
		vertical-align: top;
		text-align: center;		
	}
	
				
				

/***** player box *******/

#player {
	margin: 0 auto 30px auto;
	width: 687px;
	text-align: center;
}
							
	#player .dark_box .bl {
		background: url(http://cdn.videoclix.tv//image/tv/corner_bottom_left2.jpg) 0 100% no-repeat;
	}
						
	#player .dark_box .tr {
		background: url(http://cdn.videoclix.tv//image/tv/corner_top_right.jpg) 100% 0 no-repeat;
		padding: 22px 23px 21px 24px;
	}
	
#watchMovieInfo
{
	margin-top: 20px;
}

#watchMovieInfoButton
{
	cursor: pointer;
	display: block;
	width: 60px;
	height: 20px;
	background: transparent url(/image/tv/btn_info.png) no-repeat top left;
	text-indent: -100em;
	overflow: hidden;
	margin: -20px auto 0 auto;
}

#watchMovieInfoButton.isOpen
{
	background-image: url(/image/tv/btn_close.png);
}
					
/***** panel controls ****/	
					
#close {
	width: 687px;
	text-align: right;
	margin: 0 auto;
	padding: 7px 0 8px 0;
}

#feedback {
	width: 687px;
	text-align: right;
	margin: 0 auto;
	padding: 7px 0 8px 0;
}

#show_info {
	width: 687px;
	text-align: right;
	margin: 0 auto;
	padding: 7px 0 8px 0;
}
			
		
					
/****** movie info panel ********/	
		
#info_panel {
	margin: 0 auto;
	width: 687px;
	padding: 0 0 30px 0;
}	
					
div.movie_info {
	background: #101010;
	width: 200px;
	margin: 0 25px 5px 0;
	color: #fff;
	font-size: 0.9em;
	padding: 10px;
	float: left;
}

	div.movie_info div#movie_image {
		margin: 0 10px 10px 0;
		float: left;
	}
	
	div.movie_info div#movie_image img {
		width: expression("100px");
		height: expression("75px");
	}
	
	div.movie_info h3 {
		color: #FFF;
		font-size: 1em;
		margin: 0;
	}
	
	div.movie_info p {
		color: #999;
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 1em;
	}
	
	div.movie_info p.label {
		padding: 0;
		margin: 0;
		color: #09f;
	}

div#list {
	float: right;
	width: 395px;
	background: #ccc;
}
	
	div#list table {
		width: 395px;
	}
	
	div#list td {
		border-bottom: 3px solid #000;
	}
	
		td.object_headline {
			font-size: 0.8em;
			color: #888;
			vertical-align: middle;
			padding: 5px;
			text-align: left;
		}
		
			td.object_headline h3{
				color: #FFF;
				margin: 0;
				padding: 0;
				font-size: 1.2em;
			}
		
				td.object_headline h3 a{
					text-decoration: none;
					color: #fff;
					font-size: 0.8em;
				}
			
			td.object_headline p {
				margin: 0;
				padding: 0 5px 0 0;
				color: #888;
				font-size: 1em;
			}
			
		td.object_image {
			vertical-align: top;
			padding: 5px 0 0 5px;
		}
			
			td.object_image img {
				border-width: 0;
				width: expression("24px");
				height: expression("24px");
			}
			
		td.view_link {
			vertical-align: top;
			text-align: right;
			padding: 5px 5px 0 0;
		}
	
	div#list tr.odd td{
		background: #262626;
	}
	
	div#list tr.even td{
		background: #101010;
	}