/* Hilmaverkoston intranetin CSS */
html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
font-weight: normal; color: #555555; }
#main { margin: 0; padding: 0; width: 840px; }

/* Sisäänkirjautumissivu */
#frontpage_title { margin: 0; padding: 0; background-image: url(../images/hilma.jpg); background-position: top left;
background-repeat: no-repeat; width: 275px; height: 360px; }
#frontpage_title h3 { margin: 0; padding: 0; position: absolute; top: 50px; left: 305px; 
background-image: url(../images/logo.gif); display: block; width: 251px; height: 76px; }
#frontpage_title h3 span { display: none; }

#frontpage_content { margin: 0; padding: 0; position: absolute; top: 170px; left: 305px; width: 250px; }
#frontpage_text { margin: 0; padding: 15px 0 0 0; }
#frontpage_text a:link, #frontpage_text a:visited { margin: 0; padding: 0; text-decoration: none; color: #0a9ac7;}
#frontpage_text a:hover, #frontpage_text a:active { margin: 0; padding: 0; text-decoration: underline; }


/* Kaikki muut sivut */

#welcome { margin: 0; padding: 40px 0 0 40px; }
#welcome p { margin: 0; padding: 0; color: #0a9ac7; }

#title { margin: 30px 0 0 30px; padding: 0; }
#title h3 { margin: 0; padding: 0; 
background-image: url(../images/logo.gif); background-repeat: no-repeat; 
display: block; width: 251px; height: 76px; }
#title span { display: none; }

#rightcont { margin: 0; padding: 0; width: 420px; text-align: right; position: relative;
top: -35px; left: 395px;}
#rightcont p { margin: 0; padding: 0 3px 5px 0; }
#userinfo { margin: 0; padding: 0; }
#content { margin: 0; padding: 0 30px 40px 30px; }

.cont_header { margin: 0; padding: 20px 0 0 0; }
.cont_header_left { margin: 0; padding: 0; width: 200px; float: left;}
.cont_header_right { margin: 0; padding: 0; float: right; color: #0a9ac7;}
.cont_header_right a:link, .cont_header_right a:visited { margin: 0; padding: 0; text-decoration: none; color: #0a9ac7; }
.cont_header_right a:hover, .cont_header_right a:active { margin: 0; padding: 0; text-decoration: underline;}

.cont_navi { margin: 0; padding: 0; color: #0a9ac7; text-align: right; }
.cont_links { margin: 0; padding: 0; color: #0a9ac7; }
.cont_links a:link, .cont_links a:visited { margin: 0; padding: 0 5px 0 5px; color: #0a9ac7; text-decoration: none; }
.cont_links a:hover, .cont_links a:active { margin: 0; padding: 0 5px 0 5px; text-decoration: underline;}


.group_disc { margin: 0 0 1px 0; padding: 10px 0 5px 10px; clear: both; width: 770px; 
background-color: #d9eca5; }
.group_disc h3 { margin: 0; padding: 0 0 7px 0; font: 11px verdana; font-weight: bold; text-transform: uppercase; }
.group_disc h3 a:link, .group_disc h3 a:visited { margin: 0; padding: 0; text-decoration: none; color: #678809; }
.group_disc h3 a:hover, .group_disc h3 a:active { margin: 0; padding: 0; text-decoration: underline;}
.group_disc p { margin: 0; padding: 0 0 8px 0; color: #678809; }
.group_disc p a:link, .group_disc p a:visited { margin: 0; padding: 0; text-decoration: none; color: #678809; }
.group_disc p a:hover, .group_disc p a:active { margin: 0; padding: 0; text-decoration: underline;}


.group_docs { margin: 0 0 1px 0; padding: 10px 0 5px 10px; clear: both; width: 770px; 
background-color: #e0d1f3; }
.group_docs h3 { margin: 0; padding: 0 0 7px 0; font: 11px verdana; font-weight: bold; text-transform: uppercase; }
.group_docs h3 a:link, .group_docs h3 a:visited { margin: 0; padding: 0; text-decoration: none; color: #81278f; }
.group_docs h3 a:hover, .group_docs h3 a:active { margin: 0; padding: 0; text-decoration: underline;}
.group_docs p { margin: 0; padding: 0 0 8px 0; color: #81278f; }
.group_docs p a:link, .group_docs p a:visited { margin: 0; padding: 0; text-decoration: none; color: #81278f; }
.group_docs p a:hover, .group_docs p a:active { margin: 0; padding: 0; text-decoration: underline;}


.check { margin: 0; padding: 0 0 5px 0; color: #088ab3; width: 500px;}
.check a:link, .check a:visited { margin: 0; padding: 0 5px 0 5px; text-decoration: none; color: #088ab3; }
.check a:hover, .check a:active { margin: 0; padding: 0 5px 0 5px; text-decoration: underline; }
.check p { margin: 0; padding: 0 0 15px 0; color: #555555; line-height: 18px; }


/* Tekstimuotoilu */
#text { margin: 0; padding: 0; width: 520px; }
#text p { margin: 0; padding: 0 0  18px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
font-weight: normal; line-height: 16px; color: #333333; }
#text strong { color: #555555; }
#text ul { margin: 0; padding: 0 0 18px 16px; list-style-type: disc; color: #333333;}
#text li { margin: 0; padding: 0 0 12px 0; }
#text a:link, #text a:visited { margin: 0; padding: 0; text-decoration: none; color: #0a9ac7;}
#text a:hover, #text a:active { margin: 0; padding: 0; text-decoration: underline; color: #0a9ac7;}


#text h3 { margin: 0; padding: 18px 0 18px 0; font: 14px arial; font-weight: bold; color: #eb8315; }
#text h4 { margin: 0; padding: 5px 0 18px 0; font: 14px arial; font-weight: bold; color: #eb8315; }
#text h6 { margin: 0; padding: 0 0 3px 0; font: 12px arial; font-weight: bold; color: #555555; }

h2.blue { margin: 0; padding: 0 0 12px 0; font: 14px arial; font-weight: bold; color: #0a9ac7; }
h2.blue2 { margin: 0; padding: 20px 0 12px 0; font: 14px arial; font-weight: bold; color: #0a9ac7; }
h2.blue3 { margin: 0; padding: 15px 0 15px 0; font: 14px arial; font-weight: bold; color: #0a9ac7; }
h2.gray { margin: 0; padding: 0; font: 14px arial; font-weight: bold; color: #555555; }

h2.blue2 a:link, h2.blue2 a:visited 
{ margin: 0; padding: 20px 0 12px 0; font: 14px arial; font-weight: bold; color: #0a9ac7; text-decoration: none;}
h2.blue2 a:hover, h2.blue2 a:active 
{ margin: 0; padding: 20px 0 12px 0; font: 14px arial; font-weight: bold; color: #0a9ac7; text-decoration: underline;}


h3.gray { margin: 0; padding: 20px 0 15px 0; font: 14px arial; font-weight: bold; color: #555555; }
h3.gray2 { margin: 0; padding: 20px 0 0 0; font: 14px arial; font-weight: bold; color: #555555; }
h3.gray3 { margin: 0; padding: 0 0 15px 0; font: 14px arial; font-weight: bold; color: #555555; }
h3.gray4 { margin: 0; padding: 15px 0 5px 0; font: 14px arial; font-weight: bold; color: #555555; }
h3.gray5 { margin: 0; padding: 20px 0 20px 0; font: 14px arial; font-weight: bold; color: #555555; }


/* Navigaatiot */
.uppernavi { margin: 0; padding: 0; color: #0a9ac7; }
.uppernavi a:link, .uppernavi a:visited { margin: 0; padding: 0 5px 0 5px; text-decoration: none; color: #0a9ac7;}
.uppernavi a:hover, .uppernavi a:active { margin: 0; padding: 0 5px 0 5px; text-decoration: underline; }

#navi { margin: 20px 0 20px 30px; padding: 0; }
#mainnavi { margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; 
font-weight: bold; text-transform: uppercase; }
#mainnavi ul { margin: 0; padding: 0; list-style-type: none; }
#mainnavi li { margin: 0 0 .2em 0; display: inline; }
#mainnavi a { color: #FFFFFF; background-color: #777777;	width: 9em; padding: .3em .7em; text-decoration: none; }
#mainnavi a:hover { background-color: #088ab3; color: #FFFFFF; }
#mainnavi a:hover.greenbtn { background-color: #a7c64c; color: #FFFFFF; }
#mainnavi a:hover.violetbtn { background-color: #81278f; color: #FFFFFF; }
#mainnavi a:hover.redbtn { background-color: #f98f1e; color: #FFFFFF; }
#active a { color: #FFFFFF; background-color: #088ab3; width: 9em; padding: .3em .7em; text-decoration: none; }
#greenactive a { color: #FFFFFF; background-color: #a7c64c; width: 9em; padding: .3em .7em; text-decoration: none; }
#violetactive a { color: #FFFFFF; background-color: #81278f; width: 9em; padding: .3em .7em; text-decoration: none; }
#redactive a { color: #FFFFFF; background-color: #f98f1e; width: 9em; padding: .3em .7em; text-decoration: none; }

#subnavi { margin: 0; padding: 15px 0 0 2px; color: #0a9ac7; font-family: arial, helvetica, sans-serif; font-size: 12px; }
#subnavi a:link, #subnavi a:visited { margin: 0; padding: 0; text-decoration: none; color: #0a9ac7;}
#subnavi a:hover, #subnavi a:active { margin: 0; padding: 0; text-decoration: underline; }
.subactive { margin: 0; padding: 0; text-decoration: underline; }

#footernavi { margin: 0; padding: 10px 25px 50px 0; color: #0a9ac7; float: right; }
#footernavi a:link, #footernavi a:visited { margin: 0; padding: 0 5px 0 5px; text-decoration: none; color: #0a9ac7;}
#footernavi a:hover, #footernavi a:active { margin: 0; padding: 0 5px 0 5px; text-decoration: underline; }


/* Lomakkeet */
form.nice { margin: 0; padding: 0;}
.row { clear: both; padding: 7px 0 0 0; }
.label { float: left; text-align: left; width: 80px; }
.singleline { margin: 0; padding: 2px; width: 145px; border: 1px solid #0a9ac7; font: 12px arial; color: #444444; }
.formarea { float: right; text-align: left; width: 150px;}

form.nice2 { margin: 0; padding: 0; width: 310px;}
.row2 { clear: both; padding: 7px 0 0 0; }
.label2 { float: left; text-align: left; width: 100px; }
.singleline2 { margin: 0; padding: 2px; width: 196px; border: 1px solid #777; font: 12px arial; color: #444444; }
.formarea2 { float: right; text-align: left; width: 200px;}
.sel { margin: 0; padding: 0; font: 12px arial; color: #444444; }

form.nice3 { margin: 10px 0 0 0; padding: 0; width: 310px;}
.row3 { clear: both; padding: 7px 0 0 0; }
.label3 { float: left; text-align: left; width: 130px; }
.singleline3 { margin: 0; padding: 2px; width: 176px; border: 1px solid #777777; font: 12px arial; color: #444444; }
.formarea3 { float: right; text-align: left; width: 180px;}

form.basic { margin: 0; padding: 0; width: 381px;}
form.short { margin: 0; padding: 0; width: 204px;}
.singleline_grey { margin: 0; padding: 2px; width: 377px; border: 1px solid #777777; font: 12px arial; color: #444444; }
.shortline { margin: 0; padding: 2px; width: 200px; border: 1px solid #777777; font: 12px arial; color: #444444; }
textarea.box { margin: 0; padding: 0; width: 381px; border: 1px solid #777777; font: 12px arial; color: #444444; }
form p { margin: 0; padding: 15px 0 3px 0; color: #444444; }
form p.notop { margin: 0; padding: 0 0 15px 0; color: #444444; }

.buttons { margin: 0; padding: 0; text-align: right; clear: both;}
input.blue { margin: 15px 0 0 3px; padding: 3px; background-color: #0a9ac7;
border: none; color: #FFFFFF; font: 12px arial;}
input.light { margin: 15px 0 0 3px; padding: 3px; color: #678809; background-color: #c5e3ec;
border: none; color: #06789c; font: 12px arial; width: 290px; }

button.blue { margin: 0 0 0 3px; padding: 3px; background-color: #0a9ac7;
border: none; color: #FFFFFF; font: 12px arial;}


/* TAULUKOT */

/* Keskustelu */
table.disc { margin: 0; padding: 0; border-collapse: collapse; font-family: verdana, arial; font-size: 11px;
clear: both; }
table.disc td.dischead { border: none; background-color: #a7c64c; color: #fff; font-weight: bold; }
table.disc td { border: 1px solid #fff; background-color: #d9eca5; color: #678809; }
table.disc a:link, table.disc a:visited { margin: 0; padding: 0; text-decoration: none; color: #678809; }
table.disc a:hover, table.disc a:active { margin: 0; padding: 0; text-decoration: underline; }

/* Kirjoitus */
table.post { margin: 10px 0 10px 0; padding: 0; border-collapse: collapse; font-family: verdana, arial; font-size: 11px;
border-bottom: 1px solid #ddd; clear: both;}
table.post td.writer { border-top: 1px solid #678809; border-left: 1px solid #d9eca5; border-right: 1px solid #fff; 
background-color: #d9eca5; color: #678809;  }
table.post td.function { border-top: 1px solid #777; border-left: 1px solid #fff; border-right: 1px solid #fff; 
background-color: #d9eca5; color: #678809;  }
table.post td.function2 { border-top: 1px solid #777; border-left: 1px solid #fff; border-right: 1px solid #d9eca5; 
background-color: #d9eca5; color: #678809;  }
table.post td.content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: none; 
background-color: #fff; color: #444; line-height: 16px; font-size: 11px; }
table.post td.content2 { border: 1px solid #ddd; background-color: #fff; color: #444; line-height: 16px; font-size: 11px; }
table.post td { border: 1px solid #fff; background-color: #dcf1f7; color: #555; }
table.post a:link, table.post a:visited { margin: 0; padding: 0; text-decoration: none; color: #678809; }
table.post a:hover, table.post a:active { margin: 0; padding: 0; text-decoration: underline; }
table.post h4 { margin: 0; padding: 5px 0 0 0; font: 14px arial; font-weight: bold; color: #555; }
table.post p { margin: 0; padding: 10px 0 20px 0; font: 11px verdana; font-weight: normal; color: #444; line-height: 16px; }

/* Tiedostot */
table.doc { margin: 0; padding: 0; border-collapse: collapse; font-family: verdana, arial; font-size: 11px;}
table.doc td.dochead { border: none; background-color: #81278f; color: #fff; font-weight: bold; }
table.doc td { border: 1px solid #ccc; }
table.doc a:link, table.doc a:visited { margin: 0; padding: 0; text-decoration: none; color: #81278f; }
table.doc a:hover, table.doc a:active { margin: 0; padding: 0; text-decoration: underline; }

/* Hallinta */
table.adm { margin: 0; padding: 0; border-collapse: collapse; font-family: verdana, arial; font-size: 11px;}
table.adm td.admhead { border: none; background-color: #0a9ac7; color: #fff; font-weight: bold; }
table.adm td { border: 1px solid #ccc; }
table.adm a:link, table.adm a:visited { margin: 0; padding: 0; text-decoration: none; color: #0a9ac7; }
table.adm a:hover, table.adm a:active { margin: 0; padding: 0; text-decoration: underline; }


/* EKSTRAT */
.line { margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
.line2 { margin: 30px 0 0 0; padding: 0; border-bottom: 1px solid #ccc; clear: both; }
.line3  { margin: 0 30px 0 30px; padding: 0; border-bottom: 1px solid #ccc; clear: both; }
.clear { clear: both; }