html {
 border: 0px;
 height: 100%;
 min-height: 100%;
 max-height: 100%;
 margin: 0px;
 padding: 0px;
 bottom: 0;
 top: 0;
}

body {
 background-image: url("/images/bg_body.gif");
 background-repeat: repeat-x;
 background-color: #B2B2B2;
 bottom: 0;
 color: #000000;
 height: 100%;
 font-size: 12px;
 min-height: 100%;
 max-height: 100%;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 top: 0;
}



/* LOGON ja PÄÄTAULUN taulu */
table.xbody {
 height: 100%;
 width: 100%;
 bottom: 0px;
 top: 0px;
 vertical-align: top;
}

td.xtop {
 height: 80px;
 width: 100%;
 vertical-align: middle;
}

td.xdown {
 height: 100%;
 width: 100%;
 vertical-align: top;
}



/* PÄÄCONTENT-TAULU */
table.bodycontent {
 margin-left: 20px;
 width: 809px;
 height: 100%;
 bottom: 0px;
 top: 0px;
}

td.bodycontent-left {
 background-color: #FFFFFF;
 vertical-align: top;
 width: 205px;
}

td.bodycontent-right {
 background-color: #FFFFFF;
 vertical-align: top;
 width: 604px;
}




/* SININEN valikkomenu */
table.menu {
 background-image: url("/images/tables/greybg.jpg");
 background-repeat: repeat-y;
 width: 205px;
}

td.menutop {
 background-image: url("/images/tables/menutop.jpg");
 background-repeat: no-repeat;
 height: 14px;
 width: 205px;
}

td.menubg {
 background-image: url("/images/tables/menubg.jpg");
 background-repeat: repeat-y;
 vertical-align: top;
 width: 205px;
}

td.menubottom {
 background-image: url("/images/tables/menubottom.jpg");
 background-repeat: no-repeat;
 height: 16px;
 width: 205px;
}

td.menuend {
 background-image: url("/images/tables/greybottom.jpg");
 background-repeat: no-repeat;
 height: 14px;
 width: 205px;
}

div.copyright {
 font-size: 9px;
 width: 190px;
}



/* CONTENT-TAULU */
table.content {
 background-color: #FFFFFF;
  width: 604px;
}

td.contenttop {
 background-image: url("/images/tables/contenttop.jpg");
 background-repeat: no-repeat;
 height: 20px;
 width: 604px;
}

td.contentbg {
 background-image: url("/images/tables/contentbg.jpg");
 background-repeat: repeat-y;
 vertical-align: top;
 height: 150px;
 width: 604px;
}


td.contentbottom {
 background-image: url("/images/tables/contentbottom.jpg");
 background-repeat: repeat-y;
 height: 23px;
 width: 604px;
}



/* KELTAINEN INFO-TAULU */
table.yellow {
 margin-left: 15px;
 width: 579px;
}

td.yellowtop {
 background-image: url("/images/tables/yellowtop.jpg");
 background-repeat: no-repeat;
 height: 15px;
 width: 579px;
}

td.yellowbg {
 background-image: url("/images/tables/yellowbg.jpg");
 background-repeat: repeat-y;
 width: 579px;
}

td.yellowbottom {
 background-image: url("/images/tables/yellowbottom.jpg");
 background-repeat: repeat-y;
 height: 17px;
 width: 579px;
}

/* VIHREÄ INFO-TAULU */
table.green {
 margin-left: 15px;
 width: 579px;
}

td.greentop {
 background-image: url("/images/tables/greentop.jpg");
 background-repeat: no-repeat;
 height: 15px;
 width: 579px;
}

td.greenbg {
 background-image: url("/images/tables/greenbg.jpg");
 background-repeat: repeat-y;
 padding-left: 10px;
 padding-right: 20px;
 text-align: justify;
 width: 579px;
}

td.greenbottom {
 background-image: url("/images/tables/greenbottom.jpg");
 background-repeat: repeat-y;
 height: 15px;
 width: 579px;
}




/* PUNAINEN VAROITUS-TAULU */
table.red {
 margin-left: 4px;
 padding-left: 5px;
 padding-right: 5px;
 width: 282px;
}

td.redtop {
 background-image: url("/images/tables/redtop.jpg");
 background-repeat: no-repeat;
 height: 12px;
 width: 282px;
}

td.redbg {
 background-image: url("/images/tables/redbg.jpg");
 background-repeat: repeat-y;
 color: #FFFFFF;
 font-size: 11px;
 text-align: justify;
 width: 282px;
}

td.redbottom {
 background-image: url("/images/tables/redbottom.jpg");
 background-repeat: repeat-y;
 height: 16px;
 width: 282px;
}






/* TEKSTIT, LINKIT YMS. */
div.link {
 font-size: 12px;
 margin: 5px;
}

a.link {
 color: #FFFFFF;
 font-size: 12px;
 text-decoration: none;
}

a.link:hover {
 color: #FFFFFF;
 font-size: 12px;
 text-decoration: underline;
}

div.info {
 padding-left: 10px;
 padding-right: 10px;
 text-align: justify;
}

div.content {
 padding-left: 25px;
 padding-right: 20px;
 text-align: justify;
}

.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

div.warning {
 font-weight: bold;
 margin-right: 10px;
 text-align: right;
 text-decoration: underline;
}

span.topic {
 font-size: 14px;
 font-weight: bold;
}

div.topic {
 font-size: 14px;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 30px;
}

span.linktopic {
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
}

div.cinfo {
 background-color: #E5E5E5;
 border: 1px #888888 dotted;
 margin-left: 10px;
 margin-right: 10px;
 padding: 2px;
}

div.sinfo {
 background-color: #E5E5E5;
 border: 1px #888888 dotted;
 padding: 4px;
}

div.winfo {
 background-color: #FF4A4A;
 border: 1px #888888 dotted;
 color: #FFFFFF;
 padding: 4px;
}

p.topic {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 20px;
 text-decoration: underline;
}

span.kuvateksti {
 font-style: italic;
}


/* Shell-ikkunat */
div.pke {
 //background-color: #D8D8D8;
 background-color: #000000;
 border: 1px #bbbbbb solid;
 color: #bbbbbb;
 margin-left: 0px;
 margin-bottom: 5px;
 padding: 2px;
 width: 550px;
}

span.pke {
 color: #FFFFFF;
 font-weight: none;
 text-decoration: underline;
}
span.pkn {
 color: #FFFFFF;
}

span.lg1 {
 color: #55ff55;
}

span.lg2 {
 color: #3c55ff;
}

a.gl {
 color: #0000FF;
 text-decoration: underline;
}

a.gl:hover {
 color: #000000;
 text-decoration: none;
}


.warning {
 font-weight: bold;
 font-size: 14px;
 text-decoration: underline;
}


/* TILAUKSET */
td.tc1 {
 font-size: 12px;
 text-align: left;
 width: 100px;
}

td.tc2 {
 font-size: 12px;
 text-align: right;
 width: 100px;
}

td.tc3 {
 font-size: 12px;
 text-align: right;
 width: 100px;
}

div.tilaa {
 font-size: 12px;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 text-align: left;
 width: 200px;
}

div.tilaa:hover {
 background-color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 text-align: left;
 width: 200px;
}

td.tec1 {
 font-size: 12px;
 margin: 2px;
 padding-left: 10px;
 vertical-align: top;
 width: 250px;
}

td.tec2 {
 font-size: 12px;
 margin: 2px;
 vertical-align: top;
 width: 150px;
}

a.tilaa {
 color: #0000FF;
}

a.tilaa:hover {
 color: #0000FF;
}