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