body {
   color: #000;
   background: #fff url("img/bg-top.gif") repeat-x;
   text-align: center;
   padding: 0;
   margin: 0;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
}

#content {
   text-align: left;
   width: 600px;
   margin: 0px auto 10px auto;
}

#top {
   margin-bottom: 35px;
}

#top img {
   display: block;
}

#hdl-area {
   margin-bottom: 35px;
}

.greybox {
   background-color: #eeeeee;
   clear: both;
   padding-bottom: 15px;
}

.greybox img {
   display: block;
   margin-bottom: 15px;
}

.greybox span {
   display: block;
   width: 190px;
   float: left;
   clear: both;
   text-align: right;
   margin-right: 10px;
   padding-top: 2px;
}

.greybox label {
   display: block;
   width: 190px;
   float: left;
   clear: both;
   text-align: right;
   margin-right: 10px;
   padding-top: 2px;
}

.greybox input, .greybox select {
   width: 240px;
   margin-bottom: 5px;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
}

.greybox textarea {
   width: 381px;
   height: 160px;
   margin-bottom: 5px;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
}

input.btn {
   width: auto;
   background-color: #C0C0C0;
}

input.radio { width:auto ; margin-bottom:0 ;}
input.short { width:25px ; display:inline ; vertical-align:middle ;}
label.short { width:auto ; display:inline ; clear:none ; margin:0 ; text-align:left ; float:none ;}

input.btn:hover {
   background-color: #B6B6B6;
}

.greybox .btn {
   float: right;
   margin-right: 15px;
}

.clear {
   clear: both;
}

#copyright {
   color: #333333;
   margin-top: 10px;
}

.error {
   color: #AA0000;
   font-weight: bold;
   margin-bottom: 5px;
}

hr { clear:both ; border:none ; background:none ; color:none ;}
p { padding:0 20px ;}
p.small { font-size:10px ; margin-left:180px ;}

#rekisteriseloste { color:#666 ; text-decoration:none ; }