* { margin: 0; padding: 0; } 
body { color: #000; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; background-color: #fff; }
body.topFrame { x-background-image: url(/ohjeet/kuvat/popup_topback.png); background-repeat: repeat-x; background-position: left top; }

#header_wrap { height: 34px; width: 100%; x-background-image: url(/ohjeet/kuvat/popup_headback.png); background-repeat: no-repeat; background-position: left top;}
#header { height: 34px; width: 90px; float: left; }
/*h1 { background-image: url(/ohjeet/kuvat/popup_foreca.gif); background-repeat: no-repeat; background-position: left top; display: block; width: 90px; height: 34px; }*/
/*h1 span { display: none; }*/
h1 { margin: 1rem; }
#close { text-align: right; width: 50%; float: right; padding-top: 4px; padding-right: 18px; }
#close img { vertical-align: middle; padding-right: 7px; }
.fluid { width: 100%; height: auto; display:block; }
#title { margin: 1rem; }
#title img { max-width:200px;}
#content { width: 90%; margin: 7px 0 0 13px; }
#content p { margin-bottom: 8px; }
h2 { color: #000; font-size: 1.2em; line-height: 1.3em; font-weight: bold; margin-top: 6px; margin-bottom: 6px; }
	
a:link { color: #01b2eb; text-decoration: none; }
a:visited { color: #1a88c6; text-decoration: none; }
#close a { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; }
a:hover, #close a:hover { color: black; text-decoration: underline; }
a:active, #close a:active { color: #e3303d; }

#content li { list-style-type: none; }
#content #navilinks { padding-bottom: 2em; }
#content #navilinks li { float: left; padding-right: 4px; }
#content hr { clear: both; border: 1px solid #01b2eb; }
#content h2 { clear: both; }
#content dl { margin-left: 1em; margin-top: 1em; margin-bottom: 1em; }
#content dt { font-weight: bold;  }
#content dd { margin-bottom: 0.5rem; }
#omasaaohje dt { font-weight: normal; margin-top: 1em; margin-bottom: 1em; }
#omasaaohje dd { margin-bottom: 1.5em; }
#precmissstn { margin-left: 1.5em; }
#symblegend { font-size: 12px; }
#symblegend h4 { width: 3rem; text-align: center; font-weight: bold; float: left; }
#symblegend img { width:  29px; height: 19px; }
#symblegend div { min-height: 2rem; clear:  both; }
#symblegend div div { width: 3rem; clear: none; float: left; text-align: center; }