/* layout file for video page and all two-column based pages */

/* general layout */
#left-column {
	float: left;
	clear: none;
	width: 160px;
}

#right-column {
	float: left;
	clear: none;
	width: 778px;
	padding: 0 0 10px 10px;
	margin: 0 0 0 10px;
	border-left: 2px solid #e0e4e5;
	
	min-height:500px;
	height:auto !important;
	height:500px
}

	#right-column h2 {
		font-size: 20px;
		color: #444444;
		margin: 0;
		padding: 10px 0 6px 0;
	}
	
	#right-column h3 {
		font-size: 20px;
		color: #034ea2;
		margin: 0;
		padding: 12px 0 0 0;
	}
	
		/* video related stuff */
		#video-active {
			float: left;
			clear: both;
			width: 778px;
			padding-right: 10px;
			margin-bottom: 10px;
			border-bottom: 2px solid #e0e4e5;
			border-top: 2px solid #e0e4e5;
			padding: 10px 0;
		}
		
			#video-player {
				float: left;
				margin-right: 20px;
			}
			
		#video-active p {
			margin: 5px 0 10px 0;
		}
		
		#video-active table {
			font-size: 12px;
			border-collapse: collapse;
			padding: 0;
			margin: 6px 0 0 0;
		}
		
			#video-active table td {
				padding: 0 5px 2px 0;
				margin: 0;
			}
			
			#video-active table td.first {
				width: 60px;
				text-align: right;
				color: #999999;
			}
		
			 #comments-button {
				display: block;
				width: 106px;
				height: 35px;
				padding: 0;
				margin: 0;
				background-image: url(../img/comments_button.gif);
				background-position: 0px 0px;
			}
			
			#comments-button:hover {
				background-position: 106px 0px;
			}
		
		#video-others {
			width: 778px;
			float: left;
			clear: both;
			margin: 0;
			padding: 0;
			list-style-type: none;			
		}
		
			#video-others li {
				float: left;
				clear: none;
				position: relative;
				width: 174px;
				height: 190px;
				overflow: hidden;
				padding: 5px;
				margin: 0 10px 10px 0;
				background-image: url(../img/video_item_bg.gif);
				background-color: #f5f5f5;
			}
			
			#video-others .img-placeholder {
				float: left;
				width: 173px;
				position: relative;
			}
			
			#video-others h4 {
				font-size: 12px;
				font-weight: normal;
				position: relative;
				top: 130px;
				padding: 0 5px;
				margin: 0;
			}
			
			#video-others p {
				float: left;
				clear: both;
				font-size: 12px;
				position: absolute;
				top: 177px;
				padding: 0 5px;
				margin: 0;
			}
			
			#video-others a.link {
				float: right;
				position: absolute;
				top: 177px;
				left: 155px;
			}

				#video-others .img-placeholder img {
					position: absolute;
				}

				#video-others .img-placeholder .play {
					position: absolute;
					top: 45px;
					left: 55px;
				}
				
			.comments-count {
				font-size: 11px;
				color: #999;
				text-indent: 19px;
			}
		/* !video related stuff */
		
		
		
		/* tvguide related stuff */
		.tv-guide #right-column {
			padding: 0;
		}
		
		.tv-guide #channels-container {
			list-style-type: none;
			width: 788px;
			padding: 0;
			margin: 0;
			
		}
			.tv-guide #channels-container li {
				float: left;
				clear: none;
				width: 195px;
				padding: 0 0 10px 0;
				margin: 0;
				overflow: hidden;
				border-right: 2px solid #e0e4e5;
			}
			
			.tv-guide #channels-container ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}
				
				.tv-guide #channels-container ul li {
					float: none;
					width: 175px;
					padding: 5px 0 5px 0;
					margin: 0 0 0 10px;
					border-left: 0;
					border-bottom: 2px solid #eeeeee;
					border-right: 0;
				}
				
				.tv-guide #channels-container ul li.hover {
					position: relative;
					margin-top: -2px;
					border-bottom: 2px solid #00aced !important;;
					border-top: 2px solid #00aced !important;;
				}
				
				.tv-guide #channels-container ul li.active {
					position: relative;
					top: -2px;
					float: none;
					width: 192px; /* 2*1px border */
					padding: 0;
					margin: 0 1px 0 1px;
					overflow: visible; /* because of notched borders */
					border: 1px solid #00aced;
					background-color: #ebf4f7;
				}
				
					.tv-guide #channels-container ul li.active div {
						position: relative;
						top: -2px;
						left: 0;
						border-top: 1px solid #00aced;
					}	
					
					.tv-guide #channels-container ul li.active div div {
						position: relative;
						top: 4px;
						left: 0;
						border-top: 0;
						border-bottom: 1px solid #00aced;				
					}	
					
					.tv-guide #channels-container ul li.active div div div {
						position: relative;
						top: -3px;
						left: -2px;
						border-top: 0;
						border-bottom: 0;
						border-left: 1px solid #00aced;
						margin-bottom: -2px;					
					}
					
					.tv-guide #channels-container ul li.active div div div div {
						position: relative;
						top: 0;
						left: 2px;
						border-top: 0;
						border-bottom: 0;
						border-left: 0;
						border-right: 1px solid #00aced;
						padding: 5px 12px 5px 8px;				
					}
		
						
			
			.tv-guide #channels-container h2 {
				font-size: 16px;
				padding: 0 10px;
				margin: 10px 0 15px 0;
			}
			
			.tv-guide #channels-container h3 {
				font-size: 13px;
				color: #444444;
				padding: 0;
				margin: 0;
			}
			
			.tv-guide .no-border {
				border: 0 !important;
			}
			
			.tv-guide #mojtv-link {
				display: block;
				font-size: 11px;
				color: #555555;
				width: 110px;
				margin-top: 10px;
				margin-left: 30px;;
				margin-bottom: 20px;
			}
			
				.tv-guide #mojtv-link img {
					margin-top: 2px;
					margin-left: 5px;
				}
		/* !tvguide related stuff */