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

body{
	background:#fff url(../../images/screen_blue/header/bg-body.jpg) repeat-x;
	margin:0;
	padding:0;
}
.clsBodyBackground{
	background:url(../../images/screen_blue/header/bg-profilebody.gif) repeat-x;
}

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

/* logo starts */
#header{
	overflow:hidden;
	height:96px;
}
* html #header{
	overflow:visible;
}
.clsInstallPage #header{
	height:135px;
}
	#header h1{
		float:left;
		width:240px;
		height:90px;
		padding:0;
		margin:0;
	}
		#header h1 a{
			background:url(../../images/screen_blue/header/logo.jpg) no-repeat;
			width:195px;
			height:60px;
			text-indent:-2000em;
			overflow:hidden;
			display:block;
			margin:20px 0 0 7px;
		}
		.clsNoHeader{
			margin-bottom:50px;
		}
/* logo ends */
/* clsHeaderContents starts */
/*-- status checker for iframe --*/
#dynamicStatusChanger, #selMyProfileQuickLinks{
	background-color:#40494F;
	margin:1px 0 0 -5em;
	width:220px !important;
	border:1px solid #5A676F !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:#66CCFF;
		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_blue/header/arrow-sidebar.gif) no-repeat scroll left center;
			color:#66CCFF;
			line-height:17px;
			text-decoration:none;
			padding-left:12px;
		}
		#userStatusPicker li a:hover, #selMyProfileLinks li a:hover{
			color:#fff;
			background:url(../../images/screen_blue/header/arrow-sidebarover.gif) no-repeat scroll left center;
		}

.clsHeaderContents{
	float:right;
	text-align:right;
	width:740px;
}	
	#selTopHeaderLinks{
		text-align:right;
		height:22px;
		margin-top:4px;
	}
		#selWelcomeLinks{
			font:normal 8pt Arial,Helvetica,sans-serif;
		}
				#selWelcomeLinks li{
					display:inline;
					color:#333333;
					padding:0 0 0 7px;
					font-weight:normal;
				}
						#selWelcomeLinks li img{
							cursor:pointer;
							vertical-align:middle;
						}
						#selWelcomeLinks li a{
							color:#000;
							text-decoration:none;	
							line-height:17px;		
							padding-right:7px;		
						}	
						#selWelcomeLinks li.clsNoBorder a{
							padding-right:0!important;
						}
						#selWelcomeLinks li a:hover,#selWelcomeLinks .clsActiveLink a{
							color:#e1012e;			
						}	
						.clsActiveLink .classDashBoardLinks li a{
							color:#66CCFF!important;
						}
						.clsActiveLink .classDashBoardLinks li a:hover{
							color:#fff!important;
						}
				#selWelcomeLinks li.clsNewMail{
					background:none;
					padding-left:0;
				}	
				#selWelcomeLinks .clsNewMail a{
					background:url(../../images/screen_blue/header/icon-mailcount.gif) no-repeat 0 0.2em;
					padding:0 7px 0 1.5em;
				}		
				.clsUserStatusIcon{
					background:url(../../images/screen_blue/header/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;
					}	
					.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:#66CCFF;
					} 
					#selDashBoard li a:hover{
						color:#fff;
					}
					.clsStatusSeprator{
						margin-top:2px!important;
						background:url(../../images/screen_blue/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{
				float:left;
				width:470px;
				text-align:left;
				overflow:hidden;
				height:65px;
			}
				.clsHeaderBanner .clsAddBanner,.clsHeaderBanner .clsAddBanner iframe{
					height:60px;
					overflow-y:hidden;
				}
			.clsRightHeader{
				float:right;
				width:263px;
			}
	/* TopHeader ends */
/* clsHeaderContents ends */

/* style for dashboard */
#selDashBoard{
	position:absolute;
	width:350px;
	width:374px;
	background-color:#262C2F;
	border:1px solid #40494F !important;
	padding:1em;
	right:10px;
	z-index:10500;
	overflow:hidden;
}
#selDashBoard{
	*margin-top:17px;
}
.clsDashBoardHeading{
	float:left;
	width:90px;
	padding:0;
}
.clsCloseButton{
	float:right;
	cursor:pointer;
}
	.clsCloseButton p{
		background:url(../../images/screen_blue/header/icon-dashclose.gif) no-repeat right center;
		padding:0.4em 19px 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{
	background-color:#40494F;
	border:1px solid #5A676F !important;
	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 --------------------- */
.clsMainMenuMiddle{
	background:url(../../images/screen_blue/header/bg-menumiddle.gif) repeat-x left top;
	height:38px;
}
	.clsMainMenuLeft{
		background:url(../../images/screen_blue/header/bg-menuleft.gif) no-repeat left top;
		height:38px;
	}
		.clsMainMenuRight{
			background:url(../../images/screen_blue/header/bg-menuright.gif) no-repeat right top;
			height:38px;
		}
		.clsMainMenu{
			float:left;
			width:750px;
		}
#selNavigation,.clsMainMenu{
	height:38px;
	clear:left;
	position:relative;
}
	#selNav ul{
		float:left;	
	}
	.clsMenu ul{
		padding:0;
		margin:0;
	}
		.clsMenu li,.clsMenu li a,.clsMenu li a span{
			float:left;
			display:block;
			height:38px;
			line-height:38px !important;
		}
		.clsMenu li{
			background:url(../../images/screen_blue/header/bg-navigation.gif) no-repeat right center;
			line-height:38px;
			color:#acc5ca;
			padding-right:2px;
		}
			.clsMenu li a,.clsMenu li span{
				color:#acc5ca;
				text-decoration:none;
				font:normal 13px Arial, Helvetica, sans-serif;
			}
			.clsMenu li a:hover,.clsMenu li.clsActiveLink,li.clsActiveMenu a,li.clsHoverMenu a{
				color:#fff;
				background:url(../../images/screen_blue/header/bg-navigation-over.gif) no-repeat center top;
			}
				.clsMenu li a:hover span,.clsMenu li.clsActiveLink span,li.clsActiveMenu a span,li.clsHoverMenu a span{
					color:#fff;
				}
				.clsMenu li a span{
					padding:0 15px;
				}
					.clsMoreMenus{
						background:url(../../images/screen_blue/header/bg-more.gif) no-repeat right center;
						padding-right:6px;
					}
		.clsMenu li.clsFirstNav a:hover, .clsMenu li.clsActiveFirstMenu a{
			background:transparent url(../../images/screen_blue/header/bg-navigation-over.gif) no-repeat center top;
			color:#FFFFFF;
		}	
			.clsMenu li.clsFirstNav a:hover span, .clsMenu li.clsActiveFirstMenu a span {
				background:transparent url(../../images/screen_blue/header/bg-navigationhover-left.gif) no-repeat left 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_blue/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{
		float:right;
		color:#65696c;
		margin-left:10px;
	}
	.clsLangSwitcher h3{
		color:#65696c;
		font-weight:normal;
	}
		a.language{
			background:url(../../images/screen_blue/header/bg-language.gif) no-repeat right center;
			width:29px;
			height:19px;
			display:block;
			float:right;
			text-align:left;
		}
		a.language img{			
			margin:4px 0 3px 2px;
		}
	.clsStyleSwitcher{
		float:right;
		color:#ccc;
	}
	.clsStyleSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		.clsLanguageThemePopup{
			position:absolute;
			background:#424242;
			border:1px solid #6f6f6f;
			margin-top:20px;
			margin-left:-83px;
			padding:5px;
			z-index:99999;
			width:100px;
			*margin-left:-70px;
		}
		.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  --------*/