html { 
height: 100%; 
margin-bottom: 1px; 
overflow: -moz-scrollbars-vertical;
}

body
{
font-family: Tahoma, Verdana, arial, helvetica, sans-serif;
color: #1B2218;
height: 100%;
margin: 0; 
padding: 0;
font-size: 100%;
text-align: center;
background-color: #4A6977; 
background-image: url("images/bodygradient.jpg"); 
background-repeat: repeat-x;
}

label
{
display: block;
padding: 0;
margin: 0;
padding-left: 35px;
margin-top: -16px;
background-color: #F1F1F0; 
}


h1
{
padding: 0;
margin: 0;
font-size: 14px;
font-weight: bold;
color: #5A7728;
}


h2
{
display: inline;
padding: 0;
margin: 0;
font-size: 15px;
font-weight: bold;
color: #1c3f58;
}


h3
{
padding: 0;
margin: 0;
font-size: 12px;
font-weight: bold;
color: #1c3f58;
}


.label_white
{
background-color: #FFFFFF; 
}

img
{
border: 0;
}

#productLogo
{
display: block;
margin: 0;
padding: 0;
border: 0;
}

.inputfield 
{
position: relative;
float: left;
padding: 0;
margin: 0;
width: 260px;
margin-top: -15px;
font-size: 13px;
}

.inputarea
{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 12px;
padding: 2px;
margin: 0;
width: 360px;
}

.inputbutton
{
position: relative;
margin: 0;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 10px;
background-color: #F1F1F0;
}


.inputbutton_white
{
margin-top: 4px;
margin-bottom: 0px;
margin-left: 8px;
margin-right: 4px;
background-color: #FFFFFF;
}

.selectmenu
{
position: relative;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 12px;
margin: 0;
}


.tableBG1
{
	background-color: #B7E4F9; 
}

.tableBG2
{
	background-color: #9FD5F7; 
}


.content
{
font-weight: normal;
font-size: 13px;
position: relative;
diplay: inline;
padding: 5px 5px 5px 5px;
margin: 0;
background: #F1F1F0;
width: 384px;
margin-top: 5px;
padding-left: 11px;
}

.pictDesc
{
color: #125582;
font-size: 11px;
padding: 0px;
margin: 0;
}


.narrow
{
diplay: inline;
width: 150px;
padding: 6px 6px 6px 6px;
border-bottom: 3px solid #F9F5EF;
background: #F9F5EF;
margin: 0;
margin-top: 5px;
font-size: 11px;
}

.narrowinput
{
padding: 0;
margin: 0;
font-size: 11px;
width: 94px;
left: 60px;
border: 1px solid #666666;
min-height: 14px;
height:auto !important;
height: 14px;
}

.narrowbutton
{
padding: 0;
margin: 0;
background: #326772;
border-top: solid 1px #83CCDB;
border-left: solid 1px #83CCDB;
border-bottom: solid 1px #122529;
border-right: solid 1px #122529;
font-size: 11px;
color: #FFFFFF;
width: 70px;
min-height: 18px;
height:auto !important;
height: 18px;
}

.button
{
padding-top:2px;
padding-bottom:2px;
background: #326772;
border: 1px solid #122529;
border-top: solid 1px #83CCDB;
border-left: solid 1px #83CCDB;
border-bottom: solid 1px #122529;
border-right: solid 1px #122529;
font-size: 12px;
color: #FFFFFF;
width: 117px;
}

.marginaali
{
margin-left: 90px;
}
p
{
margin: 0; 
padding: 0;
padding-top: 10px;
}

#picLogo
{
display: block;
min-height: 101px;
height:auto !important;
height: 101px;
width: 204px;
background: #FFFFFF url(images/logo.gif);
background-repeat:no-repeat;
background-position: 1px 0px;
}

#picDemoBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_demo.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picOnlineBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_online.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picDocBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_doc.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picDocWSBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_docws.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picToolBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_tool.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picToolWSBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_toolws.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picWebBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_web.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picYritysBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_yrityspaketti.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#picEnterpriseBar
{
display: block;
height: 64px;
width: 452px;
background: #FFFFFF url(images/logobar_epack.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}


#picLeft
{
position: relative; 
float: left;
margin: 0;
padding: 0;
min-height: 191px;
height:auto !important;
height: 191px;
width: 204px;
background: transparent url(images/vasenpalstakuva.jpg) no-repeat;
}

body.frontpage #pageCenter
{
display: block;
float: left;
margin: 0; 
padding: 0;
min-height: 390px;
height:auto !important;
height: 390px;
width: 451px;
background: #FFFFFF url(images/etusivukuva.jpg) no-repeat top left;
}

body.otherpage #pageCenter
{
display: block;
float: left;
margin: 0; 
padding: 0;
min-height: 390px;
height:auto !important;
height: 390px;
width: 451px;
margin-top: 101px;
background: #FFFFFF;
}

body.otherpage #pageCenterNoRight
{
display: block;
float: left;
margin: 0; 
padding: 0;
min-height: 390px;
height:auto !important;
height: 390px;
width: 451px;
margin-top: 0px;
background: #FFFFFF;
}


#contentCenter
{
display: block;
padding: 0;
margin: 0px 10px 0px 20px;
width: 411px;
padding-top: 250px;
font-size: 12px;
}

body.otherpage #contentCenter
{
display: block;
padding: 0;
width: 411px;
}

.header
{
font-size: 14px;
font-weight: bold;
color: #5A7728;
}

body.otherpage #contentCenter .header
{
font-size: 15px;
font-weight: bold;
color: #1c3f58;
}

#contentCenter .valiheader
{

font-size: 12px;
font-weight: bold;
color: #1c3f58;
}

#contentCenter b
{
font-weight: bold;
color: #1B2218;
}

#demokaannin
{
display: block;
position: relative;
padding: 0;
margin: 0;
margin-top: 12px;
width: 408px;
min-height: 238px;
height:auto !important;
height: 238px;
background: #FFFFFF url(images/demobgfin_nobuttons.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}

#demokaannin_eng
{
display: block;
position: relative;
padding: 0;
margin: 0;
margin-top: 12px;
width: 408px;
min-height: 238px;
height:auto !important;
height: 238px;
background: #FFFFFF url(images/demobgeng_nobuttons.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}


.demo_buttonrow
{
min-height: 21px;
height:auto !important;
height: 21px;
}

#demokaannin p
{
padding: 0;
margin: 0;
width: 338px;
padding-left: 10px;
padding-top: 6px;
font-size: 12px;
}

.result_wnd
{
text-align: left;
background-color: #FFFFFF;
background-image: none;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 12px;
}

.demo_textarea
{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 12px;
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
border: 0px;
height: 63px;
width: 382px;
overflow-y: hidden;
}

.contentCenterViiva {
margin: 0;
padding: 0;
display: block;
height: 1px;
width: 411px;
background: #4e738d;
}

.contentCenterViiva hr {
  display: none;
}


.contentCenterViivaLong {
margin: 0;
padding: 0;
display: block;
height: 1px;
width: 626px;
background: #4e738d;
}

.contentCenterViivaLong hr {
  display: none;
}


#contentCenterDottedLine {
margin: 0;
padding: 0;
display: block;
position: relative;
height: 3px;
width: 411px;
background: #FFFFFF url(images/center_dotted_line.gif) no-repeat top left;
}

.contentCenterDottedLine {
margin: 0;
padding: 0;
display: block;
position: relative;
height: 3px;
width: 411px;
background: #FFFFFF url(images/center_dotted_line.gif) no-repeat top left;
}


#contentCenterDottedLineLong {
margin: 0;
padding: 0;
display: block;
position: relative;
height: 3px;
width: 611px;
background: #FFFFFF url(images/center_dotted_line_long.gif) no-repeat top left;
}


#contentCenter a.prodNameLink
{
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
}


#contentCenter a
{
margin: 0;
padding: 0;
color: #00818C;
text-decoration: none;
}


#contentCenter a:hover
{
text-decoration: underline;
}


#pipeRight
{
display: block;
float: left;
min-height: 489px;
height:auto !important;
height: 489px;
width: 15px;
background: #FFFFFF url(images/valiviiva.gif) no-repeat top center;
}

body.otherpage #pipeRight
{
display: block;
}

body.frontpage #pipeRight
{
display: block;
margin-top: 101px;
}

.contentRightViiva
{
margin-top: 14px;
margin-bottom: 14px;
height: 1px;
width: 170px;
background-color: #FFFFFF;
}

.contentRightViiva hr {
  display: none;
}


.pageRightTitle
{
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}

p.pageRight
{
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}

body.frontpage #pageRight
{
display: block;
float: left;
min-height: 590px;
height:auto !important;
height: 590px;
width: 204px;
background: #FFFFFF;
}

body.frontpage #pageRightBG
{
display: block;
float: left;
margin: 0; 
padding: 0;
height:auto !important;
min-height: 192px;
width: 204px;
height: 100%;
background: #ECF6F8;
}


body.otherpage #pageRight
{
display: block;
float: left;
min-height: 200px;
height:auto !important;
height: 200px;
width: 180px;
margin-top: 101px;
background: #EBE1CC;
border-bottom: 5px solid #FFFFFF;
}
body.otherpage #pageRightBottom
{
display: block;
float: left;
min-height: 279px;
height:auto !important;
height: 279px;
width: 180px;
background: #F9F5EF;
}
body.otherpage #pageTop
{
position: absolute; 
display: block;
float: left;
min-height: 101px;
height:auto !important;
height: 101px;
top: 0px;
left: 0px; 
width: 845px;
background: #FFFFFF url(images/alasivukuva.gif) no-repeat top left;
}

p
{
font-family: Tahoma, Verdana, Arial;
font-size: 13px;
}

.navi1 
{
margin: 0;
padding: 0;
display: block;
position: relative; 
list-style: none;
}

.navi1 ul
{
margin: 0;
padding: 0;
}

.navi1 li
{
display: block;
position: relative; 
min-height: 18px;
height:auto !important;
height: 18px;
width: 170px;
list-style: none;
padding-top: 8px;
padding-bottom: 2px;
margin-left: 10px;
margin-top: 0px;
background: transparent url(images/bullet_yellow.gif) no-repeat;
background-position: 0px 11px;
border-top: solid 1px #FFFFFF;
font-size: 12px;
}

.navi1 li.first
{
padding-top: 0px;
background-position: 0px 3px;
border-top: 0px;
}

.navi1 li.selected
{
font-weight: bold;
}

.navi1 li.level2
{
width: 160px;
padding-top: 2px;
padding-bottom: 3px;
margin-left: 22px;
background: transparent url(images/bullet_smallwhite.gif) no-repeat;
background-position: 0px 5px;
border-top: 0px;
}

.navi1 li.level2_selected
{
font-weight: bold;
width: 160px;
padding-top: 2px;
padding-bottom: 3px;
margin-left: 22px;
background: transparent url(images/bullet_smallwhite.gif) no-repeat;
background-position: 0px 5px;
border-top: 0px;
}

.navi1 li.level2b
{
width: 174px;
padding-top: 2px;
padding-bottom: 3px;
margin-left: 10px;
background: transparent url(images/bullet_smallwhite.gif) no-repeat;
background-position: 0px 5px;
border-top: 0px;
}

.navi1 li.level2b_selected
{
font-weight: bold;
width: 174px;
padding-top: 2px;
padding-bottom: 3px;
margin-left: 10px;
background: transparent url(images/bullet_smallwhite.gif) no-repeat;
background-position: 0px 5px;
border-top: 0px;
}


.navi1 li a
{
margin: 0;
padding: 0;
padding-left: 14px;
color: #FFFFFF;
text-decoration: none;
}

.navi1 li a:hover
{
margin: 0;
padding: 0;
padding-left: 14px;
color: #FFFFFF;
text-decoration: underline;
}


.naviTop
{
display: block;
min-height: 101px;
height:auto !important;
height: 101px;
background: #FFFFFF;
}

.naviTopText
{
color: #4E88BA;
font-weight: bold;
font-size: 13px;
}

a.naviTopLink
{
color: #183D5A;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a:hover.naviTopLink
{
text-decoration: underline;
}

body.otherpage #naviTop
{
display: none;
}

.rightNavi
{
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a:hover.rightNavi
{
text-decoration: underline;
}

a.rightTextLink
{
color: #FFFFFF;
text-decoration: none;
}

a:hover.rightTextLink
{
text-decoration: underline;
}


.blueBulletList
{
display: block;
position: relative; 
margin: 0px;
padding: 0;
}

.blueBulletList ul
{
margin: 0;
padding: 0;
}

.blueBulletList li
{
font-size: 12px;
list-style: none;
min-height: 6px;
height:auto !important;
height: 6px;
background: url(images/bullet_blue.png) no-repeat;
background-position: 0px 3px;
margin-left: 24px;
padding-left: 14px;
padding-top: 0px;
padding-bottom: 4px;
}

.navi3 
{
display: block;
position: relative; 
margin: 0px;
}

.navi3 li
{
list-style: none;
min-height: 6px;
height:auto !important;
height: 6px;
background: transparent url(images/bullet_yellow.gif) no-repeat;
background-position: 0px 3px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.navi3 li a
{
padding-left: 14px;
background: none;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.navi3 li a:hover
{
text-decoration: underline;
}





.box_leftnavi {
   width: 204px;
   background: #66ACE0 url(images/box_leftnavi_grad.gif) repeat-x top left;
}
.box_leftnavi_top div {
   background: url(images/box_leftnavi_tl.gif) no-repeat top left;
}
.box_leftnavi_top {
   background: url(images/box_leftnavi_tr.gif) no-repeat top right;
}
.box_leftnavi_bottom div {
   background: url(images/box_leftnavi_bl.gif) no-repeat bottom left;
}
.box_leftnavi_bottom {
   background: url(images/box_leftnavi_br.gif) no-repeat bottom right;
}

.box_leftnavi_top div, .box_leftnavi_top, 
.box_leftnavi_bottom div, .box_leftnavi_bottom {
   width: 100%;
   height: 16px;
   font-size: 1px;
}

.box_leftnavi_content 
{
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
margin: 0 10px; 
}


.box_frontright {
   background: #5aa1d5 url(images/box_frontright_grad.gif) repeat-x top left;
}
.box_frontright_top div {
   background: url(images/box_frontright_tl.gif) no-repeat top left;
}
.box_frontright_top {
   background: transparent url(images/box_frontright_tr.gif) no-repeat top right;
}
.box_frontright_bottom div {
   background: url(images/box_frontright_bl.gif) no-repeat bottom left;
}
.box_frontright_bottom {
   background: transparent url(images/box_frontright_br.gif) no-repeat bottom right;
}

.box_frontright_top div, .box_frontright_top,
.box_frontright_bottom div, .box_frontright_bottom {
   width: 100%;
   height: 16px;
   font-size: 1px;
}
.box_frontright_content 
{ 
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
margin-left: 16px; 
}


.box_frontright2 {
   background: #5aa1d5 url(images/box_frontright2_grad.gif) repeat-x top left;
}
.box_frontright2_top div {
   background: url(images/box_frontright2_tl.gif) no-repeat top left;
}
.box_frontright2_top {
   background: transparent url(images/box_frontright2_tr.gif) no-repeat top right;
}
.box_frontright2_bottom div {
   background: url(images/box_frontright2_bl.gif) no-repeat bottom left;
}
.box_frontright2_bottom {
   background: transparent url(images/box_frontright2_br.gif) no-repeat bottom right;
}

.box_frontright2_top div, .box_frontright2_top,
.box_frontright2_bottom div, .box_frontright2_bottom {
   width: 100%;
   height: 16px;
   font-size: 1px;
}
.box_frontright2_content 
{ 
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
margin-left: 16px; 
}


.box_doc {
   background: #45B6BA url(images/box_doc_grad.gif) repeat-x top left;
}
.box_doc_top div {
   background: url(images/box_doc_tl.gif) no-repeat top left;
}
.box_doc_top {
   background: transparent url(images/box_doc_tr.gif) no-repeat top right;
}
.box_doc_bottom div {
   background: url(images/box_doc_bl.gif) no-repeat bottom left;
}
.box_doc_bottom {
   background: transparent url(images/box_doc_br.gif) no-repeat bottom right;
}

.box_doc2_bottom div {
   background: url(images/box_doc2_bl.gif) no-repeat bottom left;
}
.box_doc2_bottom {
   background: transparent url(images/box_doc2_br.gif) no-repeat bottom right;
}


.box_doc_top div, .box_doc_top,
.box_doc_bottom div, .box_doc_bottom,
.box_doc2_bottom div, .box_doc2_bottom 
{
   width: 100%;
   height: 16px;
   font-size: 1px;
}
.box_right_content 
{ 
font-family: Verdana;
font-size: 12px;
color: #FFFFFF;
padding-left: 16px; 
}


.box_tool {
   background: #61B6D1 url(images/box_tool_grad.gif) repeat-x top left;
}
.box_tool_top div {
   background: url(images/box_tool_tl.gif) no-repeat top left;
}
.box_tool_top {
   background: transparent url(images/box_tool_tr.gif) no-repeat top right;
}
.box_tool_bottom div {
   background: url(images/box_tool_bl.gif) no-repeat bottom left;
}
.box_tool_bottom {
   background: transparent url(images/box_tool_br.gif) no-repeat bottom right;
}

.box_tool2_bottom div {
   background: url(images/box_tool2_bl.gif) no-repeat bottom left;
}
.box_tool2_bottom {
   background: transparent url(images/box_tool2_br.gif) no-repeat bottom right;
}


.box_tool_top div, .box_tool_top,
.box_tool_bottom div, .box_tool_bottom,
.box_tool2_bottom div, .box_tool2_bottom 
{
   width: 100%;
   height: 16px;
   font-size: 1px;
}


.box_web {
   background: #80C747 url(images/box_web_grad.gif) repeat-x top left;
}
.box_web_top div {
   background: url(images/box_web_tl.gif) no-repeat top left;
}
.box_web_top {
   background: transparent url(images/box_web_tr.gif) no-repeat top right;
}
.box_web_bottom div {
   background: url(images/box_web_bl.gif) no-repeat bottom left;
}
.box_web_bottom {
   background: transparent url(images/box_web_br.gif) no-repeat bottom right;
}

.box_web2_bottom div {
   background: url(images/box_web2_bl.gif) no-repeat bottom left;
}
.box_web2_bottom {
   background: transparent url(images/box_web2_br.gif) no-repeat bottom right;
}


.box_web_top div, .box_web_top,
.box_web_bottom div, .box_web_bottom,
.box_web2_bottom div, .box_web2_bottom 
{
   width: 100%;
   height: 16px;
   font-size: 1px;
}


.box_epack {
   background: #E0AE2B url(images/box_epack_grad.gif) repeat-x top left;
}
.box_epack_top div {
   background: url(images/box_epack_tl.gif) no-repeat top left;
}
.box_epack_top {
   background: transparent url(images/box_epack_tr.gif) no-repeat top right;
}
.box_epack_bottom div {
   background: url(images/box_epack_bl.gif) no-repeat bottom left;
}
.box_epack_bottom {
   background: transparent url(images/box_epack_br.gif) no-repeat bottom right;
}

.box_epack2_bottom div {
   background: url(images/box_epack2_bl.gif) no-repeat bottom left;
}
.box_epack2_bottom {
   background: transparent url(images/box_epack2_br.gif) no-repeat bottom right;
}


.box_epack_top div, .box_epack_top,
.box_epack_bottom div, .box_epack_bottom,
.box_epack2_bottom div, .box_epack2_bottom 
{
   width: 100%;
   height: 16px;
   font-size: 1px;
}


.box_online {
   background: #8986D5 url(images/box_online_grad.gif) repeat-x top left;
}
.box_online_top div {
   background: url(images/box_online_tl.gif) no-repeat top left;
}
.box_online_top {
   background: transparent url(images/box_online_tr.gif) no-repeat top right;
}
.box_online_bottom div {
   background: url(images/box_online_bl.gif) no-repeat bottom left;
}
.box_online_bottom {
   background: transparent url(images/box_online_br.gif) no-repeat bottom right;
}

.box_online2_bottom div {
   background: url(images/box_online2_bl.gif) no-repeat bottom left;
}
.box_online2_bottom {
   background: transparent url(images/box_online2_br.gif) no-repeat bottom right;
}


.box_online_top div, .box_online_top,
.box_online_bottom div, .box_online_bottom,
.box_online2_bottom div, .box_online2_bottom 
{
   width: 100%;
   height: 16px;
   font-size: 1px;
}


.inputarea_box {
   background-color: #f1f1f0;
}
.inputarea_top div {
   background: url(images/inputarea_tl.png) no-repeat top left;
}
.inputarea_top {
   background: url(images/inputarea_tr.png) no-repeat top right;
}
.inputarea_bottom div {
   background: url(images/inputarea_bl.png) no-repeat bottom left;
}
.inputarea_bottom {
   background: url(images/inputarea_br.png) no-repeat bottom right;
}

.inputarea_top div, .inputarea_top, 
.inputarea_bottom div, .inputarea_bottom {
   width: 100%;
   height: 18px;
   font-size: 1px;
}
.inputarea_content { margin: 0 18px; }