html, body { height:100% ; }

body { font-size:76% ; margin:0 20px; padding:0 ; font-family:Arial, sans-serif ;  }
#siteBody {border-top:1px solid #C7214D; border-bottom:1px solid #C7214D;}
#topImg {padding-top:20px;}
a img{border: 0;}

#supportNavi{display: none;}
#logo{background:url(/stc/img/logo.gif) no-repeat top left;}

object, embed{display: none;}

.ingress{font-style: italic; }
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align: center; !important}
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; }
p { line-height:1.6 ; }
strong { color:#111 ; }
.u4-image-caption { font-size:0.8em ; color:#666 ; margin:0 ; padding:0 ; margin-left:0.5em ; }

a { color:#000 ; text-decoration:none; } 
a:hover { color:#000 ; text-decoration:none ; }

h2,h3,h4,h5 { color:#111 ; }
h2 { font-size:1.8em ; font-weight:normal ; letter-spacing:0.1em ; }
h3 { font-size:1.4em ; font-weight:normal ; }
h4 { font-size:1.2em ; font-weight:bold ; }
h5 { font-size:1.1em ; font-weight:bold ; }

 /* news document */
.newsSummary { font-style:italic ; }

 /* highlight element */
.highLight { border:1px solid #000 ; padding:5px ; }
.highLight h3 { margin-top:0 ; padding-top:0 ; border-bottom:1px solid #000 ; padding-bottom:5px ; } 

 /* 2col */
.columnContainer { width:100% ; }
.columnContainer .columns { width:47% ; margin-right:2% ; float:left;} 

/*Hide elements*/
#naviBar, #topNavi, #left, #right, #breadcrumb, #searchBox, #helplinks, .functionBar {display:none;}
img.h {display: block; width:128px; height:26px; padding-bottom:20px;}
img {border:none;}

/* 7.1 Multiple column elements */

        div.c-b{clear: both;}        
        div.ce-c{width: 100%; height: auto; border-bottom: 1px solid #fff;} /*hack for netscape + opera*/
        div.ce-l, div.ce-r, div.ce-lt, div.ce-mt, div.ce-rt{float: left; height: auto;}        
        div.ce-l, div.ce-lt, div.ce-mt{padding-right: 8%;}
        div.ce-l, div.ce-r{width: 46%;}
        div.ce-lt, div.ce-mt, div.ce-rt{width: 32%;}
        div.ce-p, div.ce-pb {width: auto; height: auto;}

#footer{padding-top:20px; width:93%;}
#footer ul{list-style-type: none; margin: 0; padding: 0;}
#footer li{display: inline; padding: 1em 1em 0 0;}

#navigoCMS{float: right; font-style: italic; margin: 0; padding: 1em 0 0 0;}

#footLogo{float: left; padding:0; margin:0;}
#copyright{float: right; padding:0; margin:0;text-align: right;}
 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}
.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #000 ;}
.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:lightgrey;}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}
.u4-table-complete-header td {background:gray; font-weight: bold;}


/* 12. Calculators */
        #site table.calculator td{padding: 5p 6px 5px 0; backg round: #f3f3f3;}
        #site table.calculator .head{background: #8EC085;}
        #site table.calculator .coco{background: #f5f5f5;}
        #site table.calculator .white{color: #fff; font-weight: bold;}
        #site table.calculator input.small{width: 20px; margin-right: 7px;}
        #site table.calculator input.medium{width: 30px; margin-right: 7px;}

        table#calcWood table{width: 100%;}
        table#calcWood{}
        table#calcWood td.green{background: #8EC085; color: #fff; }
        table#calcWood td.coco{background: #f5f5f5; }
        table#calcWood td{padding: 5p 6px 5px 0;}

        table#pientalo .green{background: #8EC085; color: #fff;}
        table#pientalo td{padding: 5p 6px 5px 0; margin: 0;}

/* 13. ERROR TABLE */
        table.distributionError                 { width: 99%; }
        table.distributionError th,
        table.distributionError td              { vertical-align: top;
                                                  padding: 0 0.3em 0 0.3em; }
        table.distributionError tr.heading      { background: #c61e4b;
                                                  color: #fff; }
        table.distributionError tr.odd          { background: #e7e8e8; }