/* login knop */

div.login-wrap {
	display: none;
	height: auto;
	width: 420px;
	position: absolute;
	margin: auto;
	/*margin-top: 100px;*/
	z-index: 999;
}

div#login {
	display: inline-block;
	background: #939599 url(images/login-key.png) no-repeat top right;
	padding: 0px 25px 25px 25px;
	position: relative;
	/* height: 285px; */
	width: 420px;
	/* border radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

	div#login h1 {
		color: White !important;
		margin-top: 34px;
		margin-bottom: 34px;
	}

	div#login .warning {
		margin-bottom: 10px;
		color: black;
		font-weight: bold;
	}

	div#login .login-info {
		color: white; /*#545658;*/
		margin-bottom: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #CCCCCC;
	}

	div#login form div.clear {
		height: 8px;
	}

	div#login form label, div#login form input {
		font-size: 14px;
	}

		div#login form label, div#login form input[type="button"] {
			padding: 4px;
		}

	div#login form label {
		color: #FFFFFF;
		display: inline-block;
		text-align: left;
		float: left;
		height: auto;
		line-height: 2;
		padding: 0 10px 0 0;
		width: 130px;
	}

	div#login form div, div#login form li, div#login a {
		color: #FFFFFF;
	}

	div#login form input#username,
	div#login form input#password,
	div#login form input#password_again,
	div#login form input#txtUsername,
	div#login form input#txtPassword,
	div#login form input#txtPassword_again,
	div#login form input#code {
		border: 1px solid #5e6063;
		height: 26px;
		/*line-height: 26px; causes the cursor to start high in Chrome */
		margin: 0 0 0 0 !important;
		padding: 0 5px !important;
		float: left;
		width: 204px;
		/* border radius */
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	div#login form div#reset-password {
		float: left;
		font-size: 14px;
		height: auto;
		margin-top: 10px;
		margin-bottom: 20px;
		text-shadow: 0px 1px 0px #6E7073;
		/*position: absolute;
			top: 55px;
			left: 189px;*/
		width: auto;
	}

	div#login form a {
		color: #FFFFFF;
		text-decoration: underline;
		text-shadow: 0px 1px 0px #6E7073;
	}

		div#login form a:hover {
			text-decoration: underline;
		}

	div#login form input.submit {
		border: none;
		margin: -1px 0 0 4px;
		padding: 0;
		float: left;
		/*left: 296px;
			position: absolute; 
			top: 28px;*/
	}


div.login-wrap.compact {
	width: 450px;
	margin-top: 0px;
}

	div.login-wrap.compact div#login {
		/* height: 130px; */
		width: 450px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

		div.login-wrap.compact div#login h1 {
			display: none;
		}

		div.login-wrap.compact div#login form input#txtUsername,
		div.login-wrap.compact div#login form input#txtPassword,
		div.login-wrap.compact div#login form input#txtPassword_again {
			width: 170px;
		}



div.login-wrap.reset {
	width: 450px;
}

	div.login-wrap.reset div#login {
		width: 450px;
		padding-bottom: 20px;
	}

		div.login-wrap.reset div#login h1 {
			margin-bottom: 20px;
		}

		div.login-wrap.reset div#login form label {
			width: 150px;
		}

		div.login-wrap.reset div#login form div.clear {
			height: 7px;
		}

div.oidc-container {
	clear: both;
}

	div.oidc-container h2 {
		color: white !important;
		margin-top: 50px;
		padding-top: 8px;
		border-top: 1px dotted white;
	}

.oidc-profiles .oidc-button {
	width: 100%;
	padding: 4px;
	margin: 2px 0px;
	opacity: .9;
	-moz-opacity: .9;
	text-align: left;
	/*background: #F9F9F9;
		border: 1px solid #CCCCCC;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
}

	.oidc-profiles .oidc-button:hover {
		opacity: 1;
		-moz-opacity: 1;
	}

.oidc-button span {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 4px;
}

.oidc-button .oidc-icon {
	width: 40px;
}

	.oidc-button .oidc-icon img {
		height: 28px;
		display: block;
	}

.oidc-button .text {
	/*font-weight: bold;*/
	font-size: 120%;
}

div#languages {
	float: right;
	height: 40px;
	position: relative;
	z-index: 1;
}

	div#languages a {
		background-image: url('images/formdesk-lang.gif');
		background-repeat: no-repeat;
		display: block;
		float: left;
		height: 24px;
		margin: 0 7px 0 0;
		text-indent: -999999px;
		width: 24px;
	}

		div#languages a#en {
			background-position: 0 0;
		}

			div#languages a#en:hover, div#languages a#en.active {
				background-position: -0 -24px;
			}

		div#languages a#uk {
			background-position: -72px 0px;
		}

			div#languages a#uk:hover, div#languages a#uk.active {
				background-position: -72px -24px;
			}

		div#languages a#nl {
			background-position: -24px 0px;
		}

			div#languages a#nl:hover, div#languages a#nl.active {
				background-position: -24px -24px;
			}

		div#languages a#de {
			background-position: -48px 0;
			margin: 0px;
		}

			div#languages a#de:hover, div#languages a#de.active {
				background-position: -48px -24px;
			}



.fdlogin {
	FONT-SIZE: 8pt;
	COLOR: #1d2f68;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #f2f1f8;
}

.fdloginheader {
	FONT-SIZE: 8pt;
	COLOR: #1d2f68;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #f2f1f8;
}

.fdlogintext {
	FONT-SIZE: 8pt;
	COLOR: #1d2f68;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: white;
}

.fdloginleft {
	BACKGROUND-COLOR: #f2f1f8;
	BACKGROUND-IMAGE: url(images/login_bg.gif);
	BACKGROUND-POSITION: bottom right;
	BACKGROUND-REPEAT: no-repeat;
}

DIV.fdbutton A, DIV.fdbutton A:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: black;
	FONT-FAMILY: Tahoma, Arial;
	TEXT-DECORATION: none;
}