/**
*    CSS for Blue 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
*/

body{
	background:#fff url(../../images/screen_grey/bg-body.jpg) repeat-x;
}
.clsBodyBackground{
	background:url(../../images/screen_grey/bg-profilebody.gif) repeat-x;
}

/* ---------------------  Header starts --------------------- */

/* logo starts */
#header{
	height:114px;
}
	#header h1{
		background:url(../../images/screen_grey/logo.jpg) no-repeat;
		float:left;
		width:220px;
		height:77px;
		margin:4px 0 0 0;
		padding:0;
	}
		#header h1 a{
			width:220px;
			height:77px;
			text-indent:-2000em;
			overflow:hidden;
			display:block;
		}
/* logo ends */
/* clsHeaderContents starts */
/*-- status checker for iframe --*/
#dynamicStatusChanger, #selMyProfileQuickLinks{
	background-color:#424242;
	margin:0 0 0 -5em;
	width:220px !important;
	border:1px solid #979797 !important;
	margin-top:7px;
	padding:5px;
}
* html #dynamicStatusChanger, * html #selMyProfileQuickLinks{
	margin:0 0 0 -10em;
}
#dynamicStatusChanger, #selMyProfileQuickLinks{
	*margin:0 0 0 -10em;
}
#dynamicStatusChangerIFrame, #dynamicStatusChangerIFrame2{
	background-color:#F7F7F7;
	position:absolute;
	width:220px !important;
	margin:0 0 0 -5em;
}
#dynamicStatusChangerIFrame, #dynamicStatusChangerIFrame2{
	*margin:0 0 0 -8em;
}
	#userStatusPicker li, #selMyProfileLinks li{
		background:url(../../images/screen_grey/bg-topheaderlink.gif) no-repeat scroll left center;
		color:#CCCCCC;
		display:block;
		font-weight:normal;
		margin:0 7px 0 0;
		padding:0 0 0 12px;
		text-align:left;
	}
		#userStatusPicker li a, #selMyProfileLinks li a{
			color:#CCCCCC;
			line-height:17px;
			text-decoration:none;
		}
		#userStatusPicker li a:hover, #selMyProfileLinks li a:hover{
			color:#3EC5F5;
		}

.clsHeaderContents{
	float:right;
	text-align:right;
	width:767px;
}	
	#selTopHeaderLinks{
		text-align:right;
		margin:4px 0 0 0;
		height:21px;
		zoom:1;	
	}
	* html #selTopHeaderLinks{
		height:1%;
		overflow:visible;
	}
		#selWelcomeLinks{
			font:normal 8pt Arial,Helvetica,sans-serif;
		}
			#selWelcomeLinks ul{
				padding:0 0 5px 2.5em;
				margin:0;
				background:url(../../images/screen_grey/bg-topheadercurve.jpg) no-repeat left top;
			}
				#selWelcomeLinks li{
					display:inline;
					color:#CCC;
					background:url(../../images/screen_grey/bg-topheaderlink.gif) no-repeat left center;
					padding:0 0 0 12px;
					font-weight:normal;
				}
						#selWelcomeLinks li img{
							cursor:pointer;
							vertical-align:middle;
						}
						#selWelcomeLinks li a{
							color:#ccc;
							text-decoration:none;	
							line-height:17px;		
							padding-right:7px;		
						}	
						#selWelcomeLinks li a:hover,#selWelcomeLinks li a.clsActiveLink{
							color:#3EC5F5;			
						}	
				#selWelcomeLinks li.clsNewMail{
					background:none;
					padding-left:0;
				}	
				#selWelcomeLinks .clsNewMail a{
					background:url(../../images/screen_grey/icon-mailcount.gif) no-repeat 0 0.2em;
					padding:0 7px 0 1.5em;
				}		
				.clsUserStatusIcon{
					background:url(../../images/screen_grey/icon-status-select.gif) no-repeat  center center;
					width:10px;
					height:10px;
					cursor:pointer;
				}	
					.clsInputMemberStatus{
						width:60px;
						border:0;
						height:15px;
						font:normal 11px tahoma;
					}		
		#selLeftTopHeaderLinks{
			float:left;
			width:767px;
		}
		#selTopHeaderCurve{
			float:right;
			background:transparent url(../../images/screen_grey/bg-topheaderright.jpg) no-repeat right top;
			padding:0 14px 0 0;
		}
		#selMiddleTopHeaderLinks{
			background:url(../../images/screen_grey/bg-topheadermiddle.jpg) repeat-x;
		}
/* TopHeader starts */
		.clsTopHeader{
			clear:left;
		}
		.clsTopHeader,#selNav {
			overflow:auto;
			zoom:1;
			_overflow:visible;
			_height:1%;
		}
			#selBanner{
				float:left;
				width:400px;
				text-align:left;
				padding-top:10px;
			}
			#selRightHeader{
				float:right;
				width:355px;
			}
	/* TopHeader ends */
/* clsHeaderContents ends */

/* style for dashboard */
#selDashBoard{
	position:absolute;
	width:350px;
	width:374px;
	background:#1F1D1D;
	border:1px solid #3F3F3F;
	padding:1em;
	right:10px;
	z-index:10500;
	overflow:auto;
}
#selDashBoard{
	*margin-top:17px;
}
.clsDashBoardHeading{
	float:left;
	width:90px;
	padding:0;
}
.clsCloseButton{
	float:right;
	cursor:pointer;
}
	.clsCloseButton p{
		background:url(../../images/screen_grey/icon-dashclose.gif) no-repeat right center;
		padding:0.5em 2.5em 0.5em 0;
		width:47px;
		display:inline;
	}

.clsHeadingClose{
	height:25px;
	zoom:1;
	margin:0 0 0.2em 0;
}
* html .clsHeadingClose{
	height:1%;
	overflow:visible;
}
.classDashBoardLinks{
	border:1px solid #6F6F6F;
	background:#424242;
	text-align:left;
	text-transform:capitalize;
}
	.classDashBoardLinks h3{
		padding:0 0 0 1em;
	}
	.clsDashLink{
		overflow:auto;
		zoom:1;
		background:none !important;
	}
	* html .clsDashLink{
		height:1%;
		overflow:visible;
	}
		.clsDashLink li{
			padding:0 ;
			margin:0;
			background:url(../../images/screen_grey/bg-borderline.jpg) no-repeat right center;
			float:left;
		}
			.clsDashLink li a{
				color:#FFF;
			}
/* end of style for dashboard */

/*--------------------- Header ends ---------------------*/

/*--------------------- selNavigation --------------------- */
#selNavigation{
	width:970px;
	height:44px;
	margin-left:1px;
	clear:left;
	background:url(../../images/screen_grey/bg-navigation.gif) no-repeat left top;
	position:relative;
}
	.clsMenu ul{
		padding:0;
		margin:0;
	}
		.clsMenu li{
			float:left;
			background:url(../../images/screen_grey/bg-navigation.gif) no-repeat right top;
			line-height:44px;
			color:#b4b4b4;
			font-weight:bold;
			padding:0 10px;
			font-size:11px;
			margin-left:0;
		}
			.clsMenu li a{
				color:#b4b4b4;
				text-decoration:none;
			}
			.clsMenu li a:hover,.clsMenu li.clsActiveLink{
					color:#07a3d6;
			}
				.clsMoreMenus{
					background:url(../../images/screen_grey/bg-more.gif) no-repeat right center;
					padding-right:18px;
				}
			.clsMenu li ul{
				display:none;
			}
			.clsMenu li.clsShowSubMenu,.clsMenu li.clsActiveMenu{
			}
			.clsMenu li.clsShowSubMenu a,.clsMenu li.clsActiveMenu a{
				color:#07a3d6;
			}
			.clsMenu li.clsShowSubMenu a:hover,.clsMenu li.clsActiveMenu a:hover{
				color:#07a3d6;
			}
			.clsMenu li.clsShowSubMenu ul{
				display:block;
			}
			.clsMenu li:hover ul{
				display:block;
			}
				.clsMenu li ul{
					background:#252525;
					position:absolute;
					border:1px solid #4d4d4d;
					border-top:2px solid #0a0a0a;
					border-bottom:0;
					margin:44px 0 0 -12px;
					*margin:28px 0 0 -12px;		
					z-index:30;
				}
					.clsMenu li ul li{
						float:none;
						background-image:none;
						line-height:17px;
						padding:0;
						z-index:30;
						border-top:1px solid #161616;
						border-bottom:1px solid #4d4d4d;
					}
					.clsMenu li ul li a{
						display:block;
						padding:5px 10px;
						width:180px;
						color:#B4B4B4 !important;
					}
					.clsMenu li ul li a:hover{
						background:#000;
						color:#fff !important;
					}
/* --------------------- selNavigation ends --------------------- */

/* --------------------- Header Login starts --------------------- */
.clsHeaderMemberLogin *{
color:#999;
}
	.clsHeaderMemberLogin table,.clsHeaderMemberLogin td{
		border:0;
		text-align:left;
	}
	.clsHeaderMemberLogin td{
		padding:6px 0 0 5px;
	}
		.clsHeaderMemberLogin td a{
			color:#ccc;
			padding-left:6px;
			text-decoration:none;
		}
		.clsHeaderMemberLogin td a:hover{
			text-decoration:underline;
		}
		.clsHeaderTextBox{
			background:#282828;
			width:130px;
			height:18px;
			line-height:18px;
			border:1px solid #424242;
		}
/* --------------------- Header Login ends --------------------- */

/*  ----------------------- Rounded corners starts ---------------------------- */
.tlcsidebar{
	background:transparent url(../../images/screen_grey/tlcsidebar.gif) no-repeat;
}
.trcsidebar{
	background:transparent url(../../images/screen_grey/trcsidebar.gif) no-repeat right top;
	padding-bottom:10px;
}
.blcsidebar{
	background:transparent url(../../images/screen_grey/blcsidebar.gif) no-repeat left bottom;
}
.brcsidebar{
	background:transparent url(../../images/screen_grey/brcsidebar.gif) no-repeat right bottom;
}
.tbsidebar{
	background:transparent url(../../images/screen_grey/tbsidebar.gif) repeat-x;
}
.bbsidebar{
	background:transparent url(../../images/screen_grey/bbsidebar.gif) repeat-x center bottom;
}
.rbsidebar{
	background:transparent url(../../images/screen_grey/rbsidebar.gif) repeat-y right top;
}
.lbsidebar{
	background:#FFF url(../../images/screen_grey/lbsidebar.gif) repeat-y left bottom;
}
* html .trcsidebar{height:1%}
* html .lbsidebar{
	width:100%
}
.lbsidebar,.tlcsidebar,.trcsidebar{
	zoom:1
}
.clsSideBarMargin{
	margin-top:20px;
}
/*  ----------------------- Rounded corners ends ---------------------------- */

/* --------------------- main and sidebar display starts --------------------- */
#main{
	margin:25px 320px 0 0;
	min-height:29em;
	padding-bottom:20px;
}
* html #main{
	height:29em;
}
#viewVideo #main,#membersviewVideo #main,#membersmyHome #main{
	margin:25px 0 0 0;
}
	#viewVideo #sidebar,#membersviewVideo #sideBar,#membersmyHome #sideBar{
		display:none;
	}
#membersviewProfile #main,#viewProfile #main,#membersmembersInvite #main,#membersInvite #main,#membersmyProfile #main{
	margin:25px 0 0 0;
}
	#membersviewProfile #sidebar,#viewProfile #sidebar,#membersmembersInvite #sidebar,,#membersInvite #sidebar,#membersmyProfile #sidebar{
		display:none;
	}
/* --------------------- main and sidebar display ends --------------------- */	
	
/* --------------------- Side bar starts --------------------- */	
.sideBar1{
	width:300px;
	float:right;
	clear:left;
	padding:0.5em 0;
	margin:25px 0 0 20px;
	font:normal 8pt Arial,Helvetica,sans-serif;
}	
	.sideBar1 table,.sideBar1 td{
		margin:0;
		padding:0;
		border:0;
		background:transparent;
	}
		.clsSideBar{
			overflow:auto;
			zoom:1;
			_height:1%;
			_overflow:visible;
			margin:0 18px 0 18px;
		}
		.clsTopContributorsSideBar{
			margin:0 2px 0 2px;
		}
		.clsTopContributorsSideBar .clsSideBarLeftTitle{
			padding-left:16px;
		}
		.clsSideBarBanner{
			margin-top:20px;
			text-align:center;
		}
		.clsSideBarContainer{
			margin-top:20px;
		}
		.clsSideBarLeftClose,.clsSidebarInActive{
			display:block;
			width:18px;
			height:18px;
			margin:10px 0 0 22em;
			cursor:pointer;
			background:url(../../images/screen_grey/icon-sidebarshow.gif) no-repeat center center;
		}
		.clsSidebarInActive{
			background:url(../../images/screen_grey/icon-sidebarshide.gif) no-repeat center center;
		}
			.clsSideBarLeftTitle{
				font:bold 12px Tahoma;
				line-height:33px;
				color:#fff;
				padding-bottom:5px;
			}
			.clsSideBarContent{
			overflow:auto;
			zoom:1;
			_height:1%;
			_overflow:visible;
			margin:0;
			}
				.clsSideBarContent li{
					line-height:24px;
					font-weight:bold;
					color:#0082D6;
					width:97%;
					overflow:auto;
				}
					.clsSideBarContent li a{
						background:url(../../images/screen_grey/arrow-sidebar.gif) no-repeat left 11px;
						float:left;
						display:block;
						font:normal 11px Tahoma;
						color:#0082D6;
						line-height:24px;
						padding-left:16px;
						text-decoration:none;
						padding-right:3px;
					}
					.clsSideBarContent li a:hover{
						background:url(../../images/screen_grey/arrow-sidebarover.gif) no-repeat left 11px;
						color:#000;
					}
					.clsSideBarContent li.clsActive a{
						font-weight:bold;
					}
					.clsSideBarContent li ul{
						display:none;
					}
					.clsSideBarContent li.clsActive ul{
						display:block;
						clear:left;
						margin-left:20px;
					}
					.clsSideBarContent li.clsActive ul li a{
						font-weight:normal;
					}
					.clsSideBarContent li.clsActive ul li.clsActive a{
						font-weight:bold;
					}
					.clsStatsTitle{
						font-weight:normal;
						color:#000;
						background:url(../../images/screen_grey/arrow-sidebar.gif) no-repeat left center;
						padding-left:16px;
					}
					.clsMoreTags{
						text-align:right;
						font-weight:bold;
					}
					.clsMoreTags a{
						text-decoration:none;
						color:#4E7F00;
						background:url(../../images/screen_grey/bg-morelink.gif) left center no-repeat;
						padding-left:12px;
					}
					.clsMoreTags a:hover{
						color:#000;
					}
		.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; 
					}
		.clsTopContributors,.clsTopContributorsNoBg{
			overflow:auto;
			zoom:1;
			_height:1%;
			_overflow:visible;
			background:url(../../images/screen_grey/bg-topcontributers.gif) repeat-x left top;
			padding:10px 0;
		}
		.clsTopContributorsNoBg{
			background:none;
		}
			.clsTopContributorsThumbDetails{
				float:left;
				width:175px;
			}
				.clsTopContributorsThumbDetailsTitle{
					color:#000;
					font:bold 11px Tahoma;
				}
					.clsTopContributorsThumbDetailsTitle a{
						color:#000;
						text-decoration:none;
					}
					.clsTopContributorsThumbDetailsTitle a:hover{
						color:#0082D6;
						text-decoration:none;
					}
					
			.clsTopContributorsThumb{
				width:80px;
				_width:87px;
				padding-left:7px;
				float:left;
				text-align:left;
			}
			.clsVideoTags{
				line-height:20px;
			}
/* --------------------- Side bar ends --------------------- */

/* ----------------- Language and themes starts ----------------------*/
.clsOverflow{
	overflow:auto;
	zoom:1;
}
* html .clsOverflow{
	overflow:visible;
	height:1%;
}
	.clsLangSwitcher{
		float:right;
		color:#ccc;
		margin-left:33px;
	}
	.clsLangSwitcher table{
		margin-top:11px;
	}
	.clsLangSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		a.language{
			background:url(../../images/screen_grey/bg-language.gif) no-repeat left top;
			width:36px;
			height:19px;
			display:block;
			float:right;
		}
		a.language:hover{
			/*background:url(../../images/screen_grey/bg-languageover.gif) no-repeat left top;*/
		}
		a.language img{
			border:1px solid black;
			margin:3px 17px 3px 3px;
		}
	.clsStyleSwitcher{
		float:right;
		color:#ccc;
	}
	.clsStyleSwitcher table{
		margin-top:11px;
	}
	.clsStyleSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		.clsLanguageThemePopup{
			position:absolute;
			background:#424242;
			border:1px solid #6f6f6f;
			margin-top:20px;
			padding:5px;
		}
		.clsLanguageThemePopup li{
			padding:2px 0 3px 0;
			text-align:left;
		}
		.clsLanguageThemePopup li a{
			color:#ccc;
			text-decoration:none;
		}
		.clsLanguageThemePopup li a:hover{
			color:#07A3D6;
		}
		.clsLanguageThemePopup li img{
			margin-top:2px;
			border:1px solid #000;
		}
	.clsCornerPopUp{
		margin-left:-115px;
		width:140px;
	}
/*--------   Top menu My profile link starts  --------*/
	.clsMyProfileLink{
		position: absolute;
		background-color:#424242;
		border:1px solid #979797 !important;
		padding:5px;
		width:170px !important;
		margin-top:4px;
	}
	.clsMyProfileLink ul,#selMyProfileQuickLinks ul{
		background:none;
		margin:0;
		padding:0;
	}
	.clsMyProfileLink ul li,#selMyProfileQuickLinks ul li{
		text-align:left;
		margin:0;
		display:block;
	}
		.clsMyProfileLink ul li.clsActive a,#selMyProfileQuickLinks ul li.clsActive a{
			color:#3EC5F5;
		}
/*--------   Top menu My profile link ends  --------*/