body{
margin:0;
padding:0;
font-family:arial;
}

.webformCaption{
  font-weight:bold;    
}

#loginDialog {
  margin-left: auto; 
  margin-right: auto;
  width: 577px;
}

#forgotpwDialog {
  margin-left: auto; 
  margin-right: auto;
  width: 577px;
}

#resetPasswordDialog {
  border:1px solid #dadada;
  margin-left: auto; 
  margin-right: auto;
  width: 577px;
}

/* Otavan Opisto graffa */

#oo #loginBar {
  background-image: url(/fi/gfx/login/bar.jpg);
  width: 574px;
  height: 120px;
}

#oo .formContainer {
  margin-top: 36px;
  width: 400px;
  border: 3px solid #00934f;
  font-family: arial; 
  font-size: 12px;
  font-weight: bold;
  margin-left: auto; 
  margin-right: auto;
}

/* Reppu graffa */

#reppu #loginBar {
  background-image: url(/fi/gfx/login/reppu_lko.jpg);
  width: 574px;
  height: 120px;
}

#reppu .formContainer {
  margin-top: 36px;
  width: 400px;
  border: 3px solid #146cac;
  font-family: arial; 
  font-size: 12px;
  font-weight: bold;
  margin-left: auto; 
  margin-right: auto; 
}

/* Raita graffa */

#raita #loginBar {
  background-image: url(/fi/gfx/login/raita_lko.jpg);
  width: 574px;
  height: 120px;
}

#raita .formContainer {
  margin-top: 36px;
  width: 400px;
  border: 3px solid #ca5a2a;
  font-family: arial; 
  font-size: 12px;
  font-weight: bold;
  margin-left: auto; 
  margin-right: auto;
}


/* Verso graffa */

#verso #loginBar {
  background-image: url(/fi/gfx/login/verso_lko.jpg);
  width: 574px;
  height: 120px;
}

#verso .formContainer {
  margin-top: 36px;
  width: 400px;
  border: 3px solid #a2871c;
  font-family: arial  ; 
  font-size: 12px;
  font-weight: bold;
  margin-left: auto; 
  margin-right: auto;
}


.loginErrorMessage {
  font-weight: normal;
  color: #ff0000;
  position: absolute;
  margin-top: -30px;
  width: 400px;
  text-align: center;
}

.fishTextContainer {
  font-size: 10px;
  position: absolute;
  margin-top: -159px;
  margin-left: -75px;
  height: 35px;
  width: 95px;
  display: table;
  text-align: center;
}


.fishText {
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  height: inherit;
  display: table-cell;
  color:#00934B;
  font-weight: normal;
}



.formBottom{
background:url(/fi/gfx/darkbgr.png) no-repeat bottom left;

}

.formTop{
background:url(/fi/gfx/lightbgr.png) no-repeat top left;

}

#formContainerBottomLeft {
  position: absolute;
  width: 15px;
  height: 15px; 
  background-color: white;
  background-image: url(/fi/gfx/login/blcorner.gif);
  margin-top: 179px;
  margin-left: -4px;
  background-repeat: no-repeat;
}

#formContainerBottomRight {
  position: absolute;
  width: 15px;
  height: 15px; 
  background-color: white;
  background-image: url(/fi/gfx/login/brcorner.gif);
  margin-top: 179px;
  margin-left: 389px;
  background-repeat: no-repeat;
}

#formContainerTopRight {
  position: absolute;
  width: 15px;
  height: 15px; 
  background-color: white;
  background-image: url(/fi/gfx/login/trcorner.gif);
  margin-top: -4px;
  margin-left: 389px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

#formContainerTopLeft {
  position: absolute;
  width: 15px;
  height: 15px; 
  background-color: white;
  background-image: url(/fi/gfx/login/tlcorner.gif);
  margin-top: -4px;
  margin-left: -4px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.formContainer form {
  border:1px solid #dadada;
  padding-left: 30px;
  padding-top: 40px;
padding-bottom:40px;
}

.formContainer form .textField {
  width: 250px;
  margin-bottom: 14px;
}

.formContainer form .webformCaption {
  margin-bottom: 4px;
}


#loginText{
 position:absolute;
 font-size:9pt;
 color:#00934B;
 margin-left:30px;
 margin-right:auto;
 #margin-top:10px;
 width:400px;
}

#loginTips{
 font-size:9pt;
 color:#00934B;
 margin-top:30px;
 #margin-top:40px;
 margin-left:auto;
 margin-right:auto;
 width:400px;
}

#loginTips a{
 color:#FF8A00;
 font-weight:bold;
}

.helpText a{
 color:#FF8A00;
 font-weight:bold;
 white-space:nowrap;
}


.helpText {  
  margin-left:auto;
  margin-right:auto;
  width:400px;
  font-size:9pt;
  color:#00934B;
  margin-top: 12px;
  text-align: center;

}

#unsupportedBrowserContainer{
  background:url(/fi/gfx/bottomgradient.png) bottom no-repeat;
  border: 3px solid #00934f;
  margin-top:10px;
  margin-left: auto; 
  margin-right: auto;
  width: 524px;
  padding:19px;
  font-size:12pt;
  color:#00934B;
}
#unsupportedBrowserContainer h1{
 color:#D18500;
 padding-top:0; 
 margin-top:0;
}

#unsupportedBrowserBody #loginBar {
  background-image: url(/fi/gfx/login/bar.jpg);
  width: 574px;
  height: 120px;
  margin-left:auto;
  margin-right:auto;
}


#unsupportedBrowserBody .fishTextContainer {
  position: absolute;
  margin-top: 2px;
  margin-left: 9px;
  height: 35px;
  width: 95px;
  display: table;
  text-align: center;
}


#unsupportedBrowserBody .fishText {
  font-size: 11px;
  line-height: 12px;
  vertical-align: middle;
  display: block;
  color:#00934B;
  font-weight: normal;

}