﻿/* Controls > Login
-------------------------------------------------------------- */

#manager_ControlLogin {
}

#manager_ControlLogin .btnAccount {
	height: 22px;
	line-height: 22px;
	padding: 0;
}

#manager_ControlLogin .login-panel {
	padding: 6px 16px; 
}

#manager_ControlLogin .login-panel h3 {
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	margin: 0; 
}

#manager_ControlLogin .login-panel a {
	display: inline !important;
}

#manager_ControlLogin .login-panel a, #manager_ControlLogin .login-panel .btn {
	float: right;
	padding: 0;
	background: 0;
	border: 0;

	font-size: 12px !important;
	text-transform: none;
	font-weight: 400;
}

#manager_ControlLogin .login-panel .btn:hover {
	text-decoration: underline;
}

#manager_ControlLogin .login-panel a {
	padding-top: 1px;
	color: #f3cf05;
	margin-right: 3px !important;
}

#manager_ControlLogin .login-panel a:hover {
	color: #fff;
}

#manager_ControlLogin .login-panel a:after {
	/* content: '|'; */
	margin-left: 2px;
	color: #fff;
}

#ctl00_login_loginView_lnkGoToAccount:after
{
	content: '|';
}

#manager_ControlLogin .login-panel .input {
	display: block;
	float: none;
	width: 185px;
	border: 0;
	padding: 4px;
}

#manager_ControlLogin .login-panel .input {
	margin-bottom: 6px;
}

#manager_ControlLogin a {
	display: block !important;
	font-size: 11px !important;
	color: white;
	background: #4c4c4c;
	margin: 0 !important;
	text-align: center !important;
	text-transform: uppercase;
}
	
	#manager_ControlLogin h1 {
	}
	
	#manager_ControlLogin h2 {
	}
	
	#manager_ControlLogin .btn {
	}

	#manager_ControlLogin .btn:hover {
	}

	#manager_ControlLogin .title {
	}

	#manager_ControlLogin .alert .errorMsg {
		background: #78A4B3;
		padding: 2px 4px; 
		position: absolute;
		right: 100%;
		top: 46px;
		white-space: nowrap;
		color: white;
	}

	#manager_ControlLogin .alert .errorMsg:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	#manager_ControlLogin .alert .errorMsg:after { border-color: rgba(136, 183, 213, 0); border-left-color: #78A4B3; border-width: 9px; top: 50%; margin-top: -9px; }

	#manager_ControlLogin .input {
	}

	#manager_ControlLogin h3 {
		width: 50%;
		color: white;
		font-size: 13px;
		font-weight: 400;
		float: left;
		text-align: center;
		line-height: 20px;
		margin: 0;
		margin-bottom: 10px;
		height: 20px;
		text-decoration: none;
		position: relative;
	}

	#manager_ControlLogin h3:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 7px;
		bottom: -7px;
		left: 0;
		background: url(./images/logoff-shadow.png) no-repeat top;
	}

	#manager_ControlLogin .pro {
		font-size: 13px;
		position: relative;
		z-index: 1;
		width: 50%;
		float: left;
		background: #50899C;
		text-align: center;
		line-height: 20px;
		margin: 0;
		margin-bottom: 10px;
		height: 20px;
		font-weight: 400;
	}

	#manager_ControlLogin .pro:hover {
		background: #000;
	}

/* Controls > Connexion
-------------------------------------------------------------- */

#manager_ControlConnexion {
    display: block;
}

	#manager_ControlConnexion h2 {
	}

	#manager_ControlConnexion a {
		float: left;
		line-height: 22px;
		text-transform: uppercase;
	}

	#manager_ControlConnexion .control-group a {
		width: 50%;
		float: left;
		text-align: center;
	}

	#manager_ControlConnexion .name {
		font-size: 11px;
		position: relative;
		z-index: 1;
	}

	#manager_ControlConnexion .name:hover {
		background: rgba(255, 255, 255, .2);
	}

	#manager_ControlConnexion .name:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 7px;
		bottom: -7px;
		left: 0;
		background: url(./images/logoff-shadow.png) no-repeat top;
	}

	#manager_ControlConnexion a:hover {
	}

	#manager_ControlConnexion .bonjour {
		display: none;
	}

	#manager_ControlConnexion .deconnexion {
		font-size: 11px;
		color: white;
		background: #50899C;
	}

	#manager_ControlConnexion .deconnexion:hover {
		background: #000;
	} 

	#manager_ControlConnexion .user {
		text-align: right;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		color: white;

		margin-right: 16px;
		margin-bottom: 16px;
		padding-top: 16px;

		clear: both;
	}



	.lt-ie9 #ctl00_login_loginView_btnLogin
	{
		position: relative; 
		top: 1px;
	}