/**
*    CSS for grey theme for default template for Root
*
* @author		murugesan_042at09
* @copyright 	Copyright (c) 2009 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: general.css murugesan_042at09 $
* @since 		2009-06-10
*/

/* sidebar */
		.clsFeaturedMemberLeft{
			float:left;
			width:110px;
			margin:20px 10px 0 0;
		}
			.clsFeaturedMemberLeft p,.clsFeaturedMemberLeft p a{
				font:bold 12px Tahoma;
				color:#0082D6;
			}
			.clsFeaturedMemberLeft p a:hover{
				color:#000;
			}
				.clsFeatureMemberImage{
					margin-bottom:10px;
					overflow:auto;
					zoom:1;
					_height:1%;
					_overflow:visible;
				}
					.clsFeatureMemberImage a{
						display:block;
						float:left;
						border:1px solid #e6e6e6;
					}
						.clsFeatureMemberImage a:hover{
							border:1px solid #2DB7E5;
						}
							.clsFeatureMemberImage a img{
								margin:2px;
							}
		
		.clsFeaturedMemberRight{
			float:left;
			width:140px;
			margin:20px 0 0 0;
		}
			.clsMembersLinks p{
				margin-bottom:15px;
			}
				.clsMembersLinks p a{
					display:block;
					padding-left:29px;
					line-height:16px;
					text-decoration:none;
				}
				.clsMembersFriend a{
					background:url(../../images/screen_grey/icon-friends.gif) no-repeat left center; 
				}
					.clsMembersFriend a:hover{
						color:#000; 
					}
				.clsMembersVideo a{
					background:url(../../images/screen_grey/icon-video.gif) no-repeat left center; 
				}
					.clsMembersVideo a:hover{
						color:#000; 
					}

/* --------------------- Side bar ends --------------------- */

/*  ----------------------- cool member pop up starts ---------------------------- */
.clsUserProfileImage{
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin-right:9px;
	background:url(../../images/screen_grey/icon-userimage.gif) no-repeat left top;
}
.clsCoolMemberActive{
	position:absolute;
	margin:0 0 0 20px;
	width:280px;
}
	.clsCoolMemberLeft{
		background:transparent url(../../images/screen_grey/bg-popuptop.gif) no-repeat left top;
	}
	.clsCoolMemberRight{
		background:transparent url(../../images/screen_grey/bg-popupbottom.gif) no-repeat left bottom;
		padding:8px 0;
	}
	.clsCoolMemberMiddle{
		background:url(../../images/screen_grey/bg-popupcenter.gif) repeat-y left top;
	}
		.clsCoolMemberDetail{
			padding:0 1em;
			margin:0;
			text-align:left;
			color:#fff;
			overflow:auto;
			zoom:1;
			_overflow:visible;
			_height:1%
		}
			.clsCoolMemberDetail p a{
				color:#86d0ff;
				text-decoration:underline;
			}
			.clsCoolMemberImage{
				float:left;
			}
			.clsCoolMemberInformation{
				float:left;
				margin-left:10px;
				width:130px;
			}
				.clsCoolMemberInformation p{
					padding-bottom:2px;
				}
.clsRightCoolMemberActive{
	position:absolute;
	margin:0 0 0 -288px;
	width:290px;
	z-index:1410065407;
}
	.clsRightCoolMemberLeft{
		background:transparent url(../../images/screen_grey/bg-rightpopuptop.gif) no-repeat right top;
	}
	.clsRightCoolMemberRight{
		background:transparent url(../../images/screen_grey/bg-rightpopupbottom.gif) no-repeat right bottom;
		padding:8px 0;
	}
	.clsRightCoolMemberMiddle{
		background:url(../../images/screen_grey/bg-rightpopupcenter.gif) repeat-y right top;
	}
/*  ----------------------- cool member pop up ends ---------------------------- */



/*  ----------------------- Rounded corners starts ---------------------------- */

.tlccoolnewpeople{
	background:transparent url(../../images/screen_grey/tlccoolnewpeople.gif) no-repeat;
}
.trccoolnewpeople{
	background:transparent url(../../images/screen_grey/trccoolnewpeople.gif) no-repeat right top;
}
.blccoolnewpeople{
	background:transparent url(../../images/screen_grey/blccoolnewpeople.gif) no-repeat left bottom;
}
.brccoolnewpeople{
	background:transparent url(../../images/screen_grey/brccoolnewpeople.gif) no-repeat right bottom;
}
.tbcoolnewpeople{
	background:transparent url(../../images/screen_grey/tbcoolnewpeople.gif) repeat-x;
}
.bbcoolnewpeople{
	background:transparent url(../../images/screen_grey/bbcoolnewpeople.gif) repeat-x center bottom;
}
.rbcoolnewpeople{
	background:transparent url(../../images/screen_grey/rbcoolnewpeople.gif) repeat-y right top;
}
.lbcoolnewpeople{
	background:#08a2e8 url(../../images/screen_grey/lbcoolnewpeople.gif) repeat-y left bottom;
	margin-bottom:20px;
}

.tlcmyhomedetails{
	background:transparent url(../../images/screen_grey/tlcmyhomedetails.gif) no-repeat;
}
.trcmyhomedetails{
	background:transparent url(../../images/screen_grey/trcmyhomedetails.gif) no-repeat right top;
}
.blcmyhomedetails{
	background:transparent url(../../images/screen_grey/blcmyhomedetails.gif) no-repeat left bottom;
}
.brcmyhomedetails{
	background:transparent url(../../images/screen_grey/brcmyhomedetails.gif) no-repeat right bottom;
}
.tbmyhomedetails{
	background:transparent url(../../images/screen_grey/tbmyhomedetails.gif) repeat-x;
}
.bbmyhomedetails{
	background:transparent url(../../images/screen_grey/bbmyhomedetails.gif) repeat-x center bottom;
}
.rbmyhomedetails{
	background:transparent url(../../images/screen_grey/rbmyhomedetails.gif) repeat-y right top;
}
.lbmyhomedetails{
	background:#333 url(../../images/screen_grey/lbmyhomedetails.gif) repeat-y left bottom;
	margin-bottom:20px;
}

.tlcmyhomesidebar{
	background:transparent url(../../images/screen_grey/tlcmyhomesidebar.gif) no-repeat;
}
.trcmyhomesidebar{
	background:transparent url(../../images/screen_grey/trcmyhomesidebar.gif) no-repeat right top;
	padding-bottom:10px;
}
.blcmyhomesidebar{
	background:transparent url(../../images/screen_grey/blcmyhomesidebar.gif) no-repeat left bottom;
}
.brcmyhomesidebar{
	background:transparent url(../../images/screen_grey/brcmyhomesidebar.gif) no-repeat right bottom;
}
.tbmyhomesidebar{
	background:transparent url(../../images/screen_grey/tbmyhomesidebar.gif) repeat-x;
}
.bbmyhomesidebar{
	background:transparent url(../../images/screen_grey/bbmyhomesidebar.gif) repeat-x center bottom;
}
.rbmyhomesidebar{
	background:transparent url(../../images/screen_grey/rbmyhomesidebar.gif) repeat-y right top;
}
.lbmyhomesidebar{
	background:#fff url(../../images/screen_grey/lbmyhomesidebar.gif) repeat-y left bottom;
	margin-bottom:20px;
}

.tlcinvitemember{
	background:transparent url(../../images/screen_grey/tlcinvitemember.gif) no-repeat;
}
.trcinvitemember{
	background:transparent url(../../images/screen_grey/trcinvitemember.gif) no-repeat right top;
	padding:20px;
}
.blcinvitemember{
	background:transparent url(../../images/screen_grey/blcinvitemember.gif) no-repeat left bottom;
}
.brcinvitemember{
	background:transparent url(../../images/screen_grey/brcinvitemember.gif) no-repeat right bottom;
}
.tbinvitemember{
	background:transparent url(../../images/screen_grey/tbinvitemember.gif) repeat-x;
}
.bbinvitemember{
	background:transparent url(../../images/screen_grey/bbinvitemember.gif) repeat-x center bottom;
}
.rbinvitemember{
	background:transparent url(../../images/screen_grey/rbinvitemember.gif) repeat-y right top;
}
.lbinvitemember{
	background:#fff url(../../images/screen_grey/lbinvitemember.gif) repeat-y left bottom;
	margin:20px 8px;
}

* html .trccoolnewpeople,* html .trcmyhomedetails,.trcmyhomesidebar,.trcinvitemember{height:1%}
* html .lbmyhomedetails,* html .lbmyhomesidebar,* html .lbinvitemember,* html .lbcoolnewpeople{
	width:100%
}
.lbmyhomedetails,.tlcmyhomedetails,.trcmyhomedetails,.lbmyhomesidebar,.tlcmyhomesidebar,.trcmyhomesidebar,.lbinvitemember,.tlcinvitemember,.trcinvitemember,.lbcoolnewpeople,.tlccoolnewpeople,.trccoolnewpeople{
	zoom:1
}

/*  ----------------------- Rounded corners ends ---------------------------- */





/* --------------------- Video list page Styles starts --------------------- */



			.clsMediumImage{
				display:block;
				position:relative;
				text-align:left;
				width:113px;
				overflow:auto;
				zoom:1;
			}
			* html .clsMediumImage{
				height:1%;
				overflow:visible;
			}
				.clsMediumImage a{
					border:1px solid #52565a;
					display:block;
					float:left;
					margin-bottom:3px;
				}
				.clsMediumImage a:hover{
					border:1px solid #2DB7E5;
				}
					.clsMediumImage a img{
						margin:3px;
						width:100px;
						height:67px;
					}
						.clsMediumImage .clsMediumImageRunTime {
							background:transparent url(../../images/screen_grey/bg-mediumvideotime.png) repeat;
							color:#48e7ff;
							font:normal 12px Tahoma;
							display:block;
							margin:56px 0 0 3px;
							position:absolute;
							text-align:left;
							width:35px;
							text-align:right;
						}
		
		
/* --------------------- MyHome page starts --------------------- */

	.clsMyHomeLeftContent{
		float:left;
		width:260px;
		_height:1%;
	}
	.clsMyHomeRightContent{
		float:right;
		width:260px;
		_height:1%;
	}
	.clsMyHomeCentreContent{
		margin:0 280px;
	}
	* html .clsMyHomeCentreContent{
		margin:0 277px;
	}
	.clsMyHomeSideBar{
		overflow:auto;
		margin:0 8px;
		zoom:1;
	}
	* html .clsMyHomeSideBar{
		overflow:visible;
		height:1%
	}
	.clsMyHomeSideBanner{
		margin-bottom:20px;
		text-align:center;
		width:250px;
		overflow:hidden;
	}
	#selMyHome .clsSideBarLeftClose,#selMyHome .clsSidebarInActive {
		margin:10px 0 0 20em;
	}
	#selMyHome .clsSideBarContent{
		margin-top:3px;
	}
	#selMyHome .clsSideBarMargin{
		margin:0 0 20px 0;
	}
	.clsWelcomeMember{
		margin-top:10px;
	}
		.clsUserName{
			text-transform:uppercase;
			font-size:12px;
		}
		.clsMyHomeUserName{
			margin-bottom:5px;
		}
			.clsMyHomeUserName a{
				text-decoration:none;
			}
			.clsLastLogin{
				color:#666;
			}
			.clsMyHomeUrlTextBox{
				background:#E3F8FF;
				border:1px solid #98E1FF;
				color:#000000;
				padding:4px;
				margin-top:4px;
				padding-left:3px;
				width:233px;
				_width:240px;
			}
.clsUpgradeMembership{
	margin-bottom:20px;
}
	.clsUpgradeMembership p a{
		display:block;
		height:57px;
		width:260px;
		background:url(../../images/screen_grey/icon-upgrade.jpg) no-repeat center center;
		text-indent:-999em;
	}
	.clsUpgradeMembership p a:hover{
		background:url(../../images/screen_grey/icon-upgradeover.jpg) no-repeat center center;
	}
/*      My shortcut section      */			
		.clsMyShortcutLeftList{
			float:left;
			width:105px;
		}
			.clsMyShortcutLeftList p{
				padding-bottom:7px;
				font-weight:bold;
			}
				.clsMyShortcutLeftList li{
					line-height:24px;
				}
					.clsMyShortcutLeftList li a{
						font-weight:bold;
						line-height:22px;
						font-size:11px !important;
						background-position:left 7px;
					}
					.clsMyShortcutLeftList li a:hover{
						background:url(../../images/screen_grey/bg-myshortcutleftlink.gif) left center no-repeat !important;
						width:73px;
						_width:92px;
						color:#fff;
					}
		.clsMyShortcutRightList{
			float:left;
			width:130px;
		}
			.clsMyShortcutRightList p{
				padding-bottom:7px;
				font-weight:bold;
			}
				.clsMyShortcutRightList li{
					line-height:24px;
				}
					.clsMyShortcutRightList li a{
						font-weight:bold;
						font-size:11px !important;
						line-height:22px;
						background-position:left 7px;
					}
					.clsMyShortcutRightList li a:hover{
						background:url(../../images/screen_grey/bg-myshortcutrightlink.gif) left center no-repeat !important;
						width:106px;
						_width:125px;
						color:#fff;
					}
					
/*      Request section      */
	.clsRequestList li a{
		font-weight:bold;
		padding-left:25px;
		font-size:11px;
	}
	.clsRequestList li a.clsVideoMail, .clsRequestList li a.clsVideoMail:hover{
		background:url(../../images/screen_grey/icon-videomail.gif) no-repeat left center;
	}
	.clsRequestList li a.clsFriendsRequest, .clsRequestList li a.clsFriendsRequest:hover{
		background:url(../../images/screen_grey/icon-friendsrequest.gif) no-repeat left center;
	}
	.clsRequestList li a.clsInviteFriends, .clsRequestList li a.clsInviteFriends:hover{
		background:url(../../images/screen_grey/icon-invitefriends.gif) no-repeat left center;
	}
	.clsRequestList li a.clsInvitationHistory, .clsRequestList li a.clsInvitationHistory:hover{
		background:url(../../images/screen_grey/icon-invitationhistory.gif) no-repeat left center;
	}
	
/*      Stats section      */
	.clsStatsList li{
		font-weight:normal;
		color:#000;
	}
	
/*      Birthday section      */
	#selMyHome .clsMyHomeBirthdayContent .clsSideBarContent{
		margin-top:0;
	}
	table.clsBirthdayTable{
		border:0;
		padding:0;
		margin:0;
		width:100%;
	}
	.clsBirthdayTable td{
		border-top:1px solid #ebebeb;
		padding:10px 0 5px 0;
	}
	.clsBirthdayTable td.clsNoBirthdays{
		border-top:0;
	}
	
/*      Birthday section      */
	.clsNoFriendsFound{
		padding:10px;
		text-align:center;
		font-weight:bold;
		color:#000;
	}
	ul.clsMyHomeFriends{
		margin:5px 0;
	}
	.clsMyHomeFriends li{
		display:block;
		float:left;
		width:80px;
		padding:5px 0 5px 0;
		overflow:hidden;
		margin-left:1px;
	}
	.clsMyFriendsImage{
		margin-left:6px;
	}  
		.clsMyHomeFriends li a{
			background:none;
			display:block;
			float:left;
		}
		.clsMyHomeFriends li a.clsFriendsName{
			width:70px;
			_width:80px;
			text-align:center;
			padding:0 2px;
		}
		.clsMyHomeFriends li a:hover{
			background:none;
		}
		.clsViewAllFriends{
			clear:left;
			text-align:right;
			margin:10px 13px 0 0;
		}
			.clsViewAllFriends a{
				text-decoration:none;
				font-weight:bold;
				color:#4e7f00;
				font-size:11px;
				background:url(../../images/screen_grey/bg-morelink.gif) left center no-repeat;
				padding-left:12px;
			}
			.clsViewAllFriends a:hover{
				color:#000;
			}
			
/*      Announcement section      */
	.clsAnnouncementButtonContainer{
		overflow:auto;
		zoom:1;
		margin:10px;
		margin-left:0;
	}
	* html .clsAnnouncementButtonContainer{
		overflow:visible;
		height:1%;
	}
		.clsAnnouncementPlay{
			width:14px;
			height:14px;
			margin-right:10px;
			display:block;
			float:left;
			text-indent:-999em;
			background:url(../../images/screen_grey/icon-playingbutton.gif) no-repeat center center;
		}	
		.clsAnnouncementStop{
			width:14px;
			height:14px;
			margin-right:10px;
			display:block;
			float:left;
			text-indent:-999em;
			background:url(../../images/screen_grey/icon-stopbutton.gif) no-repeat center center;
		}	
		.clsAnnouncementPrevious{
			width:14px;
			height:14px;
			margin-right:10px;
			display:block;
			float:left;
			text-indent:-999em;
			background:url(../../images/screen_grey/icon-previousbutton.gif) no-repeat center center;
		}			
	#announcement_content {
		width:240px;
		font-size:9pt;
		color:#49176e;
		background-color:#ffffff;
		overflow-x:hidden;
		overflow:hidden;
		margin:0px;
		margin-top:15px;
	}		
	#announcement_content *{
		font-size:11px !important;
	}		
	#announcement_content p{
		padding-bottom:5px;
	}
	
/*       Recent activities section        */	
	.clsRecentActivities{
		margin:15px 0 10px 0;
	}
	.clsRecentActivityContent a{
		font-weight:bold;
		text-decoration:none;
	}
	.clsRecentActivityContent p{
		padding-bottom:5px;
	}
	.clsRecentActivityContent .clsViewThumbImage a{
		margin-right:10px;
	}
	.clsVideoAddedBy{
		padding:10px 0;
		margin-top:10px;
		border-top:1px solid #ebebeb;
	}
		.clsMyHomeRecentVisitonsTitleLeft{
			float:left;
			width:250px;
			color:#fff;
			padding-left:10px;
		}
			.clsMyHomeRecentVisitonsTitleLeft h3{
				font:bold 13px Tahoma;
				line-height:34px;
			}
		.clsMyHomeRecentVisitonsTitleRight{
			float:right;
			width:150px;
			text-align:right;
			padding-right:10px;
			color:#fff;
		}
		.clsMyHomeRecentVisitonsTitleRight p{
			padding:2px 0 0 0;
			font:normal 10px Tahoma;
		}
		.clsMyHomeRecentVisitonsTitleRight p span{
			font-weight:bold;
			font-size:10px;
		}
	
/* --------------------- MyHome page ends --------------------- */
		
/* --------------------- MemberList page starts --------------------- */
.clsFriendSearchTable table{
	margin:0 !important;
}
	.clsListTable table{
		border:0;
		padding:0;
		margin:10px 0 0 0;
		width:100%;
	}
		.clsListTable td{
			border:0;
			padding:0 0 10px 0;
			margin:0;
			vertical-align:top;
		}
		.clsListTable td a{
			text-decoration:none;
		}
		.clsListTable td a:hover{
			color:#000;
		}
		.clsMemberListTable{
			padding-bottom:15px;
		}
		.clsMemberListTable td{
			width:20%;
		}
		#membersmyFriends .clsMemberListTable td,#myFriends .clsMemberListTable td,#membersviewFriends .clsMemberListTable td,#viewFriends .clsMemberListTable td{
			padding-left:15px;
		}
		.clsMemberListTable td p{
			padding-bottom:3px;
		}
		.clsMemberInviteTable .clsFormLabelCellDefault{
			width:250px;
		}
	ul.clsMembersList{
		overflow:auto;
		zoom:1;
		clear:left;
		margin-left:10px;
	}
	#membersmyFriends ul.clsMembersList,#myFriends ul.clsMembersList,#membersviewFriends ul.clsMembersList,#viewFriends ul.clsMembersList{
		margin-left:0;
	}
	* html ul.clsMembersList{
		overflow:visible;
		height:1%;
	}
	.clsMembersList li{
		display:inline;
	}
	.clsMembersList li a{
		display:block;
		float:left;
		line-height:20px;
		width:20px;
		height:20px;
		margin-right:5px;
		text-indent:-999em
	}
	.clsMembersMessageList li a{
		display:block;
		padding-left:20px;
	}
		.clsMembersList li a.clsAddToFriends{
			background:url(../../images/screen_grey/icon-addtofriends.gif) left center no-repeat;
		}
		.clsMembersList li a.clsSendMessage,.clsMembersMessageList li a.clsSendMessage{
			background:url(../../images/screen_grey/icon-sendmessagetofriend.gif) left center no-repeat;
		}
		.clsMembersList li a.clsRemoveFromFriends{
			background:url(../../images/screen_grey/icon-removefromfriends.gif) left center no-repeat;
		}
		.clsMembersList li a.clsDeleteList{
			background:url(../../images/screen_grey/icon-deletevideo.gif) left center no-repeat;
		}
		input.clsDeleteList{
			text-indent:-999em;
			width:20px;
			height:20px;
			margin-right:5px;
			display:block;
			float:left;
			border:0;
			cursor:pointer;
			font-size:0px;
			color:#fff;
			background:url(../../images/screen_grey/icon-deletevideo.gif) left center no-repeat;
		}
		#selAlReadyFriend a{
			background:url(../../images/screen_grey/already-friend.gif) left center no-repeat;
		}
		.clsOnline a.memListUserStatusOnline{
			background:url(../../images/screen_grey/status_online.gif) left center no-repeat;
		}
		.clsOnline a.memListUserStatusOffline{
			background:url(../../images/screen_grey/status_offline.gif) left center no-repeat;
		}
		
		.clsFriendsSearchTable td{
			padding-bottom:2px;
		}
		.clsFriendsTextBox{
			width:155px;
		}
		.clsFriendsCheckbox{
			width:20px;
		}
		.clsFriendsNameWidth{
			width:90px;
		}
		.clsFriendsRelation{
			width:130px;
		}
		.clsAddFriendsTextArea{
			width:300px;
		}
			.clsMembersBrowseTable input{
				margin:0 5px 0 0;
			}
			.clsMembersBrowseTable h4{
				padding-bottom:5px;
			}
			.clsMemberCount{
				font-weight:bold;
				padding:10px 0;
			}
				.clsMemberBrowseSelect{
					width:250px;
					height:100px;
				}
				.clsCheckBoxList span.clsCheckBox{
					display:block;
					float:left;
				}
				.clsCheckBoxList label{
					*padding-top:4px;
					display:block;
					float:left;
				}
				.clsCheckBoxList p{
					display:block;
					clear:left;
					overflow:auto;
					padding-bottom:7px !important;
					*padding-bottom:0;
				}
				.clsInputDetails,.clsInputDetails p{
					*padding-left:4px;
				}
	.membersselectUsernames h2{
		margin:5px 0 15px 0;
	}
	.clsBrowseMemberLink{
		text-align:right;
		margin-top:5px;
	}
	.clsBrowseMemberLink a{
		font-weight:bold;
		text-decoration:none;
		background:url(../../images/screen_grey/icon-memberbrowse.gif) no-repeat left center;
		padding:2px 2px 2px 20px;
	}
	.clsBrowseMemberLink a.clsBlockUser{
		background:url(../../images/screen_grey/icon-blockuser.gif) no-repeat left center;
		margin-left:10px;
	}
	.clsImageReSize p
	{ 
	 	width:350px;
		overflow:hidden;
	}
/* --------------------- MemberList page ends --------------------- */

/* --------------------- Invite Friend page starts --------------------- */

.clsInviteFriendBanner{
	width:160px;
	float:right;
}
.clsInviteFriendContent{
	margin:0 180px 0 0;
}
	.clsInviteNote{
		color:#666;
		font:bold 12px Tahoma;
		line-height:20px;
	}
	.clsInviteInformation{
		overflow:auto;
		zoom:1;
	}
	* html .clsInviteInformation{
		overflow:visible;
		height:1%;
	}	
		.clsInviteInformationLeft{
			width:360px;
			padding-right:10px;
			float:left;
			background:url(../../images/screen_grey/bg-postcard.gif) right top no-repeat;
		}	
			.clsInviteInformationLeft h1{
				width:130px;
				height:67px;
				margin-bottom:9px;
			}
			.clsInviteInformationLeft h1 a{
				width:130px;
				height:67px;
				display:block;
				text-indent:-999em;
				background:url(../../images/screen_grey/logo-postcard.gif) no-repeat left top;
			}
		.clsInviteInformationRight{
			width:350px;
			float:right;
		}
			.clsInviteInformationRight h1{
				overflow:auto;
				zoom:1;
				margin-bottom:9px;
			}
			* html .clsInviteInformationRight h1{
				overflow:visible;
				height:1%;
			}
			.clsInviteInformationRight h1 a{
				width:130px;
				float:right;
				height:67px;
				display:block;
				text-indent:-999em;
				background:url(../../images/screen_grey/stamp-postcard.gif) no-repeat right top;
			}
		.clsInviteTable table{
			border:0;
			padding:0;
			margin:0;
			width:100%;
		}
		.clsInviteTable td{
			border:0;
			padding:2px 5px 5px 2px;
			background:transparent;
			vertical-align:top;
		}
		.clsInviteTable td span{ 
			color:#999;
		}
		.clsInviteTable .clsFormLabelCellDefault{
			width:130px;
		}
			.clsEmbedInvite{
				width:190px;
				padding:2px;
				border:1px solid #999;
			}
			.clsInviteTable .clsTextBox{
				border:1px solid #999;
				width:170px;
				height:18px;
				padding-left:3px;
			}
		.clsImportantText{
			color:#676767;
		}
		.clsInviteMemberButton{
			clear:left;
		}
	.clsMembersInvitationRight{
		margin-left:150px;
	}
	.clsAddressBookTable td{
		padding-bottom:10px;

	}
	.clsSentMailMessange{
		margin-bottom:10px;
	}
		.clsSentMailMessange h2{
			background:#f5f5f5;
			color:#000;
			line-height:20px;
		}
		.clsNotSentMail h2{
			color:#f80000;
		}

/* --------------------- Invite Friend page ends --------------------- */

/* --------------------- Mail page starts --------------------- */
	.clsCheckBoxTD{
		width:20px;
	}
	.clsMailLinks li{
		display:block;
		float:left;
	}
	.clsMailLinks li a{
		display:block;
		float:left;
	}
	.clsMailLinks li a:hover{
		color:#0082D6;
	}
	.clsMsgNavigationCell{
		text-align:right;
	}
	.clsMailMemberWidth{
		width:85px;
	}
	.clsMailStatusWidth{
		width:90px;
	}
	.clsMailDateWidth{
		width:90px;
	}
	.clsMailLinkLeft{
		background:url(../../images/screen_grey/bg-maillinkleft.gif) no-repeat left top;
		padding-left:5px;
		height:21px;
		display:block;
		float:left;
		margin-right:5px;
	}
		.clsMailLinkRight{
			background:url(../../images/screen_grey/bg-maillinkright.gif) no-repeat right top;
			padding-right:5px;
			height:21px;
			display:block;
			float:left;
		}
			.clsMailLinkRight input,.clsMailLinkRight a{
				background:none;
				border:0;
				cursor:pointer;
				font:normal 11px tahoma;
				line-height:21px;
				padding:0 5px;
				color:#000;
			}
		.clsMailSelectBox{
			display:block;
			float:left;
			margin:3px 10px 0 0;
		}
		.clsSelectAtachVideo{
			width:255px;
		}

/*-- Rich text table --*/
table.clsRichTextTable{
	width:100%;
}
table.clsRichTextTable td{
	padding:5px;
	vertical-align:top;
}
	.clsRichTextTable td td,.clsRichTextTable td table{
		padding:0;
		margin:0;
	}
		.clsRichTextTable textarea{
			width:450px;
			margin-bottom:10px;
			padding:5px;
		}
/* --------------------- Mail page ends --------------------- */

/*          Profile Info pages starts             */
	.clsProfileInfoTable .clsFormLabelCellDefault,.clsProfileInfoTable .clsFormLabelCellError,.clsProfileThemeTD{
		width:150px;
	}
	.clsProfileInfoTable .clsFormFieldCellDefault input{
		margin: 0 5px 5px 0;
	}
	.colourdiv{
		width:100px;
		padding:5px;
	}
	h3.clsHeading{
		margin:4px;
		font-size:13px;
		color:#0082D6;
	}
/*          Profile Info pages ends             */

/*          Profile Avatar pages starts             */

	.clsMugshotContent{
		width:500px;
		float:left;
		height:125px;
	}
		.clsMugshotContainer p{
			line-height:17px;
			padding-bottom:10px;
			text-align:justify;
		}
		.clsMugshotContainer a{
			text-decoration:none;
		}
	.clsCurrentAvatarImage{
		width:125px;
		margin-left:20px;
		float:left;
	}
	.clsMugShotTd{
		padding-right:6px;
	}
	.clsMugShot{
		margin-top:10px;
	}
	.clsMugShotCapture{
		float:left;
		width:480px;
	}
	.clsProfileAvatarImages{
		width:163px;
		float:right;
		background:#5b5b5b url(../../images/screen_grey/bg-avatarimages.gif) no-repeat left bottom;
		vertical-align:top;
	}
		.clsCapturedImages{
			background:url(../../images/screen_grey/bg-mugshotheading.gif) repeat-x left top;
		}
			.clsCaptureImagesHeadingLeft{
				background:url(../../images/screen_grey/bg-mugshotheading-left.gif) no-repeat left top;
				height:31px;
			}
			.clsCaptureImagesHeadingRight{
				background:url(../../images/screen_grey/bg-mugshotheading-right.gif) no-repeat right top;
				height:31px;
				padding-left:15px;
				line-height:31px;
				color:#000;
				font-weight:bold;
			}
			.clsMugShotCapturedImages{
				height:383px;
				overflow:hidden;
			}	
			.clsMugShotCapturedImagesList{
				margin-top:5px;
				height:383px;
			}
			.clsMugShotCapturedImagesList li{
				margin:0 0px 4px 6px;
				height:72px;
				float:left;
				display:block;
			}
			* html .clsMugShotCapturedImagesList li{
				margin:0 0px 5px 5px;
				display:inline;
			}
				.clsMugShotCapturedImagesList li img{
					cursor:pointer;
				}
				.clsDeleteCapturedImage{
					position:absolute;
					margin:-70px 0 0 60px;
				}
				.clsDeletedCapturedImage{
					position:absolute;
					margin:-69px 0 0 3px;
					cursor:"not-allowed";
					background-color:#000;
					filter:alpha(opacity=70);
					-moz-opacity:0.7;
					opacity:0.7;
					width:66px;
					height:66px;	
				}
				* html .clsDeletedCapturedImage {
					opacity: .70;
					filter: alpha(opacity=70);
				}
					.clsDeletedCapturedImageText{
						position:absolute;
						margin:-71px 0 0 4px;
						font:bold 12px/66px Tahoma !important;
						text-align:center !important;
						color:#f00;
						height:66px;
						width:66px;	
					}

		.clsMugShotPaging{
			width:80px;
			float:right;
			margin-bottom:7px;
		}
		.clsMugShotPaging li,.clsMugShotPaging li a{
			height:15px !important;
			width:15px !important;
			display:block;
			float:left;
			margin:0px 10px;
			text-indent:-999em;
		}
		.clsMugShotPaging li a{
			margin:0;
		}
			.clsMugShotPaging li.clsPreviousVideo{
				background:url(../../images/screen_grey/bg-mugshotpagingleftinactive.gif) no-repeat center center;
			}
				.clsMugShotPaging li.clsPreviousVideo a{
					background:url(../../images/screen_grey/bg-mugshotpagingleftactive.gif) no-repeat center center;
				}
					.clsMugShotPaging li.clsPreviousVideo a.clsPreviousDisable{
						background:url(../../images/screen_grey/bg-mugshotpagingleftinactive.gif) no-repeat center center;
					}
			.clsMugShotPaging li.clsNextVideo{
				background:url(../../images/screen_grey/bg-mugshotpagingrightinactive.gif) no-repeat center center;
			}
				.clsMugShotPaging li.clsNextVideo a{
					background:url(../../images/screen_grey/bg-mugshotpagingrightactive.gif) no-repeat center center;
				}
				.clsMugShotPaging li.clsNextVideo a.clsNextDisable{
					background:url(../../images/screen_grey/bg-mugshotpagingrightinactive.gif) no-repeat center center;
				}

/*          Profile Avatar pages ends             */

/*          Login pages starts             */

.clsLoginLabel{
	width:110px;
}
.clsSignUpLabel{
	width:175px;
}
.clsLoginTextField{
	width:300px;
}
.clsExternalLoginTextField{
	width:255px;
}
	.clsLoginInsideHeading{
		background:#F7F7F7;
		font:bold 12px Tahoma;
		line-height:20px;
		padding:2px;
		margin-bottom:5px;
	}
	.clsLoginLinks li{
		display:block;
		float:left;
		margin-right:10px;
	}
	.clsLoginLinks li a{
		display:block;
		float:left;
		line-height:22px;
		text-decoration:none;
	}
	.clsForgotLink a{
		background:url(../../images/screen_grey/icon-forgotpassword.jpg) no-repeat left center;
		padding-left:20px;
	}
	.clsNewUser a{	
		background:url(../../images/screen_grey/icon-newuser.gif) no-repeat left center;
		padding-left:20px;
	}
	.clsExternalLogin{
		background:url(../../images/screen_grey/icon-externallogin.gif) left center no-repeat;
		padding-left:25px;
	}
	.validation-advice{
		color:#ff0000;
	}
	.clsMandatoryText{
		font-weight:bold;
		padding-left:5px;
	}
	.clsMandatoryFieldIcon{
		color:#f00 !important;
	}
/*          Login pages ends             */

/* STYLE FOR MANAGE TOP FRIEND SECTION */
	.viewFriends h2{
		margin:0 0 10px 7px;
		_margin:0 0 10px 0;
	}
	.viewFriends .clsSubmitLeft{
		margin-left:7px;
		_margin-left:0;
	}
		.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	* html .imageBox{
		width:129px!important;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */

		/*
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
	}

	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
		cursor:move;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;
	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}

	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;
		padding-top:2px;
		margin: 0 auto;
	}
		#dragDropContent{
			cursor:move;
		}

	/*
	DIV that indicates where the dragged image will be placed
	*/
	#insertionMarker{
		height:150px;
		width:6px;
		position:absolute;
		display:none;

	}

	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */

	}

	#insertionMarker img{
		float:left;
	}

	/*
	DIV that shows the image as you drag it
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/*
		No need to change these three values
		*/
		position:absolute;
		z-index:10;
		display:none;
	}

#selMembersBrowse .clsImageMain{
	overflow:auto;
	height:1%;
}
/* STYLE ENDED FOR MANAGE TOP FRIENDS */

/*          Import contacts pop up page starts             */

.clsImportContactsTableBorder{
	border-collapse:collapse;
	border:1px solid #fff;
}
.clsImportContactsTableBorder th{
	font:bold 11px Tahoma;
	color:#000;
}
.thTableHeader{
	font-weight:bold;
}
th.clsName{
	background:#eeeeee;
}
th.clsCheckListBox{
	background:#b8def7;
}
th.clsEmail{
	background:#ddf1b2;
}
td.clsNameData{
	background:#f7f7f7;
}
td.clsCheckListBoxData{
	background:#def2ff;
}
td.clsEmailData{
	background:#f0f9dd;
}
.clsImportContactsTableBorder td,.clsImportContactsTableBorder th{
	border:1px solid #fff;
}
.clsImportContactsTable{
	width:300px;
}
	.clsImportContactsTable td{
		padding:5px;
		font:normal 11px Tahoma;
		color:#000;
	}
	.clsImportContactError table{
		width:300px;
		border:1px solid red;
		line-height:20px;
		font-weight:bold;
	}
	.clsImportContactError td{
		font:bold 11px Tahoma;
		color:red;
		line-height:20px;
	}

/*--------------Import contacts pop up page ends ------------*/


/*---------- Overwriting recaptcha styles starts ------------*/
.recaptcha_only_if_image,#recaptcha_instructions_audio{
	color:#fff !important;
}
.recaptchatable a, .recaptchatable a:hover{
	font:normal 11px Tahoma !important;
	color:#000 !important;
}
.recaptchatable a:hover{
	color:#0082D6 !important;
}
#recaptcha_image a{
	padding-left:5px !important;
}
/*---------- Overwriting recaptcha styles ends ------------*/

/*---------- Install page starts ------------*/
#install #main{
	margin-top:70px;
}
#install .clsSideBarMargin,#install .sideBar1{
	margin-top:0px;
	padding-top:0;
}
	.clsInstallRequiredFields li{
		color:#f00;
		font-weight:bold;
		padding:5px;
	}
	.clsActiveInstallLink{
		color:#000 !important;
	}
	.clsLisenceTextBox{
		width:400px;
		padding:3px;
	}
	.clsInstallFooter{
		padding:15px;
		width:1000px;
		margin:0 auto;
	}
		p.clsInstallPoweredText{
			text-align:right !important;
		}
		p.clsInstallPoweredText a{
			color:#5ECBFE !important;
			font-weight:bold;
			text-decoration:none !important;
		}
			#install h3{
				color:#0082D6;
				font:bold 14px Arial, Helvetica, sans-serif;
			}
			.clsRequirementsOK{
				color:#090 !important;
				font-weight:bold;
			}
			.clsRequirementsNotOK{
				color:#f00 !important;
				font-weight:bold;
			}
			.clsInstallSuccess p{
				padding-bottom:10px;
			}
			.clsInstallSuccess p.clsCongratulations{
				font:normal 18px/35px Tahoma;
				color:#090;
			}
			.clsInstallSuccess p.clsDeleteFile{
				text-align:right
			}
			.clsInstallSuccess p.clsDeleteFile span{
				color:#f00;
				background:url(../../images/screen_grey/icon-alert.gif) no-repeat left top;
				padding-left:20px;
			}
			.clsInstallSuccess .clsNote{
				border:1px solid #F1F1F1;
				padding:5px;
				line-height:17px;
				background:#F7F7F7;
				margin-bottom:20px;
			}
				.clsInstallSuccess .clsNote span{
					font-weight:bold;
					font-size:14px;
				}
				.clsInstallNote li{
					background:url(../../images/screen_grey/arrow-sidebar.gif) no-repeat left center;
					padding-left:15px;
					font-size:12px;
				}
/*---------- Install page ends ------------*/	

/*---------- pop up window page starts ------------*/	
	.clsNoHeaderPopupMain{
		padding-top:25px;
	}
	.clsNoHeaderPopupMain h2{
		padding-bottom:20px;
	}
	.clsNoHeaderPopupMain td{
		padding:5px 0;
		vertical-align:top;
	}
	.clsNoHeaderPopupMain .clsFormLabelCellDefault{
		width:200px;
	}
	.clsFooterPopup{
		width:1003px;
		margin:0 auto;
	}
/*---------- pop up window page ends ------------*/	


					
/* Video list Thumb Image Size */
		/*     90PX thumb image styles     */
		#sel90PXThumbImage span.clsRunTime {
			margin:80px 0 0 2px;
			z-index:99999999;
		}
		#sel90PXThumbImage .clsThumbImageContainer a.clsInfo,#sel90PXThumbImage a.clsInfo_inside{
			top:80px;
			left:78px
		}
		#sel90PXThumbImage .clsInfoPopUp a.clsInfo_inside{
			top:87px;
			left:85px;
		}
		#sel90PXThumbImage .clsThumbImageContainer a.clsInfo_home{
			margin-left:78px;
			margin-top:-6px;
			*margin-top:-3px;
		}
		* html #sel90PXThumbImage .clsThumbImageContainer a.clsInfo_home{
			margin-top:-6px;
		}
		#sel90PXThumbImage .clsAddQuickVideoMediumImg{
			top:2px;
			left:80px
		}
		#sel90PXThumbImage .clsVideoListThumbImage{
			height:94px;
			#height:96px;
		}
		#sel90PXThumbImage .clsThumbImageOuter{
			width:94px;
			height:94px;
			#width:96px;
			#height:96px;
		}
		@media screen and (min-width: 0px){ #sel90PXThumbImage .clsThumbImageOuter { height:96px;} } /* Hack for opera */
		@media screen and (-webkit-min-device-pixel-ratio:0) { #sel90PXThumbImage .clsThumbImageOuter { width:96px; } } /* Hack for Safari */
		#sel90PXThumbImage .clsThumbImage a{
			border:0 !important;
		}
		#sel90PXThumbImage .clsThumbImage a img{
			margin:0 !important;
		}
		
		/*     140PX thumb image styles     */
		#sel140PXThumbImage span.clsRunTime {
			margin:130px 0 0 2px;
			z-index:99999999;
		}
		#sel140PXThumbImage .clsThumbImageContainer a.clsInfo,#sel140PXThumbImage a.clsInfo_inside{
			top:130px;
			left:128px
		}
		#sel140PXThumbImage .clsInfoPopUp a.clsInfo_inside{
			top:137px;
			left:135px;
		}
		#sel140PXThumbImage .clsThumbImageContainer a.clsInfo_home{
			margin-left:128px;
			margin-top:-6px;
			*margin-top:-3px;
		}
		* html #sel140PXThumbImage .clsThumbImageContainer a.clsInfo_home{
			margin-top:-6px;
		}
		#sel140PXThumbImage .clsAddQuickVideoMediumImg{
			top:2px;
			left:130px
		}
		#sel140PXThumbImage .clsVideoListThumbImage{
			height:144px;
			#height:146px;
		}
		#sel140PXThumbImage .clsThumbImageOuter{
			width:144px;
			height:144px;
			#width:146px;
			#height:146px;
		}
		@media screen and (min-width: 0px){ #sel140PXThumbImage .clsThumbImageOuter { height:146px;} } /* Hack for opera */
		@media screen and (-webkit-min-device-pixel-ratio:0) { #sel140PXThumbImage .clsThumbImageOuter { width:146px; } } /* Hack for Safari */
		#sel140PXThumbImage .clsThumbImage a{
			border:0 !important;
		}
		#sel140PXThumbImage .clsThumbImage a img{
			margin:0 !important;
		}
		#sel140PXThumbImage.clsVideoListDisplay li {
			width:145px !important;
		}
/*---------pop up info to display left starts--------*/		

.clsInfoPopUpLeftDisplay .clsInfoPopUp .clsThumbImageContainer,
.clsInfoPopUpLeftDisplay .clsInfoPopUp .clsThumbImageContainer_inside 
{
	float:right;
	margin-right:4px;
	_margin-right:0px;
}
.clsInfoPopUpLeftDisplay .clsVideoDetails{
	margin-left:3px;
}
.clsInfoPopUpLeftDisplay .clsInfoPopUp{
	left:-183px;
}
.clsInfoPopUpLeftDisplay .clsInfoPopUp a.clsInfo_inside {
	left:291px !important;
}

/*---------pop up info to display left ends--------*/		

.clsNoHeaderPopupMain{
	padding-top:25px;
}
.clsNoHeaderPopupMain h2{
	padding-bottom:20px;
}
.clsNoHeaderPopupMain td{
	padding:5px 0;
	vertical-align:top;
}
.clsNoHeaderPopupMain .clsFormLabelCellDefault{
	width:200px;
}
.clsFooterPopup{
	width:1003px;
	margin:0 auto;
}