/**
*    CSS for BlueChill 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: header.css murugesan_042at09 $
* @since 		2009-06-10
*/

body{
	margin:0;
	padding:0;
}
.clsBodyBackground{
	background:transparent url(../../images/screen_steelblue/header/bg-bodyheader.jpg) no-repeat center top;
}

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

/* logo starts */
#header{
	overflow:hidden;
	height:71px;
}
* html #header{
	overflow:visible;
}
.clsInstallPage #header{
	height:125px;
}
	#header h1{
		float:left;
		width:254px;
		padding:0;
		margin:0;
	}
		#header h1 a, .clsPhotoPopUpWindow h1 a{
			background:url(../../images/screen_steelblue/header/logo.jpg) no-repeat;
			width:254px;
			height:71px;
			text-indent:-2000em;
			overflow:hidden;
			display:block;
			margin:0;
		}
		.clsNoHeader{
			margin-bottom:50px;
		}
	.clsPhotoPopupHeaderButton {
		float:right;
		margin:45px 10px 0 0;
	}
		
/* logo ends */
/* clsHeaderContents starts */
/*-- status checker for iframe --*/
#dynamicStatusChanger, #selMyProfileQuickLinks{
	background-color:#0e859b;
	margin:1px 0 0 -5em;
	width:220px !important;
	border:1px solid #109bb8 !important;
	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{
		color:#a756e8;
		display:block;
		font-weight:normal;
		margin:0 7px 0 0;
		padding:0;
		text-align:left;
	}
		#userStatusPicker li a, #selMyProfileLinks li a{
			background:url(../../images/screen_steelblue/header/arrow-sidebarover.gif) no-repeat scroll left center;
			color:#8be4f6;
			line-height:17px;
			text-decoration:none;
			padding-left:12px;
		}
		#userStatusPicker li a:hover, #selMyProfileLinks li a:hover{
			color:#fff;
			background:url(../../images/screen_steelblue/header/arrow-sidebar.gif) no-repeat scroll left center;
		}

.clsHeaderContents{
	float:right;
	text-align:right;
	width:725px;
}
	#selTopHeaderCurve{
		float:right;
		padding:0;
	}
	#selTopHeaderLinks{
		text-align:right;
		height:22px;
		margin:6px 0 4px 0;
	}
		#selWelcomeLinks{
			font:normal 8pt "Trebuchet MS";
		}
				#selWelcomeLinks li{
					background:url(../../images/screen_steelblue/header/bg-topnavseperator.gif) no-repeat left center;
					display:block;
					color:#6196ab;
					padding:0 5px 0 9px;
					font-weight:normal;
					float:left;
					font-size:11px;
				}
					#selWelcomeLinks li img{
						cursor:pointer;
						vertical-align:middle;
					}
						#selWelcomeLinks li a{
							color:#93bbcb;
							text-decoration:none;	
							line-height:16px;
							font-size:11px;		
						}	
						#selWelcomeLinks li span {
							font-size:11px;
						}
							#selWelcomeLinks li.clsNoBorder a{
								padding-right:0!important;
							}
						#selWelcomeLinks li a:hover,#selWelcomeLinks .clsActiveLink a{
							color:#fff;			
						}	
						.clsActiveLink .classDashBoardLinks li a{
							color:#93bbcb!important;
						}
						.clsActiveLink .classDashBoardLinks li a:hover{
							color:#fff!important;
						}
				#selWelcomeLinks .clsNoBg{
					background:none;
				}		
				#selWelcomeLinks .clsHome{
					margin-top:0px;
				}		
				#selWelcomeLinks .clsHome a{
					background:url(../../images/screen_steelblue/header/bg-topmenuhome.gif) no-repeat right center;
					color:#fff;
					height:17px;
					width:16px;
					text-align:left;
					display:block;
					text-indent:-999em;
				}
					#selWelcomeLinks .clsHome a:hover{
						color:#fff;
						text-decoration:none;
					}
				#selWelcomeLinks li.clsNewMail{
					background:none;
					padding:0 4px 0 0;
				}	
				#selWelcomeLinks .clsNewMail a{
					background:url(../../images/screen_steelblue/header/icon-mailcount.gif) no-repeat 0 0.1em;
					padding:0 0 0 2.3em;
				}
				#selWelcomeLinks li.clsInviteFriendsMenu a{	
					background:url(../../images/screen_steelblue/header/icon-invitefriends.gif) no-repeat right center;
					height:18px;
					width:15px;
					text-align:left;
					display:block;
					text-indent:-999em;
				}
				#selWelcomeLinks li .clsDashBoardMenu a{	
					background:url(../../images/screen_steelblue/header/icon-dashboard.gif) no-repeat right center;
					height:18px;
					width:15px;
					text-align:left;
					display:block;
					text-indent:-999em;
				}
				.clsQuickMixLink{
					background:url(../../images/screen_steelblue/header/bg-quickmixleft.gif) no-repeat left top;
					float:left;
					padding:0px 4px;
				}	
					.clsQuickMixLink a{
						background:url(../../images/screen_steelblue/header/bg-quickmixright.gif) no-repeat right top;
						color:#fff !important;
						padding:0 4px 0 0;
						font:normal 9px "Trebuchet MS" !important;
						display:block;
					}	
					@media screen and (-webkit-min-device-pixel-ratio:0) { .clsQuickMixLink a{ height:15px; padding-top:2px; }  } /* Hack for Safari */

						.clsQuickMixLink a:hover{
							color:#ffd9e2;
						}	
				.clsUserStatusIcon{
					background:url(../../images/screen_steelblue/header/icon-status-select.gif) no-repeat  center center;
					width:10px;
					height:10px;
					cursor:pointer;
				}	
					.clsInputMemberStatus{
						width:58px;
						border:0;
						height:15px;
						font:normal 11px tahoma;
					}	
					.classDashBoardLinks{
						padding:0 0 10px 0;
					}
						.classDashBoardLinks h3{
							padding:5px 10px!important;
						}
					.classDashBoardLinks ul{
						padding:0 10px;
					}	
					.classDashBoardLinks li{
						padding:5px 0;
					}
					.classDashBoardLinks li a{
						color:#fff;
					}
					#selDashBoard {
						color:#fff!important;
					}
					#selDashBoard li a{
						color:#95bacc;
					} 
					#selDashBoard li a:hover{
						color:#fff;
					}
					.clsStatusSeprator{
						margin-top:2px!important;
						background:url(../../images/screen_steelblue/header/bg-statusseperator.gif) repeat-x center center;
						height:2px!important;
						margin-bottom:4px;
					}
/* TopHeader starts */
		.clsTopHeader{
			clear:left;
		}
		.clsTopHeader,#selNav {
			overflow:hidden;
			zoom:1;
		}
		* html .clsTopHeader,* html #selNav {
			overflow:visible;
			height:1%;
		}
			.clsHeaderBanner{
				background:url(../../images/screen_steelblue/header/bg-banner.gif) no-repeat left top;
				float:left;
				width:470px;
				text-align:left;
				height:60px;
				margin:3px 0 0 13px;
			}
			*html .clsHeaderBanner{
				margin:3px 0 0 6px;
			}
			.clsRightHeader{
				margin-right:5px;
				float:right;
				display:inline;
			}
			.clsUploadPhotoButton {
				padding:0;
			}
				.clsUploadPhotoButton a{
					display:block;
					background:url(../../images/screen_steelblue/header/bg-uploadphotoright.gif) no-repeat right center;
					text-decoration:none;
				}
				.clsUploadPhotoButton a span{
					display:block;
					background:url(../../images/screen_steelblue/header/bg-uploadphotoleft.gif) no-repeat left center;
					padding:0 30px 0 5px;
					font:normal 13px "Trebuchet MS";
					line-height:36px;
					color:#fff;
					text-decoration:none;
				}
					.clsUploadPhotoButton a:hover span{
						color:#000;
						text-decoration:none;
					}
				.clsThemeSwitcher, .clsLanguageSwitcher, .clsHeaderUpLoadPhoto {
					float:left;
				}	
	/* TopHeader ends */
/* clsHeaderContents ends */

/* style for dashboard */
#selDashBoard{
	width:290px;
	background-color:#0e859b;
	border:1px solid #0f9cb7 !important;
	padding:0.7em;
	z-index:10500;
	overflow:hidden;
}
#selDashBoard{
	*margin-top:17px;
}
.clsDashBoardHeading{
	float:left;
	width:150px;
	padding:0;
	text-align:left;
}
.clsCloseButton{
	float:right;
	cursor:pointer;
}
	.clsCloseButton p{
		background:url(../../images/screen_steelblue/header/icon-dashclose.gif) no-repeat right center;
		width:47px;
		height:20px;
		display:block;
		text-indent:-999em;
		text-align:left;
	}

.clsHeadingClose{
	height:22px;
	zoom:1;
	margin:0 0 0.2em 0;
}
* html .clsHeadingClose{
	height:1%;
	overflow:visible;
}
.classDashBoardLinks{
	background-color:#164650;
	border:1px solid #1b95ad !important;
	text-align:left;
	text-transform:capitalize;
}
	.classDashBoardLinks h3{
		padding:0 0 0 1em;
		color:#39d1e9;
	}
	.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{
	height:38px;
}
	.clsNavigationLeft{
		height:38px;
	}
		.clsNavigationRight{
			height:38px;
		}
		.clsMainMenu{
			float:left;
			width:750px;
		}
.clsPhotoModuleMainMenu {
	overflow:hidden;
}
* html .clsPhotoModuleMainMenu {
	overflow:visible;
}
#selNavigation,.clsMainMenu{
	height:35px;
	clear:left;
	position:relative;
}
.clsPhotoModuleMainMenu #selNavigation{
	float:left;
	width:670px;
}
	.clsPhotoModuleMainMenuRight {
		float:right;
		height:27px;
		padding:5px 3px 0 0;
		width:300px;
		text-align:right;
	}
	#selNav ul{
		float:left;	
	}
	.clsMenu ul{
		padding:0;
		margin:0;
	}
		.clsMenu li,.clsMenu li a,.clsMenu li a span{
			float:left;
			display:block;
			height:25px;
			line-height:25px !important;
		}
		.clsMenu li{
			color:#000;
			padding:5px 2px 0 4px;
			background:url(../../images/screen_steelblue/header/bg-mainmenu.gif) no-repeat left bottom;
		}
		.clsMenu li.clsFirstNav{
			background:none !important;
		}
			.clsMenu li a,.clsMenu li span{
				color:#000;
				text-decoration:none;
				font:normal 13px "Trebuchet MS";
				padding-left:6px;
			}
			.clsMenu li a:hover,.clsMenu li.clsActiveLink,li.clsActiveMenu a,li.clsHoverMenu a{
				color:#fff;
				background:url(../../images/screen_steelblue/header/bg-activemainmenuleft.gif) no-repeat left top;
			}
				.clsMenu li a:hover span,.clsMenu li.clsActiveLink span,li.clsActiveMenu a span,li.clsHoverMenu a span{
					background:url(../../images/screen_steelblue/header/bg-activemainmenuright.gif) no-repeat right top;
					color:#fff;
				}
				.clsMenu li a span{
					padding:0 14px 0 8px;
				}
					.clsMoreMenus{
						background:url(../../images/screen_steelblue/header/bg-more.gif) no-repeat right center;
						padding-right:6px;
					}
		.clsMenu li.clsFirstNav a:hover, .clsMenu li.clsActiveFirstMenu a{
			background:url(../../images/screen_steelblue/header/bg-activemainmenuleft.gif) no-repeat left top;
			color:#FFFFFF;
		}	
			.clsMenu li.clsFirstNav a:hover span, .clsMenu li.clsActiveFirstMenu a span {
				background:url(../../images/screen_steelblue/header/bg-activemainmenuright.gif) no-repeat right top;
				color:#FFFFFF;
			}	
		.clsMenu li.clsActiveMenu a,.clsMenu li.clsHoverMenu a{
			color:#acc5ca;
		}
		.clsMenu li.clsActiveMenu a:hover,.clsMenu li.clsHoverMenu a:hover{
			color:#fff;
		}
	.clsSubMenuList{
		text-align:left;
		position:absolute; 
		z-index:999999;
		background:#0E2436; 
		border:1px solid #0d2132; 
		border-top:0; 
		border-bottom:0;
	}
		.clsSubMenuList li{
			_display:inline;
		}
			.clsSubMenuList li a{
				color:#acc5ca;
				text-decoration:none;
				font:normal 13px/30px Arial, Helvetica, sans-serif;
				background:url(../../images/screen_steelblue/header/bg-subnavigation.gif) repeat-x left bottom;
				padding:0 10px;
				display:block;
				width:180px;
				width:200px;
			}
			.clsSubMenuList li a:hover{
				color:#fff;
				text-decoration:none;
				background:#044251;
			}
			#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 --------------------- */

/* --------------------- 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 --------------------- */



/* ----------------- Language and themes starts ----------------------*/
.clsOverflow{
	overflow:auto;
	zoom:1;
}
* html .clsOverflow{
	overflow:visible;
	height:1%;
}
	.clsLangSwitcher{
		color:#65696c;
		margin:8px 10px 0 0;
	}
	.clsLangSwitcher h3{
		color:#000;
		font-weight:normal;
	}
		a.language{
			background:url(../../images/screen_steelblue/header/bg-language.gif) no-repeat left top;
			width:31px;
			height:17px;
			display:block;
			float:right;
			text-align:left;
		}
		a.language img{			
			margin:2px 0 3px 2px;
			border:1px solid #3b3b42;
		}
	.clsStyleSwitcher{
		float:right;
		color:#ccc;
	}
	.clsStyleSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		.clsLanguageThemePopup{
			position:absolute;
			background:#0E859B;
			border:1px solid #164650;
			margin-top:20px;
			z-index:99999;
		}
		.clsLanguageThemePopup li{
			padding:0;
			text-align:left;
		}
		.clsLanguageThemePopup li a{
			color:#fff;
			text-decoration:none;
			display:block;
			padding:3px 5px;
		}
		.clsLanguageThemePopup li a:hover{
			color:#93BBCB;
			background:#164650;
		}
		.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  --------*/