/*Erwann Ser 4/2013*/

/*GLOBAL STYLE*/
.center {text-align:center}
.clearfix:after {
	content: ""; 
	display: table; 
	clear: both;
	}

/*PREAMBLE*/

#preamble {
	float:left;
	margin-left:30px;
	width:500px;
	}

	#preamble h1 {
		font-size: 2em; 
		color:#204fa1;
		}
	#preamble .tagline {
		font-size: 1.2em; 
		padding: .2em 0 8px;
		}
	#preamble li {margin: .5em 0 .5em}
	#preamble li span {
		float:left;
		height: 48px;
		width: 49px;
		margin-right: 15px;
		background:url(/images/loginpage_icons.png) no-repeat;
		}
	#preamble .stayInformed span {background-position: -60px 0}
	#preamble .communicate span {background-position: -120px 0}
	#preamble .getInvolved span {background-position: -180px 0}
	#preamble .privacy span {background-position: -236px 0}
	
	#preamble li > b {
		font-size: 1.6em;
		font-weight:normal;
		color:#204fa1;
		}
	#preamble li > p {
		font-size: 1.2em; 
		line-height: 1.4;
		overflow:hidden;
		}
	.preambLinks {
		display:inline-block;
		background:#f7f7f7;
		border: 1px solid #E2E2E2;
		border-top-color: #CBCBCB;
		padding-right:5px;
		margin-bottom: 1.5em;
		box-shadow: inset 0 0 0 1px #FBFBFB;
		border-radius: 0 0 3px 3px;
		line-height: 2.3em;
		height: 2.2em;
		}
		.preambLinks a {
			display:inline-block;
			height: 100%;
			padding:0 6px 0 11px;
			border-left: 1px solid #DDD
			}
		.preambLinks a:first-child {border:0}


/*LOGIN PANELS*/

.loginPanels {
	display: table;
	margin: 0 auto 10px;
	}
	.loginPanels h1 {
	font-size:2.5em;
	color:#444;
	text-shadow: 0 1px 0 #FFF;
	font-weight:normal;
	margin-bottom:.4em
	}
	.loginPanels hr {
		border: none;
		height:1px;
		background:#bbb;
		margin: 20px 0;
		border-bottom: 1px solid #fff;
		}
	.loginPanels input[type=submit], .button {
		display:inline-block;
		background: #0077c2; /*Opera Mini*/
		background: -webkit-linear-gradient(#008dd6,#0069b6);
		background: -moz-linear-gradient(#008dd6,#0069b6);
		background: linear-gradient(#008dd6,#0069b6); 
		border: 1px solid #202758;
		border-radius: 3px;
		box-shadow: inset 0 0 2px #fff, 1px 1px 2px #8da6b5;
		color:#FFF !important; 
		cursor:pointer;
		font-weight:bold;
		outline:none !important;
		padding: 9px 15px;
		text-decoration:none !important;
		text-shadow: 0 -1px 0 #22396b; 
		}
	.loginPanels input[type=submit]:hover, .loginPanels input[type=submit]:focus, .button:hover, .button:focus {
		background: -webkit-linear-gradient(#009bee,#0077ce);
		background: -moz-linear-gradient(#009bee,#0077ce);
		background: linear-gradient(#009bee,#0077ce); 
		}
	.loginPanels input[type=submit]:focus, .button:focus {text-decoration: underline !important}
	.loginPanels input[type=submit]:active, .button:active {
		position:relative;
		top: 1px;
		text-decoration: none !important;
		left:1px;
		box-shadow: inset 0 0 2px #fff;
		}
	.loginPanels input[type=text], .loginPanels input[type=password] {
		display:block;
		width: 100%;
		height: 37px; 
		border-radius: 4px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding: 0 5px 0 50px;
		background: #FFF url(/images/login_icons.png) no-repeat 10px .4em;
		margin: 10px 0;
		border: 1px solid #cbd0d6;
		border-bottom-color: #FFF; 
		border-right-color: #FFF; 
		
		}
	.loginPanels input[type=text] + input, .loginForm input[type=text] + input {background-position: 10px -2.2em !important}

	input:-webkit-autofill {-webkit-box-shadow: 0 1px 3px #ECECEC, inset 0 0 0 50px #fffed7 !important}
/*	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.loginPanels input[type=text], .loginPanels input[type=password] {padding-left: 10px; background-image:none}
		}*/

	.register {
		text-align:center; 
		margin-bottom:0; 
		font-weight:bold;
		}
		.register a:first-child {float:left}
		.register input {float:right}
	
	
	#login a {text-decoration:underline}
	.loginNews {
		border: 1px solid #ffda30;
		box-shadow: 0 1px 3px #c1b9a0, inset 0 0 0 1px #FFF; 
		padding: 13px 20px;
		border-radius: 4px;
		background:#fefcc6;
		font-size: 1.1em;
		margin-top:10px;
		}
	#login .ctnLogin, #loginDefault .ctnLogin {
		border: 1px solid #cecece;
		border-radius: 5px;
		box-shadow: 0 1px 4px #d9dde5, inset 0 0 0 1px #fff;
		padding: 0 20px 20px 20px;
		background:#F4F4F4;
		}
	#login > div p:first-child {
		background: #FFF url(/images/login_logo.png) no-repeat 95%;
		min-height: 36px;
		border-radius: 4px 4px 0 0;
		margin: 0 -20px 1em;
		padding: 25px 20px 1em;
		}

/*Default Login*/
#loginDefault {width: 360px}
#loginDefault .loginHeader {
	margin: 0 -20px 1em;
	border-radius: 4px 4px 0 0;
	overflow:hidden;
	}