* {
	margin: 0;
	padding: 0;
}

body {
	background: #165190 url(../img/bg.gif) center center repeat;
}

#login {
	width: 302px;
	height: 250px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	margin-left: -192px;
	margin-top: -242px;
	padding: 120px 41px 0 41px;
	text-align: center;
	background: #fff url(../img/bg_login.jpg) top center no-repeat;
}

.shadow {
	-moz-box-shadow: 0px 0px 10px #0d3967; /* Firefox/Mozilla */
	-webkit-box-shadow: 0px 0px 10px #0d3967; /*Safari/Chrome */
	box-shadow: 0px 0px 10px #0d3967; /* Opera & hoe het zou moeten */
	/* Voor IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=45, Color='#0d3967')"
		;
	/* Voor IE 5.5 - 7 */
	filter: progid : DXImageTransform.Microsoft.Shadow ( Strength = 10,
		Direction = 45, Color = '#0d3967' );
}

.prettyfield,.usernamefield,.usernamefieldhidden,.passwordfield,.passwordfieldhidden
	{
	position: absolute;
	border: #dce5ee 1px solid;
	background-color: #ddeaf5;
	font: italic normal normal 12px/ 16px Arial, Helvetica, sans-serif;
	width: 180px;
	padding: 10px;
	margin: 0 0 15px 0;
	outline: none;
}

.usernamefield {
	z-index: 2;
	top: 350px;
	left: 90px;
}

.usernamefieldhidden {
	z-index: 1;
	top: 350px;
	left: 90px;
}

.passwordfield {
	z-index: 2;
	top: 400px;
	left: 90px;
}

.passwordfieldhidden {
	z-index: 1;
	top: 400px;
	left: 90px;
}

.prettysubmit {
	position: absolute;
	width: 116px;
	height: 34px;
	overflow: hidden;
	top: 450px;
	left: 134px;
}

.errormessage {
	position: absolute;
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #d47d37;
	top: 270px;
	left: 20px;
	right: 20px;
}


.systemstatus {
  position: absolute;
  width: 116px;
  height: 34px;
  overflow: hidden;
  top: 355px;
  left: 282px;  
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  color: #838497;
  text-decoration:underline ;
}

.ssowarning {
  padding-top: 20px;
  position: absolute;
  top: 140px;
  left: 20px;
  right: 20px;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #b4434a;
}
.ssowarning a {
  color: inherit;
}

.ssolink {
  position: absolute;
  top: 220px;
  left: 90px;
  width: 180px;
  background-color: #FFBB02;
  border: 1pt solid #E0A400;
  border-radius: 0.25rem;
  font-family: Arial;
  font-size: 15px;
  color: #212529;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  padding: 0.375rem 0.75rem;
}

.ssolink:hover {
    color: #212529;
    background-color: #dba000;
    border-color: #ad7f00;
}

.ssolink:focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 164, 0, 0.5);
    outline: 0;
}

.legacyLogin {
	width: 200px;
	background-color: #069;
	border: 1pt solid #069;
	border-radius: 0.25rem;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 0.375rem 0.75rem;
	cursor: pointer;
}

.legacyLogin:hover {
	color: #FFFFFF;
	background-color: #1a5190;
	border-color: #1a5190;
}

.legacyLogin:focus {
	box-shadow: 0 0 0 0.2rem rgba(224, 164, 0, 0.5);
	outline: 0;
}

.dashedLine {
	border-top: 1px solid black;
	padding-top: 20px;
	position: absolute;
	top: 320px;
	left: 20px;
	width: 350px;
}