@font-face {
  font-family: 'HarabaraHandItalic';
  src: url("../Fonts/HarabaraHand/HarabaraHand-webfont.eot");
  src: url("../Fonts/HarabaraHand/HarabaraHand-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/HarabaraHand/HarabaraHand-webfont.woff") format("woff"), url("../Fonts/HarabaraHand/HarabaraHand-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
}

h1 {
  font-family: 'HarabaraHandItalic';
  color: #6EB43F;
  margin: 0;
  font-size: 24px;
}

h2 {
  font: normal 1.2em Arial, Helvetica, "Century Gothic", sans-serif;
  color: #424242;
  margin: 0;
  padding-bottom: 10px;
}

html {
  background-image: none;
  background-color: black;
}

body {
  margin: 0;
  padding: 0;
  font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color: #333;
  background: #000 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB8CAIAAADM/PbCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyQkIyMUYzNjc5RTExRTBCQjlEQTZCMjFBNEVGRDQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyQkIyMUY0Njc5RTExRTBCQjlEQTZCMjFBNEVGRDQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJCQjIxRjE2NzlFMTFFMEJCOURBNkIyMUE0RUZENDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJCQjIxRjI2NzlFMTFFMEJCOURBNkIyMUE0RUZENDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5M9HxlAAAAIElEQVR42mJgGAWjYBRQCTCqGfGDqBknbYAUE0QQIMAAHwkCCVcBz2gAAAAASUVORK5CYII=") repeat-x;
  text-align: center;
}

#sign-in-section:lang(es), #sign-in-section:lang(fi) {
  width: 350px;
}

#Content {
  background: url(../Images/login-extended.jpg) no-repeat top center;
  height: 700px;
}

#Content .Inner {
  margin: 0 auto;
  padding: 100px 0 0;
  text-align: left;
  width: 620px;
  overflow: hidden;
}

#Content .Login {
  width: 480px;
  margin: 0 auto;
  text-align: center;
}

#Content #LoginForm {
  width: 310px;
  margin: 0 auto;
}

#Content .Info {
  width: 160px;
  margin: 0 0 0 50px;
  display: none;
}

#Content .Info ul {
  margin: 0;
  padding: 40px 0 0 0;
}

#Content .Info li {
  list-style-type: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAQAAABwz0azAAAACXZwQWcAAAAGAAAACAALUtQcAAAAOUlEQVQI113MsQoAEBRA0ff/H0ZGI6OyY5HFleQl3eksVyoT5CQGT0OxC3QUBktC4cgXkcE/KM96AU47So492CfJAAAAAElFTkSuQmCC") no-repeat 0 5px;
  padding-left: 18px;
  margin-bottom: 15px;
}

#Content p {
  margin: 10px 0;
  padding: 0;
}

.TextInput {
  padding: 5px;
  margin: 0;
  font-size: 18px;
  width: 300px;
}

.watermark {
  color: #999;
}

.Login:hover span {
  background-position: right -368px;
}

.Button {
  text-decoration: none;
  background: url(../images/UI-buttons.png) no-repeat 0 0;
  display: block;
  height: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  overflow: hidden;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #000;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #AFAFAF;
  padding: 0 20px 0 20px;
}

.Button:hover {
  background-position: 0 -31px;
  text-decoration: none;
}

.Button:hover span {
  background-position: right -776px;
}

.error_message_block {
  background: #fcf4f2;
  border-bottom: 1px solid #994D4D;
  width: 275px;
  margin: 0 auto;
}

.error_message_block .error_message {
  padding: 5px 10px;
  color: #994D4D;
}

.error_message_block .error_message img {
  float: left;
  margin: -3px 10px 0 0;
}

.errorMessageBubble {
  background: #FF0000;
  color: #fff;
  font-weight: bold;
  padding: 14px;
}

.environmentInformation {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 30px;
  z-index: 1000;
  top: 0;
  padding-top: 5px;
  padding-left: 20px;
  text-align: center;
  border-bottom: solid 1px #626366;
}

.divInfoSpacer {
  height: 0;
  clear: both;
}

/*# sourceMappingURL=login.css.map */