/**
*    CSS for Grey themed template for Root
*
* @author		murugesan_70ag08
* @copyright 	Copyright (c) 2008 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: screen_grey.css 6487 2007-04-27 07:39:02Z murugesan_70ag08 $
* @since 		2006-06-10
*/

/* --------------------- View Video Page Styles starts --------------------- */

.clsViewVideoBanner{
	float:right;
	width:160px;
	overflow-y:hidden;
	overflow-x:auto;
}
.clsViewVideoContent{
	margin:0 180px 0 0;
}
.clsLargeVideo,.clsSmallVideo{
	overflow:auto;
	zoom:1;
	_height:1%;
	_overflow:visible;
}
	.clsViewVideoLeft{
		float:left;
		width:450px;
	}
	.clsLargeVideo .clsViewVideoLeft{
		width:100%;
	}
	.clsViewVideoRight{
		float:right;
		width:340px;
	}
	.clsLargeVideo .clsViewVideoRight{
		display:none;
	}
		.clsVideoPlayerHeading{
			float:left;
			width:85%;
			color:#fff;
			font:bold 14px Tahoma;
			line-height:29px;
			padding-left:8px;
		}
		.clsMaximisePlayer,.clsMinimisePlayer{
			width:29px;
			height:23px;
			float:right;
			background:url(../../images/screen_grey/icon-maximise.gif) no-repeat center center;
			cursor:pointer;
		}
		.clsMinimisePlayer{
			background:url(../../images/screen_grey/icon-minimise.gif) no-repeat center center;
		}
			.clsVideoPlayerBorder{
				border:2px solid #282828;
				text-align:center;
				background:#282828;
			}
		.clsVideoPlayerDetails{
			margin:13px 8px 3px 8px;
		}
			.clsVideoPlayerViews{
				float:left;
				width:70%;
				color:#fff;
			}
				.clsVideoPlayerViews li{
					float:left;
					display:block;
					line-height:27px;
					color:#c0c0c0;
				}
			.clsVideoPlayerRating{
				float:right;
				text-align:right;
				width:90px;
				margin-top:6px;
			}
			.clsRespondedVideo h4,.clsTrimmedVideo h4{
				border:1px solid #FF6F6F;
				background: #FFEFEF;
				color:black;
				padding:7px;
				margin:10px 0;
			}
				.clsRespondedVideo h4 a,.clsTrimmedVideo h4 a{
					color:#f00;
				}
					.clsAlert,h4.clsAlert{
						background:#FFEFEF url(../../images/screen_grey/alert-icon.jpg) no-repeat 5px center;
						padding-left:25px;
					}
		#loaderVideos{
			line-height:32px;
			font-weight:bold;
		}
			#loaderVideos img{
				margin-right:7px;
				vertical-align:middle;
			}
		/* --------------------- */

		.clsCaptionMinHeight{
			min-height:79px;
			*min-height:75px;
			color:#ccc;
			margin:12px 2px 6px 2px;
		}
		* html .clsCaptionMinHeight{
			height:75px;
		}
		.clsLargeVideo .clsCaptionMinHeight{
			min-height:0;
		}
		.clsMainVideoDescription{
			height:50px;
			overflow:scroll;
			overflow-x:hidden;
			line-height:17px;
		}
			.clsCaptionMinHeight strong{
				color:#fff;
			}
		/* --------------------- */

		.clsMainTagsDisplay{
			background:url(../../images/screen_grey/icon-videotags.gif) no-repeat left top;
			padding-left:20px;
			margin:10px 0 5px 0;
			font:bold 11px Tahoma;
			color:#b6b6b6;
			line-height:16px;
		}
			.clsMainTagsDisplay a{
				font-weight:normal;
				color:#66a109;
				text-decoration:none;
			}
			.clsMainTagsDisplay a:hover{
				color:#fff;
				text-decoration:none;
			}
		/* --------------------- */

		.clsvideoFeaturesLeft{
			background:url(../../images/screen_grey/bg-videofeaturesleft.gif) no-repeat left top;
		}
		.clsvideoFeaturesRight{
			background:url(../../images/screen_grey/bg-videofeaturesright.gif) no-repeat right top;
			padding-top:2px;
			padding-left:2px;
			overflow:auto;
			zoom:1;
			_height:1%;
			_overflow:visible;
		}
		.clsvideoFeaturesMiddle{
			background:#fff url(../../images/screen_grey/bg-videofeaturesmiddle.gif) repeat-x left top;
		}
			.clsVideoFeaturesList ul{
				margin:0;
				padding:0;
			}
			.clsVideoFeaturesList ul li{
				display:block;
				float:left;
				padding-left:6px;
				background:url(../../images/screen_grey/bg-videofeaturelist.gif) no-repeat right top;
			}
			.clsVideoFeaturesList ul li.clsNoBg{
				background:none;
			}
				.clsVideoFeaturesList ul li span{
					display:block;
					float:left;
					height:51px;
				}
					.clsVideoFeaturesList ul li span a{
						display:block;
						float:left;
						color:#ccc;
						font:bold 11px Tahoma;
						padding:0 10px 0 23px;
						line-height:39px;
						text-decoration:none;
						margin-left:2px;
						_margin-left:1px;
					}
					.clsVideoFeaturesList ul li.clsActiveVideoLink span a{
						color:#fff;
					}
			.clsVideoFeaturesList ul li:hover,.clsVideoFeaturesList ul li.clsActiveVideoLink{
				background:url(../../images/screen_grey/bg-vediofeatureslistleft.png) no-repeat left top;
				_background:url(../../images/screen_grey/bg-vediofeatureslistleft.gif) no-repeat left top;
			}
				.clsVideoFeaturesList ul li:hover span,.clsVideoFeaturesList ul li.clsActiveVideoLink span{
					background:url(../../images/screen_grey/bg-vediofeatureslistright.png) no-repeat right top;
					_background:url(../../images/screen_grey/bg-vediofeatureslistright.gif) no-repeat right top;
				}
				.clsVideoPlaylist{
					background:url(../../images/screen_grey/icon-videoplaylist.gif) no-repeat left center;
				}
				.clsVideoShare{
					background:url(../../images/screen_grey/icon-videoshare.gif) no-repeat left center;
				}
				.clsActiveVideoLink a.clsVideoShare{
					background:url(../../images/screen_grey/icon-videoshareover.gif) no-repeat left center;
				}
				.clsVideofavourited{
					background:url(../../images/screen_grey/icon-videofavorited.gif) no-repeat left center;
					padding-right:11px !important;
				}
				.clsActiveVideoLink a.clsVideofavourited{
					background:url(../../images/screen_grey/icon-videofavoritedover.gif) no-repeat left center;
				}
				.clsVideofavourite{
					background:url(../../images/screen_grey/icon-videofavorite.gif) no-repeat left center;
				}
				.clsActiveVideoLink a.clsVideofavourite{
					background:url(../../images/screen_grey/icon-videofavoriteover.gif) no-repeat left center;
				}
				.clsVideoflag{
					background:url(../../images/screen_grey/icon-videoflag.gif) no-repeat left center;
				}
				.clsActiveVideoLink a.clsVideoflag{
					background:url(../../images/screen_grey/icon-videoflagover.gif) no-repeat left center;
				}
				.clsVideofeature{
					background:url(../../images/screen_grey/icon-videofeature.gif) no-repeat left center;
					padding-right:17px !important;
				}
				.clsVideofeatured{
					background:url(../../images/screen_grey/icon-videofeatured.gif) no-repeat left center;
				}
		.trcflag p,.trcflag .clsTextAlignLeft{
			color:#ccc;
			font-weight:bold;
			padding:5px 0;
		}
			.trcflag p a,.trcflag .clsTextAlignLeft a{
				color:#86d0ff;
				text-decoration:none;
			}
				.clsShareVideoHeading h3{
					padding-bottom:5px;
				}
		.clsCloseFlag,.clsCloseFlag a{
			display:block;
			float:right;
			width:21px;
			height:21px;
		}
			.clsCloseFlag a{
				background:url(../../images/screen_grey/icon-closeflag.gif);
				text-indent:-999em;
			}
			.clsCloseFlag a:hover{
				background:url(../../images/screen_grey/icon-closeflagover.gif);
			}
			.clsFlagTitle{
				float:left;
				width:350px;
				color:#fff;
				font-weight:bold;
			}
		.clsFlagTable table{
			border:0;
			margin:7px 0 0 0;
		}
		.clsFlagTable th{
			border:0;
			background:none;
		}
			.clsFlagTable table td{
				border:0;
				color:#ccc;
				padding:3px 0;
				text-align:left;
				vertical-align:top;
			}
				.clsFlagTable table td select{
					margin-top:5px;
					border:1px solid #000;
				}
				.clsFlagTable table td textarea{
					width:300px;
					height:90px;
					border:1px solid #000;
					padding:3px;
				}
				.clsFlagTable table td input{
					padding:1px 3px;
					padding-bottom:0;
				}
				.clsFlagTable table td .clsFlagButtonRight input{
					padding-top:7px;
					*padding-top:9px;
				}
				.clsCreatePlaylist{
					display:none;
				}
				.clsTDwidth{
					width:100px;
				}
				.clsFlagTextBox{
					border:1px solid #000;
				}
				.clsPlaylistSuccess{
					margin-top:7px;
				}
					.clsPlaylistSuccess span{
						text-transform:uppercase;
						color:#3ed4ff;
					}
			.clsFeaturedContent{
				background:url(../../images/screen_grey/bg-featured.gif) no-repeat left top;
				width:450px;
				height:40px;
				margin-bottom:15px;
				text-align:center;
				color:#fff;
				font:bold 14px Tahoma;
				line-height:40px;
			}
				.clsFlagButtonLeft{
					background:url(../../images/screen_grey/bg-flagbuttonleft.gif) no-repeat left top;
					padding-left:5px;
					height:31px;
					display:block;
					float:left;
					margin:7px 0 0 0;
				}
					.clsFlagButtonRight{
						background:url(../../images/screen_grey/bg-flagbuttonright.gif) no-repeat right top;
						padding-right:5px;
						height:31px;
						display:block;
						float:left;
					}
						.clsFlagButtonRight input{
							background:none;
							border:0;
							padding-top:7px;
							font:bold 11px tahoma;
							color:#fff;
							cursor:pointer;
						}
	.clsViewVideoDetailsHeading h3,.trcvideodetails h3{
		font:bold 13px Tahoma;
		color:#000;
		margin-bottom:20px;
		margin-left:9px;
	}
	.clsVideVideoHeadingLeft{
		float:left;
		width:240px;
	}
	.clsVideVideoHeadingRight{
		float:right;
		width:175px;
		text-align:right;
		margin-right:9px;
	}
		.clsPostCommentHeading a{
			font:bold 11px Tahoma;
			color:#0082d6;
			text-decoration:none;
		}
		.clsPostCommentHeading a:hover{
			color:#000;
		}
			.clsViewVideoDetailsContent{
				margin:0 9px;
				overflow:auto;
				zoom:1;
				_height:1%;
				_overflow:visible;
			}
			.clsViewVideoDetailsContent table,.clsViewVideoDetailsContent td{
				margin:0;
				border:0;
				padding:0;
			}
			table#selVideoCommentTable{
				width:100%;
			}
			.clsVideoDetailsList{
				overflow:auto;
				zoom:1;
			}
			* html .clsVideoDetailsList{
				overflow:visible;
				height:1%;
			}
				.clsVideoDetailsList li{
					display:inline;
					float:left;
					text-align:left;
				}
					.clsVideoDetailsList li a.clsImage,.clsVideoDetailsList li span.clsImage{
						display:inline;
						float:left;
						border:1px solid #afafaf;
						padding:2px;
						overflow:auto;
						zoom:1;
						margin-bottom:7px;
					}
					* html .clsVideoDetailsList li a.clsImage,* html .clsVideoDetailsList li span.clsImage{
						overflow:visible;
						height:1%;
					}
					.clsVideoDetailsList li a{
						color:#0082d6;
						text-decoration:none;
					}
					ul.clsVideoScreenShotThumbnail{
						margin:0 0 7px 7px;
						overflow:auto;
						zoom:1;
					}
					* html ul.clsVideoScreenShotThumbnail{
						overflow:visible;
						height:1%;
					}
							.clsVideoScreenShotThumbnail li span{
								margin:0 4px;
							}
					.clsVideoDetailsList li a:hover{
						border-color:#2DB7E5;
						color:#000;
					}
					ul.clsVideoResponseList{
						margin-left:5px;
					}
					.clsVideoResponseList li{
						width:95px;
						margin:5px;
					}
					.clsVideoResponseList li a.clsImage{
						/*margin-left:15px;*/
					}
					.clsViewAllLinks{
						text-align:right;
						margin-top:7px;
					}
						.clsViewAllLinks a{
							color:#4e7f00;
							font:bold 11px Tahoma;
							text-decoration:none;
							background:url(../../images/screen_grey/bg-morelink.gif) left center no-repeat;
							padding-left:12px;
						}
						.clsViewAllLinks a:hover{
							color:#000;
						}
					.clsViewMoreLink{
						text-align:right;
						margin:10px;
					}
						.clsViewMoreLink a{
							color:#4e7f00;
							font-weight:bold;
							text-decoration:none;
							background:url(../../images/screen_grey/bg-morelink.gif) left center no-repeat;
							padding-left:12px;
						}
						.clsViewMoreLink a:hover{
							color:#000;
						}
			.clsCommentsTitle{
				background:url(../../images/screen_grey/icon-videocomments.gif) no-repeat left center;
				display:block;
				line-height:18px;
				padding-left:23px;
				color:#666;
				margin-bottom:12px;
			}
	.clsVideoDetailsLeft{
		float:left;
		width:90px;
	}
		.clsVideoDetailsLeft a{
			text-decoration:none;
			font-weight: bold;
		}
		.clsMembersImage a{
			display:block;
			float:left;
			border:1px solid #afafaf;
			padding:2px;
		}
			.clsMembersImage a:hover{
				border-color:#2DB7E5;
			}
		.clsVideoDetailsRight{
			float:left;
			width:230px;
			_width:225px;
		}
			.clsVideoDetailsRight p{
				font-weight:bold;
				line-height:20px;
			}
				.clsVideoDetailsRight p span{
					font-weight:normal;
				}
				.clsVideoDetailsRight a{
					text-decoration:none;
				}
				.clsVideoDetailsRight a:hover{
					color:#000;
				}
			.clsDownloadVideo{
				float:right;
				width:100px;
				margin-left:5px;
			}
				.clsDownloadVideo .clsDownload a{
					display:block;
					height:30px;
					line-height:30px;
					font-weight:bold;
					color:#fff;
					padding-left:35px !important;
					background:url(../../images/screen_grey/bg-download.gif) no-repeat right top;
				}
		.clsVideoRatingContainer{
			margin:10px 0;
		}
			.clsPostVideo{
				width:125px;
				height:16px;
				display:block;
				float:right;
				text-align:left;
			}
			/*.clsPostVideo a{
				width:125px;
				height:16px;
				display:block;
				text-indent:-999em;
				background:url(../../images/screen_grey/bg-share.gif) no-repeat right top;
			}*/
				.clsEditVideoLink{
					width:180px;
					float:left
				}
				.clsEditVideoLink span a{
					font-weight:bold;
					text-decoration:none;
					background:url(../../images/screen_grey/icon-editvideo.gif) left center no-repeat;
					padding-left:20px;
				}
				.clsVideoBookmarkIcons{
					float: right;
					text-align:right;
					width:125px
				}
				.clsVideoUrlTextBox{
					background:#e3f8ff;
					border:1px solid #98e1ff;
					width:315px;
					_width:315px;
					height:20px;
					_height:22px;
					margin-bottom:10px;
					padding-top:5px;
					padding-left:3px;
				}
					.clsVideoContentTitle label{
						font-weight:bold;
					}
		.clsPlayIconContainer{
			margin-left:5.5em;
		}
		.clsPlayAllVideo a,.clsPlayNextVideo a{
			text-decoration:none;
			display:block;
			float:left;
			font:bold 11px Tahoma;
			line-height:23px;
			padding-left:27px;
			margin-left:22px;
			_margin-left:11px;
			color:#4e7f00;
			background:url(../../images/screen_grey/icon-playnext.gif) no-repeat left center;
		}
		.clsPlayAllVideo a{
			background:url(../../images/screen_grey/icon-playall.gif) no-repeat left center;
		}
		.clsPlayAllVideo a:hover,.clsPlayNextVideo a:hover{
			color:#000;
		}
		.clsPlayAllVideo a:hover{
			background:url(../../images/screen_grey/icon-playallover.gif) no-repeat left center;
		}
		.clsPlayNextVideo a:hover{
			background:url(../../images/screen_grey/icon-playnextover.gif) no-repeat left center;
		}
		.clsVideoManageLinksLeft{
			float:left;
		}
		.clsVideoManageLinksRight{
			float:right;
			*padding-top:4px;
		}
			.clsVideoManageLinks{
				background:#f1fcff;
				border:1px solid #d4d4d4;
				margin:9px 0;
				padding:8px;
			}
				.clsVideoManageLinks a{
					font-weight:bold;
					padding-left:10px;
					text-decoration:none;
				}
				.clsQuickLinksContainer{
					background:url(../../images/screen_grey/bg-quicklinks.gif) repeat-x left top;
					overflow:auto;
					zoom:1;
					margin:0 2px;
					padding:10px 0;
				}
				* html .clsQuickLinksContainer{
					overflow:visible;
					height:1%;
				}
					.clsQuickLinksLeft{
						float:left;
						width:80px;
						margin-left:10px;
					}
						.clsQuickLinksMiddle{
							width:200px;
							float:left;
						}
							.clsQuickLinksMiddle p{
								line-height:19px;
							}
								.clsQuickLinksMiddle p span{
									color:#999;
								}
									.clsQuickLinksMiddle a{
										font-weight:bold;
										text-decoration:none;
									}
							.clsQuickLinksRight{
								width:35px;
								float:right;
								text-align:left;
							}
							.clsQuickLinksRight a{
								display:block;
								text-indent:-999em;
								background:url(../../images/screen_grey/icon-closequicklinks.gif) no-repeat center center;
								width:30px;
								height:22px;
							}
							.clsQuickLinksRight a:hover{
								background:url(../../images/screen_grey/icon-closequicklinksover.gif) no-repeat center center;
							}
							.clsSeeMoreQuickLinks{
								margin-right:10px;
							}
		/*---------- More videos ----------*/
		.clsMoreVideosNav{
			overflow:auto;
			zoom:1;
			margin-left:10px;
		}
		* html .clsMoreVideosNav{
			height:1%;
			overflow:visible;
		}
		.clsMoreVideosNav li{
			display:block;
			float:left;
			margin-right:5px;
			line-height:25px;
		}
		.clsMoreVideosNav li span{
			display:block;
			float:left;
			line-height:25px;
		}
		.clsMoreVideosNav li span a{
			display:block;
			float:left;
			font:bold 12px Tahoma;
			color:#000;
			line-height:25px;
			text-decoration:none;
			padding:5px;
			padding-top:0;
		}
		.clsActiveMoreVideos{
			background:url(../../images/screen_grey/bg-activemorevideolinkmiddle.gif) no-repeat center top;
		}
		.clsActiveMoreVideos span{
			background:url(../../images/screen_grey/bg-activemorevideolinkleft.gif) no-repeat left top;
		}
		.clsActiveMoreVideos span a{
			background:url(../../images/screen_grey/bg-activemorevideolinkright.gif) no-repeat right top;
			color:#FFF !important;
		}
		.clsRelatedVideos li{
			margin:5px 10px;
			*width:80px;
		}
		* html .clsRelatedVideos li{
			margin:5px 9px;
			width:85px;
		}
			.clsRelatedVideos li a{
				font-weight: bold;
				text-decoration:none;
			}
			.clsRelatedVideos li a:hover{
				border-color:#0082d6;
			}
				.clsMoreVideoImage{
					border:1px solid #afafaf;
					display:inline;
					float:left;
					padding:2px;
					margin-bottom:5px;
				}
		.clsQuickLinkImageWidth,td.clsQuickLinkImageWidth{
			width:100px;
			vertical-align:top;
		}
		.clsTopQuickLinks{
			position:absolute;
			margin-left:3px;
			margin-top:3px;
		}
			.clsViewMoreVideoHeading{
				float:left;
				width:200px;
			}
			.clsRelatedVideoButton{
				padding-right:10px;
			}
			.clsRelatedPreviousNext{
				float:right;
				width:70px;
				text-align:right;
			}
				.disabledPrevButton,.disabledNextButton,.enabledPrevButton,.enabledNextButton{
					width:18px;
					height:16px;
					border:0;
					padding:0 5px;
				}
				.disabledPrevButton{
					background:url(../../images/screen_grey/bg-disabledpreviousbutton.gif) no-repeat center center;
				}
				.disabledNextButton{
					background:url(../../images/screen_grey/bg-disablednextbutton.gif) no-repeat center center;
				}
				.enabledPrevButton{
					background:url(../../images/screen_grey/bg-enabledpreviousbutton.gif) no-repeat center center;
					cursor:pointer;
				}
				.enabledNextButton{
					background:url(../../images/screen_grey/bg-enablednextbutton.gif) no-repeat center center;
					cursor:pointer;
				}
	.clsNoVideo{
		background:#EEE;
		padding:10px 5px;
		text-align:center;
		color:#000;
		font:bold 12px Tahoma;
		margin-top:10px;
	}
	.clsMemberJoin{
		padding:5px 0;
	}
		.clsMemberJoin a{
			font-weight:bold;
			text-decoration:none;
		}
/* Post video response styles */
	.clsCommentDiv p{
		line-height:18px;
	}
	.clsCommentSeparator{
		border-bottom:1px solid #ebebeb;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	#selMemberName{
		margin-bottom:5px;
	}
		#selMemberName a{
			font-weight:bold;
			text-decoration:none;
		}
		#selMemberName a:hover{
			color:#000;
	}
	.clsCommentsReplySection{
		margin:5px 0;
		display:block;
		_display:inline;
		float:left;
	}
			.clsCommentsReplySection a{
				border:1px solid #bfbfbd;
				display:block;
				float:left;
				padding:0px 6px;
				margin-right:8px;
				_margin-right:4px;
				font-weight:bold;
				text-decoration:none;
				background:#fff;
			}
			.clsCommentsReplySection a:hover{
				color:#000;
				border-color:#000;
			}
			.clsCommentDiscard{
				border:1px solid #bfbfbd;
				padding:2px 6px;
				margin-right:4px;
				_margin-right:4px;
				font-weight:bold;
				text-decoration:none;
				background:#fff;
				cursor:pointer;
			}
			.clsCommentDiv textarea{
				width:360px !important;
			}
			.clsCommentReplySection{
				background:#FBFBFB;
				border:1px solid #e7e7e7;
				overflow:auto;
				zoom:1;
				_overflow:visible;
				_height:1%;
				margin-top:10px;
				margin-left:20px;
				padding:5px;
			}
		.clsEditCommentTextArea textarea{
			width:420px;
		}
.clsVideoRatingRight{
	float:right;
	width:150px;
	text-align:right;
	margin-top:10px;
	margin-right:15px;
}
.clsVideoRatingRight a{
	text-decoration:none;
}
	.clsVideoRatingRight span{
		color:#fff;
		padding-left:5px;
	}
.clsVideoRatingLeft{
	float:left;
	width:250px;
}

/* --------------------- View Video Page Styles ends --------------------- */

.clsViewVideoPlaylistTable td{
	width:25%;
}
.clsPlaylistDetailsTable table{
	margin-top:10px;
	margin-bottom:2px;
	background:#F7F7F7;
}
.clsPlaylistDetailsTable .clsPlayAllVideos{
	border-top:1px solid #f1f1f1;
	padding:5px;
}
.clsPlaylistDetailsTable .clsPlayListLeftTd{
	width:200px;
	padding-left:10px!important;
}

/*------  Upload Video Page  -------*/
.clsBrowseFileTable td{
	vertical-align:middle;
}
	.clsBrowseFileTable .clsTextBox{
		width:150px;
		background:#fff;
	}
	.clsPlaceHolderButton{
		padding-top:2px;
	}
	.progressContainer{
		padding:10px;
		margin:10px 10px 10px 0;
		background:#E3F8FF;
		border:1px solid #98E1FF;
	}
	.clsBrowseUploadButton{
		margin:10px 0;
	}