/**
*    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;
	margin:2px 0 0 0;
	padding:0;
}
.clsBodyBackground{
}
.clsImporterHeader{
	margin:0 auto;
	width:980px;
}
/* ---------------------  Header starts --------------------- */
* html .trcheader{
	height:1%
}
* html .lbheader{
	width:100%
}
.trcheader,.lbheader,.tlcheader{
	zoom:1
}
.trcheader{
	background:transparent url(../../images/screen_blue/trcheader.gif) no-repeat right top;
}
.tlcheader{
	background:transparent url(../../images/screen_blue/tlcheader.gif) no-repeat;
}
.blcheader{
	background:transparent url(../../images/screen_blue/blcheader.gif) no-repeat left bottom;
}
.brcheader{
	background:transparent url(../../images/screen_blue/brcheader.gif) no-repeat right bottom;
}
.tbheader{
	background:transparent url(../../images/screen_blue/tbheader.gif) repeat-x;
}
.bbheader{
	background:transparent url(../../images/screen_blue/bbheader.gif) repeat-x center bottom;
}
.rbheader{
	background:transparent url(../../images/screen_blue/rbheader.gif) repeat-y right top;
}
.lbheader{
	background:#080808 url(../../images/screen_blue/lbheader.gif) repeat-y left bottom;
}
/* ---------------------  Header starts --------------------- */
* html .trcheader_popup_popup{
	height:1%
}
* html .lbheader_popup{
	width:100%
}
.trcheader_popup,.lbheader_popup,.tlcheader_popup{
	zoom:1
}
.trcheader_popup{
	background:transparent url(../../images/screen_blue/trcheader_popup.gif) no-repeat right top;
}
.tlcheader_popup{
	background:transparent url(../../images/screen_blue/tlcheader_popup.gif) no-repeat;
}
.blcheader_popup{
	background:transparent url(../../images/screen_blue/blcheader_popup.gif) no-repeat left bottom;
}
.brcheader_popup{
	background:transparent url(../../images/screen_blue/brcheader_popup.gif) no-repeat right bottom;
}
.tbheader_popup{
	background:transparent url(../../images/screen_blue/tbheader_popup.gif) repeat-x;
}
.bbheader_popup{
	background:transparent url(../../images/screen_blue/bbheader_popup.gif) repeat-x center bottom;
}
.rbheader_popup{
	background:transparent url(../../images/screen_blue/rbheader_popup.gif) repeat-y right top;
}
.lbheader_popup{
	background:#090909 url(../../images/screen_blue/lbheader_popup.gif) repeat-y left bottom;
}
.clsPopUpBodyBackground #header {
	height:67px;
}
.clsPopUpBodyBackground #header h1{
	background:url(../../images/screen_blue/popup-logo.jpg) no-repeat left top;
	height:45px;
	width:138px;
}
.clsPopUpBodyBackground #header h1 a{
	height:45px;
	width:138px;
}

/* logo starts */
#header{
	height:106px;
}
	#header h1{
		background:url(../../images/screen_blue/logo.jpg) no-repeat;
		float:left;
		width:210px;
		height:77px;
		margin:17px 0 0 12px;
		padding:0;
		display:inline;
	}
		#header h1 a{
			width:210px;
			height:77px;
			text-indent:-2000em;
			overflow:hidden;
			display:block;
		}
		.clsNoHeader{
			margin-bottom:50px;
		}
/* logo ends */
/* clsHeaderContents starts */
/*-- status checker for iframe --*/
#dynamicStatusChanger, #selMyProfileQuickLinks{
	background-color:#535C5F;
	margin:0 0 0 -5em;
	width:220px !important;
	border:1px solid #777D7F !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_blue/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:750px;
}	
	#selTopHeaderLinks{
		text-align:right;
		margin:2px 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;
			}
				#selWelcomeLinks li{
					display:inline;
					color:#abb9be;
					background:url(../../images/screen_blue/bg-topheaderlink.gif) no-repeat left center;
					padding:0 0 0 12px;
					font-weight:normal;
				}
				#selMyProfileLinks li,#selWelcomeLinks li li{
					background:url(../../images/screen_blue/bg-topheaderinnerlink.gif) no-repeat left center;
				}
				#selWelcomeLinks .clsNoBg{
					background:none;
				}
						#selWelcomeLinks li img{
							cursor:pointer;
							vertical-align:middle;
						}
						#selWelcomeLinks li a{
							color:#abb9be;
							text-decoration:none;	
							line-height:17px;		
							padding-right:7px;		
						}	
						.clsNoPadding a{
							padding-right:0 !important;
						}
						#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_blue/icon-mailcount.gif) no-repeat 0 0.2em;
					padding:0 7px 0 1.5em;
				}		
				.clsUserStatusIcon{
					background:url(../../images/screen_blue/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:750px;
		}
		#selTopHeaderCurve{
			float:right;
			padding:0 14px 0 0;
		}
		#selMiddleTopHeaderLinks{
		}

				.clsQuickMixLink{
					background:#be0143 url(../../images/screen_blue/bg-quickmixlink.gif) repeat-x left top;
					border:1px solid #282828;
					display:inline;
					padding:2px 3px;
				}	
				.clsQuickMixLink a{
					color:#fff !important;
					padding:0 !important;
				}	
				.clsQuickMixLink a:hover{
					color:#ffd9e2 !important;
				}	
/* TopHeader starts */
		.clsTopHeader{
			clear:left;
		}
		.clsTopHeader,#selNav {
			overflow:hidden;
			zoom:1;
		}
		* html .clsTopHeader,* html #selNav {
			overflow:visible;
			height:1%;
		}
			#selBanner{
				float:left;
				width:470px;
				text-align:left;
				padding-top:5px;
			}
			#selRightHeader{
				float:right;
				width:255px;
				margin-right:10px;			
				display:inline;	
			}
			* html #selRightHeader .clsPaddingTop9{
				display:inline;
			}
	/* 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_blue/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;
			float:left;
		}
			.clsDashLink li a{
				color:#FFF;
			}
/* end of style for dashboard */

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

/*--------------------- selNavigation --------------------- */
.clsNavigationMiddle{
	background:url(../../images/screen_blue/bg-nav-middle.gif) repeat-x left top;
	height:31px;
	margin-top:6px;
}
	.clsNavigationRight{
		background:url(../../images/screen_blue/bg-nav-right.gif) no-repeat right top;
		height:31px;
	}
		.clsNavigationLeft{
			background:url(../../images/screen_blue/bg-nav-left.gif) no-repeat left top;
			height:31px;
		}
.clsAbsoluteNavImage{
	width:5px;
	height:32px;
	background:url(../../images/screen_blue/bg-navigationleft.gif) no-repeat left top;
	position:absolute;
	display:none;
}
#selNavigation{
	width:970px;
	height:31px;
	clear:left;
	position:relative;
}
	#selNav ul{
		float:left;	
	}
	.clsMenu ul{
		padding:0;
		margin:0;
	}
		.clsMenu li{
			float:left;
			background:url(../../images/screen_blue/bg-navigation.gif) no-repeat right top;
			line-height:31px;
			color:#000;
			font-weight:bold;
			font-size:11px;
			margin-left:0;
		}
			.clsMenu li a,
			.clsMenu li a span{
				display:block;
				float:left;
				color:#000;
				line-height:31px;
				text-decoration:none;
			}
			.clsMenu li a span{
				padding:0 10px;
			}
			.clsMenu li a:hover,
			.clsMenu li.clsActiveMenu a{
				color:#fff;
				background:url(../../images/screen_blue/bg-navlinkright-hover.gif) no-repeat right top;
			}
			.clsMenu li.clsActiveMenu a.clsMore{
				color:#fff;
				/*background:url(../../images/screen_blue/bg-navlinkmoreright-hover.gif) no-repeat right top !important;*/
			}
			.clsMenu li ul{
				display:none;
			}
			.clsMenu li.clsHoverMenu,
			.clsMenu li.clsHoverMenu a{
				color:#fff;
				/*background:url(../../images/screen_blue/bg-navlinkmoreright-hover.gif) no-repeat right top;*/
			}
			.clsMenu li.clsShowSubMenu a span,
			.clsMenu li.clsActiveMenu a span,
			.clsMenu li.clsHoverMenu a span{
				color:#fff;
			}
			.clsMenu li.clsShowSubMenu a:hover span,
			.clsMenu li.clsActiveMenu a:hover span,
			.clsMenu li.clsHoverMenu a:hover span{
				color:#fff;
			}
			.clsMenu li.clsFirstNav a:hover span,
			.clsMenu li.clsActiveFirstMenu a span{
				background:url(../../images/screen_blue/bg-navigationhover-left.gif) no-repeat left top;
				color:#fff;
			}
				.clsMenu li.clsActiveFirstMenu a{
					background:url(../../images/screen_blue/bg-navlinkright-hover.gif) no-repeat right top;
					color:#fff;
				}
			li.clsMoreMenus a{
				/*background:url(../../images/screen_blue/bg-more.gif) no-repeat right center;*/
			}
			li.clsMoreMenus a:hover{
				/*background:url(../../images/screen_blue/bg-navlinkmoreright-hover.gif) no-repeat right top !important;*/
			}
			.clsMoreMenus span{
				/*padding-right:18px !important;*/
			}
			
			.clsSubMenuList{
				text-align:left;
				position:absolute; 
				z-index:999999;
				background:#3d4a52; 
				border:1px solid #4d4d4d; 
				border-top:0; 
				border-bottom:0;
			}
				.clsSubMenuList li{
					_display:inline;
				}
					.clsSubMenuList li a{
						color:#B4B4B4;
						text-decoration:none;
						font:bold 11px/30px Tahoma;
						background:url(../../images/screen_blue/bg-subnavigation.gif) repeat-x left bottom;
						padding:0 10px;
						display:block;
						width:180px;
						width:200px;
					}
					.clsSubMenuList li a:hover{
						color:#07a3d6;
						text-decoration:none;
						background:#000 url(../../images/screen_blue/bg-subnavigation.gif) repeat-x left bottom;
					}
					#selBackgroundIframe{
						background:white; 
						border:0; 
						z-index:999990; 
						position:absolute;
						width:200px;
					}
					li.clsNoBorderBackground,.clsNoBorderBackground,.clsNoBorderBackground span,li.clsNoBorderBackground span,.clsNoBorderBackground a,.liclsNoBorderBackground a{
						background:none !important;
						border:none !important;
					}
/* --------------------- selNavigation ends --------------------- */
/* --------------------- Search drop down menu starts --------------------- */
	.clsSearchListMenu{
		text-align:left;
		position:absolute; 
		z-index:999999;
		background:#424242; 
		border:1px solid #4d4d4d; 
		border-bottom:0;
	}
	.clsSearchListMenu ul{
		float:left
	}
		.clsSearchListMenu li{
			_display:inline;
			border-right:1px solid #4d4d4d;
		}
		.clsSearchListFinalMenu li{	
			border-right:0 !important;
		}
			.clsSearchListMenu li a{
				color:#B4B4B4;
				text-decoration:none;
				font:bold 11px/24px Tahoma;
				background:url(../../images/screen_blue/bg-searchlist.gif) repeat-x left bottom;
				padding:0 10px;
				display:block;
				width:120px;
				_width:140px;
			}
			.clsSearchListMenu li a:hover{
				color:#07a3d6;
				text-decoration:none;
				background:#383838 url(../../images/screen_blue/bg-searchlist.gif) repeat-x left bottom;
			}
/* --------------------- Search drop down menu 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_blue/tlcsidebar.gif) no-repeat;
}
.trcsidebar{
	background:transparent url(../../images/screen_blue/trcsidebar.gif) no-repeat right top;
	padding-bottom:10px;
}
.blcsidebar{
	background:transparent url(../../images/screen_blue/blcsidebar.gif) no-repeat left bottom;
}
.brcsidebar{
	background:transparent url(../../images/screen_blue/brcsidebar.gif) no-repeat right bottom;
}
.tbsidebar{
	background:transparent url(../../images/screen_blue/tbsidebar.gif) repeat-x;
}
.bbsidebar{
	background:transparent url(../../images/screen_blue/bbsidebar.gif) repeat-x center bottom;
}
.rbsidebar{
	background:transparent url(../../images/screen_blue/rbsidebar.gif) repeat-y right top;
}
.lbsidebar{
	background:#FFF url(../../images/screen_blue/lbsidebar.gif) repeat-y left bottom;
}
* html .trcsidebar{height:1%}
* html .lbsidebar{
	width:100%
}
.lbsidebar,.tlcsidebar,.trcsidebar{
	zoom:1
}
.clsSideBarMargin{
	margin-top:7px;
}
/*  ----------------------- Rounded corners 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 td{
		vertical-align:middle;
	}
	.clsLangSwitcher table{
		margin-top:11px;
	}
	.clsLangSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		a.language{
			background:url(../../images/screen_blue/bg-language.gif) no-repeat left top;
			width:36px;
			height:19px;
			display:block;
			float:right;
		}
		a.language:hover{
			/*background:url(../../images/screen_blue/bg-languageover.gif) no-repeat left top;*/
		}
		a.language img{
			border:1px solid #00A4FF;
			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;
			z-index:99999;
		}
		.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;
	}
	.clsThemeHeading{
		font-weight:bold;
		color:#fff;
	}
	.clsStyleHeading,li.clsStyleHeading{
		padding-left:10px !important;
	}
/*--------   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  --------*/

/* --------------------- search upload starts --------------------- */
.clsSearchBoxBg{
	background:url(../../images/screen_blue/bg-searchbox.gif) no-repeat right top;
	width:150px;
	_width:182px;
	height:23px;
	_height:28px;
	padding:7px 0 0 30px ;
	text-align:left;
	margin-right:2px;
}
* html #membersviewVideo .clsSearchBoxBg,* html #viewVideo .clsSearchBoxBg{
	background:url(../../images/screen_blue/bg-searchbox.gif) no-repeat right top;
	_width:150px;
	padding:7px 0 0 60px ;
}
	.clsSearchTextBox{
		border:0;
		width:133px;
	}

#membersmyHome .clsUploadMiddle{
	margin-bottom:7px;
}
.clsUploadMiddle{
	background:url(../../images/screen_blue/bg-uploadvideomiddle.gif) repeat-x left top;
}
	.clsUploadRight{
		background:url(../../images/screen_blue/bg-uploadvideoright.gif) no-repeat right top;
		height:63px;
	}
		.clsUploadLeft{
			background:url(../../images/screen_blue/bg-uploadvideoleft.gif) no-repeat left top;
			height:63px;
		}
			.clsUploadVideo{
				padding:6px 0 0 28px ;
			}
				.clsUploadVideo a{
					display:block;
					padding-left:85px;
					background:url(../../images/screen_blue/icon-videoupload.gif) no-repeat left center;
					font:normal 18px tahoma;
					line-height:50px;
					color:#4e7f00;
					text-decoration:none;
				}
					.clsUploadVideo a:hover{
						color:#000;
						/*background:url(../../images/screen_blue/icon-videouploadover.gif) no-repeat left center;*/
					}
.clsTopGreyButtonLeft{
	background:url(../../images/screen_blue/bg-topgreybuttonleft.gif) no-repeat left top;
	padding-left:5px;
	height:30px;
	display:block;
	float:left;
}
	.clsTopGreyButtonRight{
		background:url(../../images/screen_blue/bg-topgreybuttonright.gif) no-repeat right top;
		padding-right:10px;
		padding-left:5px;
		height:30px;
		display:block;
		float:left;
	}
		.clsTopGreyButtonRight input,.clsTopGreyButtonRight a{
			background:none;
			border:0;
			padding-top:5px;
			display:block;
			float:left;
			text-decoration:none;
			font:bold 11px tahoma;
			color:#fff;
			cursor:pointer;
		}
		/*.clsSearchModules a{
			background:url(../../images/screen_blue/bg-searchlistarrow.gif) right 10px no-repeat;
			padding-right:12px;
		}*/
/* --------------------- search upload ends --------------------- */

.clsPopUpHeaderWidth{
	max-width:1000px;
	margin:0 auto;
}
* html .clsPopUpHeaderWidth {
	width: expression(document.body.clientWidth < 470? "472px" : document.body.clientWidth > 1000? "998px" : "auto");
}