div#innet { height: 720px; text-align: center; background-image: url("img/main-bg.gif"); background-repeat: repeat-x; background-position: 0% 0%; padding: 0px 0px 0px 0px; }

#innet table { border-collapse: collapse; empty-cells: show; }
#innet table.page { width: 960px; height: 635px; margin: 27px auto 0px auto; }

#innet td { background-color: transparent; }

#innet td.top { width: 960px; height: 159px; background-image: url("img/page-top.jpg"); background-position: 100% 50%; background-repeat: no-repeat; text-align: right; vertical-align: bottom; }
#innet td.top img { margin: 0px 20px 25px 0px; }

#innet td.left { width: 770px; background-image: url("img/page-left.jpg"); background-position: 100% 50%; background-repeat: no-repeat; text-align: right; }

#innet table.split { text-align: right; }
#innet table.split td { background-image: url("img/text-bg.png"); background-position: 0% 0%; background-repeat: no-repeat; text-align: left; }
#innet table.split td.blank { background-image: none; }
#innet table.split td.image { padding: 15px 15px 15px 15px; text-align: center; }
#innet table.split td.image div { padding: 2px 0px 2px 0px; }
#innet table.split td.wbg { background-color: #ffffff; background-image: none; }
#innet table.split td.text { padding: 15px 15px 15px 15px; font-family: arial; }
#innet table.split td.text div.scroll { height: 370px; overflow: auto; }
#innet table.split td.hoidot_left { width: 393px; padding-left: 0px; vertical-align: top; }
#innet table.split td.hoidot_map { width: 227px; padding: 1px 0px 1px 0px; vertical-align: top; }
#innet table.split td.hoidot_right { padding-left: 0px; width: 150px; vertical-align: top; }
#innet table.split td.hoitola { width: 150px; padding: 20px 15px 20px 0px; vertical-align: top; }

#innet h2 { margin: 0px; padding: 0px 0px 5px 15px; font-size: 12px; color: #6670a0; }
#innet p { margin: 0px; padding: 0px 0px 5px 15px; font-size: 11px; color: #000000; }
#innet p.ptop { padding-top: 15px; }
#innet strong { color: #6670a0; }
#innet a { color: #6670a0; font-weight: bold; text-decoration: underline; }

#innet div.avoinna_split { display: block; width: 120px; text-align: left; float: left; }

#innet table.split td.hoidot_left p a { color: #000000; font-weight: normal; }

#innet td.right { width: 190px; height: 476px; background-image: url("img/page-right.gif"); background-position: 100% 50%; background-repeat: repeat-y; text-align: right; vertical-align: top; }

#innet div.menu { padding: 50px 25px 0px 0px; }
#innet div.menu p { margin: 0; padding: 3px 0px 3px 0px; }
#innet div.menu a { font-family: "Arial Narrow",arial; font-size: 11px; font-weight: normal; color: #5f5f5f; text-decoration: none; }
#innet div.menu a.act { color: #6670a0; font-weight: bold; }

#popBackg{
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background: transparent;
z-index:1;
}
#innet div.popBox{
display:none;
position:fixed;
_position:absolute;
/* height:384px; */
width:500px;
background: transparent;
z-index:2;
padding: 0;
text-align: left;
font-family: arial;
}
#innet div.boxTop { background-image: url("img/box-top.png"); background-position: 50% 100%; background-repeat: no-repeat; height: 11px; }
#innet div.boxBg { background-image: url("img/box-bg.png"); background-position: 50% 0%; background-repeat: repeat-y; padding: 12px 25px 12px 12px; }
#innet div.boxBot { background-image: url("img/box-bot.png"); background-position: 50% 100%; background-repeat: no-repeat; height: 21px; }

#innet div.popBox a.popClose{
font-size:14px;
line-height:14px;
right:24px;
top:6px;
position:absolute;
color:#6fa5fd;
display:block;
cursor: pointer;
}

#innet form { margin: 0; padding: 0; }
#innet table.otayhteytta { empty-cells: show; border-collapse: collapse; margin: 10px 0px 10px 10px; }
#innet table.otayhteytta th,
#innet table.otayhteytta td { background-color: transparent; padding: 6px 8px 6px 8px; background-image: none; }
#innet table.otayhteytta td span { font-family: verdana; font-size: 9px; font-weight: bold; padding-top: 8px; color: #6670a0; }
#innet table.otayhteytta th { font-family: verdana; font-size: 9px; font-weight: bold; text-align: left; vertical-align: top; padding-top: 14px; color: #6670a0; }
#innet table.otayhteytta textarea,
#innet table.otayhteytta input { width: 350px; border: 1px dashed #969696; background-color: transparent; color: #6670a0; font-weight: normal; }
#innet table.otayhteytta input.hoito { width: 250px; }
#innet table.otayhteytta input.kpl { width: 50px; }
#innet table.otayhteytta input.arvo { width: 75px; }
#innet table.otayhteytta input.radio { width: 15px; }
#innet table.otayhteytta td.laheta { text-align: right; }
#innet table.otayhteytta td.laheta input { width: auto; font-weight: bold; padding: 2px 10px 2px 10px; }

