﻿#splBackgroundPopup, #sprBackgroundPopup, #spfpBackgroundPopup
{
  position: fixed;
  _position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: -1;
  opacity: 0.7;
}
#suuntoPassLogin, #suuntoPassRegister, #suuntoPassForgotPassword
{
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6*/
  background: #fff;
  z-index: 11000;
  font-size: 13px;
}
#sprCloseButton, #splCloseButton, #spfpCloseButton
{
  top: -15px;
  right: -15px;
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent url('http://d1pey7fxogq2sv.cloudfront.net/images/fancy_close.png') 0px;
  cursor: pointer;
  z-index: 1103;
}
#head img
{
  float: right;
  border: none;
}

#head h1
{
  float: left;
}

#contentWrap a
{
  cursor: pointer;
  text-decoration: none;
}
#contentWrap a
{
  cursor: pointer;
  text-decoration: none;
}
#suuntoPassRegister #contentWrap img
{
  display: inline;
}
#contentWrap #button
{
  text-align: center;
  margin-top: 10px;
}
#contentWrap label
{
  font-size: 12px;
  display: inline-block;
  margin-bottom: 2px;
}
#contentWrap .splButton
{
  float: right;
  width: 120px;
  margin-top: 10px;
}
#contentWrap .splRightCol
{
  margin-left: 20px;
  margin-top: 0px;
}
#contentWrap .splLeftCol
{
  margin-right: 10px;
}
#contentWrap .splTextbox
{
  width: 200px;
}
#contentWrap
{
  width: 780px;
  background: white url('http://d1pey7fxogq2sv.cloudfront.net/images/bg.png') top repeat-x;
  font: 11px/16px Tahoma, Verdana, Arial;
  color: #000;
  padding: 12px;
}
#contentWrap #head
{
  height: 80px;
  background-color: #000;
  padding: 0 15px;
}
#contentWrap h1
{
  color: #ffffff;
  font-weight: bold;
  font-size: 22px;
  padding-top: 35px;
  padding-left: 14px;
  margin: 0;
  padding-bottom: 5px;
}
#contentWrap h2
{
  color: #000;
  text-decoration: none;
  font-size: 22px;
  padding-bottom: 10px;
}
#contentWrap #title
{
  padding: 10px 30px;
  color: #000;
  font: 30px/40px Tahoma, Verdana, Arial;
}
#contentWrap #cols
{
  padding: 0 30px; /*width: 720px;*/
}
#contentWrap #cols a
{
  text-decoration: none;
}
#contentWrap #cols h3
{
  margin: 0;
  text-transform: uppercase;
  color: #000;
  font: bold 12px/16px Tahoma, Verdana, Arial;
}
#contentWrap #cols div.col
{
  width: 345px;
  float: left;
}
#contentWrap .top-right
{
  float: left;
  max-width: 100px;
}
#contentWrap .top-left
{
  float: left;
  padding: 4px 0 0;
}
#contentWrap .bottom-left
{
  padding: 0 0 0 6px;
  float: left;
}
#contentWrap .bottom-middle
{
  padding: 0 6px 0 0;
  float: left;
}
#contentWrap .bottom-left a
{
  float: left;
  padding: 2px 0 10px 6px;
  color: #fff;
  font-size: 10px;
  font-family: Tahoma;
  text-transform: uppercase;
  width: 80px;
  text-decoration: none;
}
#contentWrap .bottom-left a:link, .bottom-left a:active, .bottom-left a:visited, .bottom-left a:hover
{
  color: #ffffff;
}
#contentWrap .bottom-left a span
{
  float: left;
  min-width: 28px;
  padding: 2px;
}
#contentWrap a span
{
  cursor: pointer;
}
#contentWrap .btn-red .top-right
{
  background: url('http://d1pey7fxogq2sv.cloudfront.net/images/r-top-right.png') no-repeat 100% 0;
}
#contentWrap .btn-red .top-left
{
  background: url('http://d1pey7fxogq2sv.cloudfront.net/images/r-top-left.png') no-repeat 0 0;
}
#contentWrap .btn-red .bottom-left
{
  background: url('http://d1pey7fxogq2sv.cloudfront.net/images/r-bottom-left.png') no-repeat 0 100%;
}
#contentWrap .btn-red .bottom-middle
{
  background: url('http://d1pey7fxogq2sv.cloudfront.net/images/r-bottom-right.png') no-repeat 100% 100%;
}
#contentWrap .btn-red .bottom-left a
{
  background: url('http://d1pey7fxogq2sv.cloudfront.net/images/r-bottom-middle.png') repeat-x 6px 100%;
}
#contentWrap .formTextinput, .formSubmit, .formTextarea
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family: Tahoma, Geneva, sans-serif;
  box-shadow: 0px 1px 2px #888;
  font-size: 10px;
}
#contentWrap .formSubmit
{
  background: #c8181e url('http://d1pey7fxogq2sv.cloudfront.net/images/buttonBg.png') bottom left repeat-x;
  border: 1px solid #ed1c24;
  color: #fff;
  cursor: pointer;
  padding: 6px 17px 6px 17px;
}

#tableRegister img
{
  margin-left: 5px;
  margin-top: 15px;
}

#tableRegister p
{
  margin-left: 15px;
  margin-top: 25px;
}

#tableRegister input[type="text"], #tableRegister input[type="password"]
{
  width: 360px;
  border: solid 2px #b2b2b2;
  height: 18px;
  margin-bottom: 10px;
}