@CHARSET "UTF-8";
/* CSS reset by Eric Meyer - meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, div.para, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus{outline: 0;}
body{line-height: 1;color: black;background: white;}
ol, ul{list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: separate;border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}
/* end reset */

html, body		/* HTML & BODY */
{
	background: #ffffff url(../images/system/bodybg.png) repeat-x left top;
    font-size: 16px;
    height: 100%;
}
body				/* BODY */
{
	/*font-family: courier, sans;*/
	font-family: arial, serif;
    font-size: 1em; /* 16px */
	color: #626262;
	margin-left: -40px;
	letter-spacing: 0.03125em; /* 0.5px */
	line-height: 1.125em; /* 18px */
	
}
h1, h2, h3, h4, h5
{
	line-height: 100%; /* makes all of the text visible */
	letter-spacing: 0.0625em; /* 1px */
	font-family: times, sans;
	clear: both;
	color: #d65903; /* orange */
}
h1, h2, h3
{
	margin-bottom: 40px;
	font-size: 1.875em; /* 30px */
}
.black
{
	color: #626262 !important; /* grey */
}
h2
{
	margin-bottom: 20px;
	font-size: 1.5em; /* 24px */
}
h3
{
	margin-bottom: 20px;
	font-size: 1.25em; /* 22px */
}
.clear				/* CLEAR-class */
{
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	display: none;
}
.ie6Alpha
{
	width: 28px !important;
	height: 28px !important;
}
/* LINKS starts */
* a, * a:hover
{
	color: #009ee0; /* blue */
	text-decoration: none;
}
#navigation a, #navigation a:hover, #footer a, #footer a:hover, #logout a, #logout a:hover
{
	margin-right: 7px;
	margin-left: 7px;
	color: #626262; /* grey */
}
#subnav a, #subnav a:hover
{
	color: #626262; /* grey */
}
.navi_active
{
	color: #d65903 !important; /* orange */
}
.basic_list a, .basic_list a:hover
{
	text-decoration: underline !important;
	color: #009ee0 !important; /* blue */
}
/* LINKS ends */

/* no-margins */
.no_margin_right
{
	margin-right: 0px !important;
}
.no_margin_bottom
{
	margin-bottom: 0px !important;
}
.no_margin_all
{
	margin: 0px !important;
}

/* actions */
.action_up, #friendupdates		/* puts margin top */
{
	margin-top: 20px !important;
}
.action_down		/* puts margin bottom */
{
	margin-bottom: 20px !important;
}
.action_right		/* puts margin right */
{
	margin-right: 10px !important;
}

#wrapper			/* WRAPPER-div */
{
	padding-right: 15px;
	padding-bottom: 10px;
	margin: 0px auto;
	width: 980px;
	position: relative;
}
.gutter
{
	padding: 0px 20px 0px 20px;
}
#header				/* HEADER-div */
{
	clear: both;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	font-size: 1.125em;
}
.login_img, #navigation, #logout, #pages, .print /* absolute, arial */
{
	position: absolute;
	font-family: arial, sans-serif;
}
.login_img				/* LOGIN-img */
{
	right: 0px;
	bottom: -4px;
	width: 109px !important;
	height: 48px !important;
}
.logo					/* LOGO-img */
{
	margin: 25px 0px 0px 60px;
	width: 170px !important;
	height: 121px !important;
	
}
ul#navigation		/* NAVIGATION-ul */
{
	left: 290px;
	bottom: 0px;
	float: left;
}
#navigation li, #logout li		/* NAVIGATION&LOGOUT-li */
{
	float: left;
}
ul#logout			/* LOGOUT-ul */
{
	right: 0px;
	bottom: 40px;
	float: right;
}
ul#logout span		/* LOGOUT-ul-span */
{
	margin-right: 7px;
}

#contentTop, #contentBottom, #contentMiddle {
	background: url(../images/system/paperi_keski_etu1.png) repeat-y right top;
	overflow: hidden;
	height: 1%;
	clear: both;
	position: relative;
}

/* background */
* html #contentTop {
	background: url(../images/system/paperi_keski_etu1_ie.gif) repeat-y right top;
}
#contentBottom {
	background: url(../images/system/paperi_ala_etu1.png) no-repeat right bottom;
}
* html #contentBottom {
	background: url(../images/system/paperi_ala_etu1_ie.gif) no-repeat right bottom;
}
#contentMiddle {
	background: url(../images/system/paperi_yla_etu1.png) no-repeat right top;
}
* html #contentMiddle {
	background: url(../images/system/paperi_yla_etu1_ie.gif) no-repeat right top;
}

#wrapGutter {
	padding: 60px 60px 100px 60px;
}
#floatRight {
	float: right;
	width: 920px;
	overflow: hidden;
	min-height: 500px;
}

#login_wrap p
{
	margin: 20px 0px 20px 0px;
}
.text_wrap
{
	clear: both;
	overflow: hidden;
	height: 1%;
	margin-bottom: 40px;
}
.text_wrap p
{
	overflow: hidden;
	height: 1%;
	margin-bottom: 20px;
}
.staticWrap p {
	margin-bottom: 20px;	
}
.left
{
	width: 49.5%;
	float: left;
}
.right
{
	width: 48%;
	float: right;
}

#footer
{
	overflow: hidden;
	height: 1%;
	clear: both;
	width: 100%;
}
ul#foolist {
	margin-top: 20px;
	margin-left: auto;
	margin-right: 180px;
	width: 34.6em;
	font-family: arial, sans-serif;
	padding: 4px 0px;
}
#foolist li {
	display: inline;
	color: #626262 !important; /* grey */
}

ul.basic_list		/* BASIC_LIST-ul */
{
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	/*height: 1%;*/
}
#friendlist
{
	overflow: hidden;
	height: 1%;
	margin-bottom: 20px;
}
#friendlist img
{
	float: left;
	margin-right: 10px;
}
.friend_gutter
{
	padding: 20px;
}
/* SUBNAVI-list starts */
#subnav			/* subnavi-wrapper */
{
	width: 280px;
	float: left;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
}
ul#subnavlist	/* sub-list-ul */
{
	font-family: arial, sans-serif;
	background: none !important;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
}
#subnavlist	li /* sub-list-li */
{
	/*border-bottom: solid 1px #878785;*/
	background: url(../images/system/bobo.gif) no-repeat 20px bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 60px;
}
ul.innerlist	/* list-inside-list */
{
	margin-left: -60px;
	border-left: solid 80px #d65903;
	/*border-bottom: solid 1px #878785;*/
	background: url(../images/system/dotted.gif) no-repeat left top;
	padding: 0px 0px;
	margin-top: 10px !important;
	margin-bottom: -10px;
	color: #626262 !important;
}
.innerlist li
{
	margin-left: 10px !important;
	border-bottom: none !important;
	background: none !important;
	padding: 0px 0px;
}
.bobo /* border-bottom */
{
	background: url(../images/system/bobo.gif) no-repeat 20px bottom !important;
}
.green_arrow, .grey_arrow /* grey-arrow */
{
	padding-left: 20px;
	background: url(../images/system/harmaa_nuoli.gif) no-repeat left center;
}
.green_arrow /* orange arrow */
{
	background: url(../images/system/oranssi_nuoli.gif) no-repeat left center;
	color: #d65903 !important;
}
/* SUBNAVI-list ends */

/* previous & next page */

#preNext {
	width: 200px;
	clear: both;
	overflow: hidden;
	color: #535353;
	text-align: center;
	position: absolute;
	z-index: 99;
	bottom: 80px;
	right: 360px;
	display: inline;
}
#preNext p {
	display: inline;
	overflow: hidden;
	height: 1%;
	margin: 0px 10px 0px 10px;
	font-size: 16px;
}
#preNext img {
	vertical-align: middle;
	display: inline;
}

#subnav select		/* jump-selector in subnavi */
{
	width: 99.9%;
}

.negative
{
	margin-top: -20px !important;
}

/* Comments starts */
#comments_width
{
	width: 100%;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
	clear: both;
	display: block;
}
#comments_wrap_nologin, #comments_wrap_login
{
	margin-top: 20px;
	display: inline;
	float: right;
	width: 680px;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
	clear: both;
}
#comments_wrap_nologin
{
	margin-right: 120px;
}
.comments
{
	margin-top: 20px;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
	color: #006ab3;
	font-family: arial, sans-serif;
	font-size: 0.875em;
}
.comment_gutter /* comment gutter */
{
	padding: 20px 20px 40px 20px;
}
.comment_top, .comment_middle, .comment_bottom
{
	position: relative;
	background: url(../images/system/bobble_middle.png) repeat-y right top;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
}
.comment_middle
{
	background: url(../images/system/bobble_bottom.png) no-repeat right bottom;
}
.comment_bottom
{
	background: url(../images/system/bobble_top.png) no-repeat right top;
}
.delete		/* delete comments image */
{
	position: absolute;
	top: 8px;
	right: 8px;
}
.space_left
{
	margin-left: 60px;
	color: #626262; /* grey */
}
.space_left a, .space_left a:hover
{
	color: #009ee0 !important; /* blue */
}

/* add comment */
#addcomment textarea {
	background: #fff;
	border: 1px solid #626262;
	width: 400px;
	font-family: arial, serif;
    font-size: 1em;
	color: #626262;
	letter-spacing: 0.03125em;
	line-height: 1.125em;
	height: 1%;
}
/* Comments ends */

/* order page starts */
#order label
{
	margin-bottom: 20px;
	display: block;
}
#order input
{
	margin-left: 20px;
	margin-right: 10px;
}
#div-type-1, #div-type-2, #div-type-3
{
	display: block;
	margin-bottom: 5px;
}
#div-type-3
{
	margin: 0px;
}
#order #former-method
{
	margin-top: 20px;
}
#div-method-nordea, #div-method-sampo, #div-method-op
{
	margin-bottom: 20px;
	display: block;
}
.method-nordea-label img, .method-sampo-label img, .method-op-label img
{
	vertical-align: middle;
	margin-left: 10px;
}
/* order page ends */

/* write page starts */
/*
.editpara
{
	overflow: hidden;
	height: 1%;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 20px;
	background: #d0ccb2 url(../images/system/editparabg.png) repeat-x left center;	
	border-top: solid 2px #f1ecd3;
	clear: both;
	width: 100%;
}
.editpara a
{
	margin-left: 20px;
	margin-right: 20px;
	color: #000000 !important;
}
.editpara img
{
	vertical-align: middle;
	margin-right: 10px;
}
.form_field, #former-pagetitle
{
	display: none;
	background: #ede7c7;
	overflow: hidden;
	height: 1%;
}
#former-text, .newpara-wrapper
{
	background: #ede7c7;
	overflow: hidden;
	height: 1%;
}
.former-groupdiv
{
	overflow: hidden;
	height: 1%;
}
.former-groupdiv p, .former-div-para p, float_img1 p
{
	overflow: hidden;
	height: 1%;
	margin: 0px !important;
}
.form_field textarea, #former-text textarea
{
	background: #ede7c7;
	border: none;
	width: 99%;
	font-family: arial, serif;
    font-size: 1em;
	color: #626262;
	letter-spacing: 0.03125em;
	line-height: 1.125em;
	height: 1%;
}
.form_field .former-div-textarea, .newpara-wrapper #former-text
{
	margin: 20px 0px 20px 20px;
	float: left;
	width: 320px;
	clear: left;
	display: inline;
	overflow: hidden;
	height: 1%;
}
.former-div-text
{
	margin-top: 20px;
}
.form_field .former-input input, .newpara-wrapper .former-input input
{
	font-family: arial, serif;
    font-size: 0.875em;
	color: #626262;
	letter-spacing: 0.03125em;
	width: 180px;
}
.form_field .former-div-file input, .newpara-wrapper .former-div-file input
{
	margin-bottom: 20px;
}
.form_field .editwrapclass, .newpara-wrapper .former-groupdiv
{
	display: inline;
	margin-top: 20px;
	margin-right: 20px;
	float: right;
	width: 192px;
	clear: right;
	overflow: hidden;
	height: 1%;
}

#editpage_wrap .former-end-div-input
{
	clear: both;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
}
*/
.wrapperDIV  * form, #pagetitle, .wrapperDIV * textarea,
#former-groupdiv-newpara-wrapper * form,
#former-groupdiv-newpara-wrapper * textarea {
	border: none;
	margin: 0px !important;
	padding: 0px !important;
}
.float_img1
{
	width: 240px;
	float: right;
	overflow: hidden;
	height: 1%;
	position: relative;
	clear: right;
	padding-left: 20px;
}
.float_img1 img
{
	width: 240px;
	display: block;
	clear: both;
}

/*.form_field, #former-pagetitle*/

.form_field, #former-pagetitle {
	display: none;
	background: #ede7c7;
	overflow: hidden;
	height: 1%;
	clear: both;
	margin-bottom: 40px;
}

#pagetitle
{
	width: 100%;
	font-size: 1.5em;
	color: #d65903;
	letter-spacing: 0.0625em;
	font-family: times, sans;
	float: none;
	clear: both;
}
#editpage_wrap h2 {
	clear: both;
	display: block;
	float: none;
	margin: 0px;
}
#editpage_wrap {
	margin-top: 20px;
}
#editpage_wrap .former-div-para {
	height: 1%;
	overflow: hidden;
}
#editpage_wrap .former-end-div-input {
	display: none;
}	
/* perus-setit */
.wrapperDIV, #former-groupdiv-newpara-wrapper {
	width: 100%;
	background: #ede7c7;
	clear: both;
	height: 1%;
	overflow: hidden;
	display: block;
}
.visible {
	width: 100%;
	margin-bottom: 40px !important;
	height: 1%;
	overflow: hidden;
	clear: both;
	display: block;
}
.upperTextareaDIV, #former-text {
	width: 100%;
	clear: both;
	display: block;
}
.upperTextareaDIV textarea, #former-text textarea {
	width: 100%;
	height: 200px;
	margin: 0px auto;
	padding: 0px;
	background: #ede7c7;
	font-family: arial, serif;
    font-size: 1em;
	color: #626262;
	letter-spacing: 0.03125em;
	line-height: 1.125em;
}
.gutterDIV {
	padding: 20px;
}
.lowerWrapperDIV, #former-groupdiv-newpara-input-wrapper {
	width: 100%;
	clear: both;
	display: block;
	height: 1%;
	overflow: hidden;
	margin-top: 20px;
}

/* kuvan kanssa */
.imageWrapperDIV {
	position: relative;
	width: 240px;
	float: left;
	height: 1%;
	overflow: hidden;
}
.imageWrapperDIV .editImage {
	width: 240px !important;	
}
.lowerTextAreaDIV {
	width: 240px;
	float: right;
	height: 1%;
	overflow: hidden;
}
.lowerWrapperDIV * label,
#former-groupdiv-newpara-input-wrapper * label {
	font-weight: bold;
	margin-top: -2px;
	margin-bottom: 20px;	
	display: block;
	overflow: hidden;
}
.lowerTextAreaDIV textarea {
	width: 100%;
	height: 135px;
	font-family: arial, serif;
    font-size: 1em; /* 16px */
	color: #626262;
	letter-spacing: 0.03125em;
	line-height: 1.125em;
	overflow: auto;
}
.editpara {
	background: #d0ccb2 url('../images/system/editparabg.png') repeat-x left center;
	width: 100%;
	clear: both;
	display: block;
	border-top: 1px solid #f1ecd3; 
	text-align: center;
	padding: 16px 0px;
}
.wrapperDIV .former-end-div-input, .former.form,
.former-groupdiv-newpara-wrapper {
	display: none;
}
.editpara p {
	margin: 0px;
	margin-right: -20px;
}
.editpara p img {
	vertical-align: middle;
	margin-right: 10px;
}
.editpara p a {
	margin-right: 20px;
	color: #000000 !important;
	text-decoration: none;
}
/* ilman kuvaa!!!! */

.lowerWrapperDIV .former-div-file,
#former-groupdiv-newpara-input-wrapper .former-div-file {
	width: 240px;
	float: left;
	height: 1%;
	overflow: hidden;
}
.lowerWrapperDIV .former-div-file input,
.lowerWrapperDIV .former-div-text input,
#former-groupdiv-newpara-input-wrapper .former-div-file input,
#former-groupdiv-newpara-input-wrapper .former-div-text input {
	font-family: arial, serif;
    font-size: 1em;
	color: #626262;
	letter-spacing: 0.03125em;
	line-height: 1.125em;
	margin: 0px;
	padding: 1px;
}
.lowerWrapperDIV .former-div-file input,
.lowerWrapperDIV .former-div-text input,
#former-groupdiv-newpara-input-wrapper .former-div-file input,
#former-groupdiv-newpara-input-wrapper .former-div-text input {
	width: 234px;
}
.lowerWrapperDIV .former-div-text,
#former-groupdiv-newpara-input-wrapper .former-div-text {
	width: 240px;
	float: right;
	height: 1%;
	overflow: hidden;
}
/*.inputWrapperDIV .former-div-text label {
	font-weight: bold;
	margin-top: -2px;
	margin-bottom: 20px;	
}*/

/* write page end */

/* Privacy-form starts */
#privacy_wrap
{
	clear: both;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
}
#privacy_wrap .former-form .category
{
	/*display: block;*/
	margin-top: 40px ;
}
ul#showtime
{
	float: right;
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
	width: 100%;
	margin-top: 20px;
	margin-bottom: -20px;
}
#showtime li
{
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
	display: inline;
	margin-right: 30px;
	float: right;
	text-align: center;
}	
#privacy_wrap .former-div-para, #privacy_wrap .former-div-obl
{
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears!*/
	float: left;
	width: 100%;
	clear: both;
}
#privacy_wrap .former-div-para p
{
	margin: 20px 0px;
}
#privacy_wrap .former-label-obl
{
	float: left;
	margin-left: 20px;
}
#privacy_wrap .former-radio /* radio button */
{
	float: right;
	margin-left: 60px;
	margin-right: 10px;
}
#privacy_wrap .former-radio-label, #privacy_wrap .former-end-div-input
{
	display: none;
}
#privacy_wrap .former-submit /* tallenna (submit) button */
{
	margin-top: 20px;
	float: left;
	clear: both;
}
#privacy_wrap .former-div-para
{
	font-weight: bold;
	margin: 20px 0px;
}
/* Privacy-form ends */

/* topic-page starts */
#topicpage
{
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
}
#topicpage label
{
	font-weight: bold;
	margin: 20px 0px;
	display: block;
}
#topicpage .former-checkbox
{
	margin-left: 20px;
}
/* topic-page ends */

.topic
{
	font-weight: bold;
	margin: 40px 0px 20px 0px;
}

/* rakenne (manage) starts */
#manage table tr.page td.first
{
	padding-left: 20px;
}
tr.topic td
{
	padding: 40px 10px 10px 0px;
	font-weight: bold;
}
tr.topic a, tr.topic a:hover
{
	font-weight: normal;
}
/* rakenne (manage) ends */

/* ADMIN pages starts */
#admin
{
	margin: 20px 0px;
	font-size: 0.875em; /* 14px */
}
#admin td
{
	width: 1%;
}

#admin_topics
{
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears! */
	clear: both;
}
#admin_topics h3
{
	margin-top: 40px;
}
#admin_topics .margin_left
{
	margin-left: 20px;
}
/* ADMIN pages ends */

/* LUE (read) page starts */

#readPageWrap .readpage,
.staticWrap .readpage {
	overflow: hidden;
	height: 1%;
	margin-bottom: 40px;
}
#readPageWrap .readpage p,
#readPageWrap .readpage .image p,
.staticWrap .readpage p,
.staticWrap .readpage .imageR p,
.staticWrap .readpage .imageL p {
	margin: 0px;
}

#readPageWrap .readpage .image,
.staticWrap .readpage .imageR,
.staticWrap .readpage .imageL {
	max-width: 240px;
	float: right;
	margin: 0px 0px 20px 20px;
}
.staticWrap .readpage .imageR,
.staticWrap .readpage .imageL {
	max-width: 242px; /* because the border */
	font-size: 14px;
}
.staticWrap .readpage .imageL {
	float: left;
	margin: 0px 20px 20px 0px;
}
.staticWrap .readpage .imageR img,
.staticWrap .readpage .imageL img {
	border: 1px solid #c0c0c0;	
}

/*
#readPageWrap .readpage {
	width: 500px;
	background: #c0c0c0;
	margin: 20px auto;
}
#readPageWrap .image {
	float: right;
	margin: 0px 0px 20px 20px;
}
#readPageWrap .image p {
	text-align: left;
}
*/
.small	/* sidebar-imgs */
{
	vertical-align: text-bottom;
	width: 20px !important;
	height: 20px !important;
}
/* LUE (read) page ends */

/* savebutton starts */
#save_div
{
	overflow: hidden; /* important! clears! */
	height: 1%; /* important! clears!*/
	width: 5em;
	margin: 80px 0px 0px 100px;
}
#save_button
{
	border: none;
	background: transparent;
	cursor: pointer;
	font-size: 1.125em; /* 18px */	
	color: #626262 !important; /* grey */
	width: 5em;
}
.save_img
{
	cursor: pointer;
	width: 72px !important;
	height: 74px !important;
	clear: both;
	display: block;
	margin: 0px 0px 10px 8px;
}
/* savebutton ends */

.page a, .page a:hover {
	margin-left: 20px;
}
.print {
	z-index: 99;
	right: 60px;
	top: 60px;
	font-size: 0.875em; /* 14px */
	overflow: hidden;
}
#wrap_gutter_nologin .print {
	right: 80px;
}
.printCopy {
	display: none;
}

#policy h2 {
	margin-top: 40px;
}

#loginForm {
	margin-top: 20px;
	clear: both;
	height: 1%;
	overflow: hidden;
}

/* JK's CSS */
input, textarea {
  /*border: 1px solid #999;*/
  padding: 2px;
}
tr {
  vertical-align: top;
}
td, th {
  padding: 2px 10px 2px 2px;
  line-height: 120%;
}
th {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #999;
}
strong {
  font-weight: bold;
}
#page {
  margin: 10px auto;
  width: 750px;
}
#content {
  clear: both;
  padding: 10px 0px;
}
#text {
  width: 100%;
  clear: both;
}
#sidebar {
  float: left;
  width: 200px;
  background-color: #eef;
}
.test {
  background-color: #cff;
  border: 1px solid #9ff;
  /*padding: 10px;*/
  /*margin: 5px;*/
}
.message {
  background-color: #ccf;
  border: 1px solid #99f;
  padding: 10px;
  margin: 5px 0px;
}
.success {
  background-color: #cfc;
  border: 1px solid #9f9;
  padding: 10px;
  margin: 5px 0px;
}
.error {
  background-color: #fcc;
  border: 1px solid #f99;
  padding: 10px;
  margin: 5px 0px;
}
tr.even td {
  background-color: #eee;
}
.former-error-message {
  color: #f00;
  display: block;
}
.former-div-error {
  /*background-color: #fee;*/
}
.former-div-error input, .former-div-error textarea {
  background-color: #fff;
  border: 1px solid #f33;
}


/* JS's CSS */
img.parapicture {
  cursor: pointer;
  width: 240px;
}
/*for the browse page ("selaile kayttajien elamakertoja")*/
li.self {
	font-weight: bold;
}
li.hasContent {
	font-weight: bold;
}

.former-end-div-input /* clears */
{
	clear: both;
}

#styleformSubmit, #editpageSubmit, #tocSubmit {
	display: none;
}

.functions {
	padding-bottom: 20px;
}

.lastlogin {
	padding-top: 10px;
}

.update {
	padding-bottom: 10px;
}

/*
** This defines the actual print layout
*/
html, body {
	width: auto;
	background: none;
	padding: 0px;
	margin: 0px;
}
* {
	background: none !important;
}
h1, h2, h3, h4, h5, .black, p, li {
	color: #000 !important;
}
* p, * li, * span {
	font-size: 14px;
	color: #000 !important;
}
#wrapper, #floatRight {
	width: 700px !important; /* about 19cm */
	margin: 0px auto !important;
	padding: 0px !important;
	float: none;
}
#wrapGutter, #wrapGutter .gutter {
	padding: 0px;
}
#contentTop, #contentMiddle, #contentBottom {
	width: auto !important;
	margin: 0px auto !important;
	background: none;
	position: static;
}
.logo, ul#navigation, ul#login, ul#logout,
#subnav, ul#subnavlist, #comments_width,
#preNext, #header, #foolist {
	display: none;
}
ul#foolist {
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.print {
	display: none;
}

.printTopImage, .printBottomImage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -99;
}
.printBottomImage {
	top: auto;
	bottom: 30px;
}
.printCopy {
	text-align: right;
	display: block;
}