body {
  font-size: 12px;
  font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
  color: #535453;
  background-color: #F7F4EB;
  margin: 40px;
  text-align: center;
}

input {
  vertical-align: middle;
}
img {
  border: 0;
}
a:hover img {
  text-decoration: none;
}
a {
  color: #005A88;
}
a:hover {
  color: #AF0000;
}
a:active {
  color: #AF0000;
}

.right { text-align: right; padding-right: 4px; }
.blue { color: #00f; }
.green { color: #080; }
.red {color: #f00; }




#box {
  width: 708px;
  text-align: center;
  margin: 0 auto 0 auto;
  background: #E9EFF2 url( /Kotisivukone/www/pics/box-bg.gif ) repeat-y top left;
}
#box-top {
  text-align: left;
  width: 708px;
  height: 108px;
  background: #E9EFF2 url( /Kotisivukone/www/pics/box-top.jpg ) no-repeat top left;
  overflow: hidden;
}
#box-top div.pad { padding: 40px; }
/**
* Askeleen numero (esim. 1/4)
*/
#box-top div.step {
  float: left;
  width: 38px;
  height: 38px;
  background: transparent url( /Kotisivukone/www/pics/step-bg.gif ) no-repeat top left;
  color: #fff;
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  margin-right: 22px;
}
#box-top div.step div {  margin: 9px 0 0 4px; }
/**
* Askeleen otsikko
*/
#box-top div.header {
  color: #005A88;
  font-size: 23px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  padding: 2px 0 0 0;
}
#box-top div.header img {
  vertical-align: -30%;
}

/**
* Gradienttiboksin alakurvi
*/
#box-bottom {
  width: 708px;
  height: 24px;
  background: #E9EFF2 url( /Kotisivukone/www/pics/box-bottom.jpg ) no-repeat bottom left;
  clear: both;
}

#copyright a {
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  color: #005A88;
  font-size: 10px;
}



.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}


/*******************************************************************************
* Wizarding yksittainen ominaisuus
*/
.single_resource {
  width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
}
.single_resource td {
  padding: 4px;
}
.single_resource .checkbox {
  width: 100px;
  text-align: center;
}
.single_resource .checkbox input { border: none; }
.single_resource .name {
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.single_resource .price {
  width: 60px;
  text-align: center;
  font-size: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #060;
}
.single_resource .price a {
  font-size: 10px;
}

/*******************************************************************************
* Wizardin 2. ja 3. askeleen thumbnailit
*/
fieldset .thumbnail {
  width: 530px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}
fieldset .thumbnail p {
  text-align: left;
}
fieldset .select_layout {
  float: left;
  margin: 0 10px 20px 10px;
  text-align: center;
  width: 110px;
  clear: none;
  background: transparent url( /Kotisivukone/www/pics/layout-bg.gif ) no-repeat top left;
}
fieldset .select_layout img {
  margin: 16px 0 16px 0;
}
fieldset .select_layout a {
  text-decoration: none;
  color: #005A88;
  font-size: 13px;
  font-weight: bold;
}
fieldset .select_layout a:hover {
  color: #AF0000;
}
.select_position {
  float: left;
  margin: 0 10px 20px 10px;
  text-align: center;
  width: 150px;
  clear: none;
  background: transparent url( /Kotisivukone/www/pics/layout-wide-bg.gif ) no-repeat top left;
}
fieldset .select_position img {
  margin: 16px 0 16px 0;
}
fieldset .select_position a {
  text-decoration: none;
  color: #005A88;
  font-size: 13px;
  font-weight: bold;
}
fieldset .select_position a:hover {
  color: #AF0000;
}


div.inlineform {
  border: 1px solid #B1CBD9;
  width: 520px;
  float: none;
}
div.inlineform h2 {
  font-size: 12px;
}
div.inlineform h2 img {
  margin: 0 6px 4px 0;
  vertical-align: middle;
}
div.inlineform p {
  width: 460px;
  margin: 0 0 1em 20px;
}
div.advanced_fields {
  background: #F0F4F1 url( /Kotisivukone/www/pics/advanced_form_bg.gif ) repeat-x top left;
  margin: 0 20px;
  padding: 0;
  border: 1px solid #B1CBD9;
  height: 1%;
}
div.advanced_fields_form div {
 margin-bottom: 10px;
}
div.inlineform .toggle_button, div.advanced_fields .toggle_button {
  font-weight: bold;
  padding: 4px 0;
  margin: 0;
  position: relative;
}
div.inlineform  .toggle_button img, div.advanced_fields .toggle_button img {
  margin: 0 4px;
  vertical-align: middle;
}


.multipage {
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 0 0;
}
.multipage tr, .multipage td { vertical-align: top; margin: 0; padding: 0; border: none; }
.multipage fieldset.page {
  border: 1px solid #B1CBD9;
  background-color: #F0F4F1;
  padding: 20px 0;
}
.multipage h2 img {
  position: relative;
  top: 3px;
  margin-right: 6px;
}

.multipage td.multipage_pages fieldset.page div {
  margin: 0 20px;
}

.multipage td.menu {
  width: 100px;
  height: 100%;
  text-align: right;
}
.multipage td.menu div {
  background: transparent url( /Kotisivukone/www/pics/sidetab_bg.gif ) no-repeat top left;
  border-bottom: 1px solid #87A7C7;
  font-weight: bold;
  position: relative;
  left: 1px;
}
.multipage td#multipage_pages fieldset { margin: 0; }

.multipage td.menu a {
  text-decoration: underline;
  font-weight: bold;
  display: block;
  padding: 8px 4px 6px 4px;
}
.multipage td.menu div a {
  text-decoration: none;
  /*color: #535453;*/
  color: #AF0000;
  padding: 8px 9px 4px 4px;
}

option.optok {
  background-color: #b3e67b;
}


/* Property fieldsets */
div.properties {
  width: 600px;
}
div.properties div.fieldset_container {
  margin: 0 0 20px 0;
}
div.properties div.fieldset_container div.divided {
  border-top: 1px solid #B1CBD9;
  padding-top: 20px;
}
div.properties fieldset {
  border: 1px solid #B1CBD9;
  padding: 0 0 15px 0;
  margin: 0;
}
div.properties fieldset p {
  margin: 0; padding: 0 0 15px 0;
  width: auto;
}
div.properties fieldset div.properties_container {
  padding: 15px 10px 0 10px;
}
div.properties fieldset div.properties_container table tr td {
  vertical-align: top;
  padding-right: 30px;
}
div.properties fieldset legend {
  color: #0F648F;
  margin: 0 4px;
}
div.properties fieldset legend img {
  margin: 0 6px 3px 0;
  vertical-align: middle;
}
div.properties fieldset label {
  width: 140px;
}
div.properties_buttons {
  float: right;
  margin-right: 20px;
  display: inline;
}
.properties_container input {
  margin-bottom: 1px;
}
.properties_container p {
}

p.ok_msg, span.ok_msg {
  font-weight: bold;
  color: #090;
  font-size: 13px;
  margin-left: 10px;
  vertical-align: middle;
}
p.ok_msg img, span.ok_msg img { vertical-align: top; margin-right: 6px; }

p.error_msg, span.error_msg {
  font-weight: bold;
  color: #d00;
  font-size: 13px;
  margin-left: 10px;
  vertical-align: middle;
}
p.error_msg img, span.error_msg img { vertical-align: top; padding-top: 1px; margin-right: 6px; }

/*******************************************************************************
 * Forms
 */
form {
  margin: 0; padding: 0;
}
input, textarea {
  font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
  font-size: 12px;
  color: #535453;
  border: 1px solid #9E9E9E;
  padding-left: 3px;
}
select {
  font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
  font-size: 12px;
  color: #535453;
  border: 1px solid #9E9E9E;
}
.optgroup { font-weight: bold; font-style: normal; margin-left: 3px; }
input.input_active, .field .input_active { border: 1px solid #1CE21C; }
input.input_error, .field .input_error, textarea.input_error  {  border: 1px solid #C00; }
fieldset {
  text-align: left;
  width: 646px;
  border: 1px solid #B1CBD9;
  background-color: #F0F4F1;
  margin: 0 auto;
  padding: 0;
}
fieldset #back_btn {
  margin: 0 0 0 10px;
  padding: 10px 0;
}
fieldset div.margin {
  margin: 10px 27px 0 27px;
}
fieldset div.margin h1 {
  color: #0F648F;
  font-size:130%;
  font-weight:bold;
  margin:0;
  padding:0.5em 0;
}
fieldset div.margin h2 {
  font-size:100%;
  font-weight:bold;
  margin:0;
  padding:0.5em 0;
  border-bottom: 0px;
}
fieldset legend {
  font-weight: bold;
  font-size: 13px;
}
fieldset h2 {
  font-weight: bold;
  font-size: 14px;
  color: #0F648F;
  border-bottom: 1px solid #B1CBD9;
  margin: 0 27px 27px 27px;
}
fieldset p {
  padding: 0;
  margin: 0 0 20px 0;
}
fieldset div {
  margin-bottom: 20px;
  clear: both;
  padding: 0;
}
fieldset div.error {
  margin: 5px 0 5px 70px;
  color: #C00;
  clear: both;
}
fieldset div.floating {
  margin: 0; padding: 0;
  clear: none;
  float: left;
  width: 200px;
}
label {
  position: relative;
  width: 150px;
  display: block;
  text-align: right;
}
label input {
  position: absolute;
  left: 100%;
  top: 0px;
  margin-left: 10px;
  font-size: 11px;
}
.field input {
  font-size: 11px;
  vertical-align: middle;
  margin: 0; padding: 0;
}

label input, .field input {
  font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
  font-size: 12px;
  color: #535453;
  border: 1px solid #9E9E9E;
  padding-left: 3px;
}
label input.noborder, .field input.noborder {
  border: none;
}
input.vmiddle {
  vertical-align: -20%;
  margin-right: 6px;
}
input.disabled {
  background-color: #eee;
}

.boxed {
  border: 1px solid #B1CBD9;
  background-color: #fff;
  padding: 10px;
}


label textarea {
  position: absolute;
  left: 100%;
  top: 0px;
  margin-left: 10px;
  font-size: 11px;
}
.label {
  width: 150px;
  float: left;
  text-align: right;
  clear: none;
  padding: 3px 0 0 0;
}
.field {
  float: left;
  margin-left: 10px;
  font-size: 11px;
  clear: none;
  padding: 0;
  display: inline;
}
.text {
  padding: 3px 0 0 0;
}
.field select {
  font-size: 11px;
  vertical-align: middle;
}
.field span {
  vertical-align: middle;
}

.noborder {
  border: none;
}


/*******************************************************************************
* Table
*/

.datatable {
  border: 2px solid #2C6888;
  margin: 10px 0;
  border-collapse: collapse;
}
.datatable tr.divided {
  border-top: 2px solid #666;
}
.datatable th {
  color: #fff;
  padding: 2px 20px 2px 7px;
  background: #D4E2F4 url( /Kotisivukone/www/pics/table_th_bg.gif ) repeat-x top left;
}
.datatable td {
  padding: 2px 7px;
  border-bottom: 1px solid #7E9D86;
}

.datatable td img {
  vertical-align: middle;
  margin-right: 8px;
}

td .nopadding {
  padding: 0px;
}

.datatable .even {
  background-color: #E7EFE9;
}
.datatable .highlight {
  color: #AF0000;
  background-color: #fff;
}
.datatable .nopad {
  padding: 2px 0;
}
.buttontable td {
  padding-right: 2em;
  vertical-align: middle;
}
.wide {
  width: 100%;
}
.half {
  width: 50%;
}

.medium {
  width: 80%;
}


/**
* Different layout for additional data
* inside a datatable.
*/
.datatable td.extradata {
  padding: 2px 7px;
  border-bottom: 1px solid #7E9D86;
  background-color: #fff;
}

.extradatatable {
  border-collapse: collapse;
  background-color: #fff;
}

.extradatatable td {
  border-bottom: 1px solid #ddd;
  padding: 0px 2px 10px 2px;
}

.datatablediv {
  margin: 0px;
  padding: 2px 7px;
  border-bottom: 1px solid #7E9D86;
}

/**
* Links
*/
div.borderlink {
  margin: 0 0 4px 0; padding: 0;
}
a.borderlink {
  text-decoration: none;
  height: auto; width: auto;
  border: 1px solid transparent;
  padding: 2px;
  margin: 0;
}
a.borderlink img {
  vertical-align: middle;
  margin: 0 4px 2px 0;
  border: none;
}
a.borderlink:hover {
  background-color: #fff;
  border: 1px solid #7e9d86;
  margin: 0;
}

/* Verkkopankkimaksut */
div#webbank div {  float: left; margin: 10px; clear: none; }
div#webbank div input { border: none; }


/*******************************************************************************
* Buttoneiden tyylit
*/
.button1, .field input.button1 {
  height: 18px;
  width: 60px;
  background-image: url( /Kotisivukone/www/pics/button1.gif );
  border: 0;
  color: #000000;
  text-align: center;
  margin: 2px;
  font-size: 11px;
}
.button2, .field input.button2 {
  height: 18px;
  width: 80px;
  background-image: url( /Kotisivukone/www/pics/button2.gif );
  border: 0;
  color: #000000;
  text-align: center;
  margin: 2px;
  font-size: 11px;
}
.button3, .field input.button3 {
  height: 18px;
  width: 100px;
  background-image: url( /Kotisivukone/www/pics/button3.gif );
  border: 0;
  color: #000000;
  text-align: center;
  margin: 2px;
  font-size: 11px;
}
.button4, .field input.button4 {
  height: 18px;
  width: 140px;
  background-image: url( /Kotisivukone/www/pics/button4.gif );
  border: 0;
  color: #000000;
  text-align: center;
  margin: 2px;
  font-size: 11px;
}

.linktext {
  cursor: pointer;
}

.navigation {
  margin: 20px 27px;
}

.navigation .link {color:#535453; text-decoration: none; margin: 0px 20px 0px 0px; }

.noneditable {
  background-color: #F0F4F1;
}

.paging {
  margin: 0px;
  padding: 0px;
}

.paging a {
  padding: 2px;
  color: #000;
  text-decoration: none;
}



/* Elementti joka sisaltaa vierityspalkin */
.scroller {
  height: auto !important; max-height: 400px;
  height: 400px;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  overflow-x: auto;
}
/* elementti (div) jonne haetaan Ajax-requestilla sisaltoa. (scroller-elementin sisalla) */
.scroller_content {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
/* Latauskuvake scroller-elementin sisalle, scroller_content-elementin alle */
.scroller_loaderimage {
  text-align: center;
  margin: 20px;
  vertical-align: middle;
}
/* kolumneja diveista. Leveys annetaan erikseen */
.column {
  float: left;
  clear: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.nopad_or_marg {
  padding: 0px;
  margin: 0px;
}