/* Kattoliitto CSS Document 11/2005 */

body {
	background-color:#1d5d9c;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
img {
	border:0px;
	}

.content img { padding: 10px }
.content img[align="left"] { padding-left: 0px }
.content img[align="right"] { padding-right: 0px }
img.contentbaricon,img.contentstateicon { border: 0px; margin: 3px; padding: 0px }

form {
	margin: 0;
}

#containertable {
	border:1px solid #999;
	border:0px;
	width:980px;
	}
	
#header {
	width:980px;
	height:108px;
	}
	
#navigation {
	background-color:#fff;
	border:1px solid #999;
	}
	
#leftblock {
	width:234px;
	background-image:url(../images/contentarea_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	vertical-align:top;
	}
	
#centerblock {
	background-image:url(../images/contentarea_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:425px;
	background-color:#fff;
	vertical-align:top;
	}
	
#rightblock {
	background-color:#f7f7f6;
	border-left:1px solid #999;
	width:321px;
	vertical-align:top;
	}
	
#leftnaviblock {
	background-color:#f7f7f6;
	border-right:1px solid #999;
	width:220px;
	vertical-align:top;
	}
	
#mainblock {
	background-image:url(../images/contentarea_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:531px;
	background-color:#fff;
	vertical-align:top;
	}

#widemainblock {
	background-image:url(../images/contentarea_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:760px;
	background-color:#fff;
	vertical-align:top;
	}

#rightinfoblock {
	width:229px;
	background-image:url(../images/contentarea_gradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	vertical-align:top;
	}
	
#footer {
	width:980px;
	height:53px;
	background-image:url(../images/footer.gif);
	border-top:1px solid #999;
	background-repeat:repeat-x;
	vertical-align:top;
	}
	
.content h1 {
	color:#5b82b6;
	font-weight:bold;
	font-size:16px;
	margin:0px;
	}
	
.content h2 {
	color:#5b82b6;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	}

.content, .content p {
	font-size:12px;
	color:#333;
	}
	
.content a:link, .content a:active, .content a:visited {
	color:#38519D;
	font-weight:bold;
	text-decoration:underline;
	}
	
.content a:hover {
	color:#5B82B6;
	text-decoration:underline;
	}
	
.centerblockmargin {
	padding:28px;
	}
	
.mainblockmargin {
	padding:17px 56px 28px 43px;
	}

.newsbox {
	padding:28px 22px 22px 22px;
	}
	
.rightinfoblockmargin {
	padding:17px 20px 22px 0px;
	}
	
.newsdigesttitle {
	padding-bottom:17px;
	}
	
.newsheading a:link, .newsheading a:active, .newsheading a:visited {
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
	
.newsheading a:hover {
	text-decoration:underline;
	}
	
.newsdate {
	color:#333;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding-right:5px;
	}
	
.newsingress {
	color:#333;
	font-size:11px;
	margin:0px;
	}
	
.newsreadmore {
	margin:0px;
	padding-top:5px;
	padding-bottom:15px;
	}
	
.newsheading {
	margin:0px;
	padding-bottom:7px;
	}
	
.box {
	padding-top:20px;
	padding-bottom:30px;
	}

.boxtitle, .box .content h1, .box .content .newsdigesttitle {
	background-image:url(../images/boxhead.gif);
	background-repeat:repeat-x;
	height:22px;
	
	color:#fff;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	padding:4px 10px 0px 10px;
	}

.boxcontent, .box .content .newsdigestbody {
	padding: 13px;
}

.boxtitlefont {
	background-image:url(../images/boxheadfont.gif);
	padding:3px 6px 3px 6px;
	}
	
.boxcontent, .box .content {
	background-color:#EFF5FD;
	border-left:1px solid #6E90BE;
	border-right:1px solid #6E90BE;
	border-bottom:1px solid #6E90BE;
	padding-bottom:13px;
	}
	
.leftblockmargin {
	padding:16px;
	padding-top:28px;
	}
	
.leftblockmargin a:link, .leftblockmargin a:active, .leftblockmargin a:visited {
	color:#38519D;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	}
	
.leftblockmargin a:hover {
	color:#5B82B6;
	text-decoration:underline;
	}
	
.leftnaviblockmargin {
	padding:15px;
	}
	
.leftnaviblockmargin a:link, .leftnaviblockmargin a:active, .leftnaviblockmargin a:visited {
	color:#38519D;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	}
	
.leftnavitopic {
	padding-bottom:8px;
	}
	
.leftnavi-item {
	padding-bottom:8px;
	padding-left:20px;
	}
	
.leftnavi-subitem {
	padding-bottom:8px;
	padding-left:10px;
	}
	
.leftnaviblockmargin a:hover {
	color:#5B82B6;
	text-decoration:underline;
	}
	
.rightinfoblockmargin a:link, .rightinfoblockmargin a:active, .rightinfoblockmargin a:visited {
	color:#38519D;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	}
	
.rightinfoblockmargin a:hover {
	color:#5B82B6;
	text-decoration:underline;
	}
	
.newsdigesttitle, .shortcutlinkshead {
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	color:#333;
	}
	
.shortcutlinks {
	padding-top:25px;
	}
	
.shortcutlinkshead {
	padding-bottom:14px;
	}
	
.shortcutlinksitem {
	padding-bottom:5px;
	}
	
.banner {
	padding-top:30px;
	padding-bottom:30px;
	}

.printicon {
	position: absolute;
	margin-left: 420px;
	margin-top: -20px;
}

.footermargin {
	font-size:12px;
	color:#333;
	padding-top:18px;
	}
	
.footermargin a:link, .footermargin a:active, .footermargin a:visited {
	color:#333;
	text-decoration:underline;
	}
	
.footerfont {
	background-color:#FAFAF9;
	padding:3px 8px;
	}
	
.boxcontent input, .searchbox input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding:3px;
	/*
	border:1px solid #666;
	*/
	margin:0px;
	}

.contentbg {
	background-color: #fff;
}

.loginsubmit, .searchsubmit {
	vertical-align:middle;
	padding:0px; margin:0px;
	border:none !important;
	padding-left:4px;
	}

.logintext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #666;
	padding: 0;
	margin: 0;
	}
	
.path {
	background-image:url(../images/pathline.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:17px 56px 14px 43px;
	
	color:#666;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}
	
a.pathlink {
	color:#666;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}
	
a.pathlinkcurrent {
	color:#666;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
	}

/* PHPLM Styles */
.plm a { text-decoration: none;	color: #FFFFFF; }
a.plm:hover	{ text-decoration: none; }
.plmsub, .plmsubselected { padding-right: 7px; text-align: left; }
.plmsubselected { text-decoration: none; }
a.plmsub:link { text-decoration: none; }
a.plmsub:visited { text-decoration: none; }
a.plmsub:hover	{ text-decoration: none; background-color: #fff0c0; }
a.plmsub:active	{ text-decoration: none; }

.horbar	{
	font-family:Arial Black, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color: transparent;
	white-space: nowrap;
	padding: 0px 0px 10px 68px;
	margin-bottom: 3px;
}

.horbaritem, .horbaritemselected {
	position: static;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	margin: 3px 0;
}

.horbaritem a, .horbaritemselected a {
	display: block;
	color: #333;
	padding: 9px;
}

.horbaritem a:hover, .horbaritemselected a:hover	{
	background:url(../images/navihover.gif);
	background-repeat:repeat-x;
}

.horbaritem a.plm	{
	text-decoration: none !important;
}

.verbar	{ color: #245588; background-color: #FFFFFF; margin-left: 0px; }
.submenu	{
	border:1px solid #999;
	background-color:#fff;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index:2;
	padding-bottom: 3px;
	padding-top: 3px;
}
.subframe	{
	position: relative;
	display: block;
	padding: 0px;
	background-color:#fff;
	/*
	margin-top: 3px;
	margin-bottom: 3px;
	*/
}
.item {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	white-space: nowrap;
}
.item a	{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:18px;
	position: relative;
	display: block;
	text-decoration: none;
	padding-right: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0 3px;
}
.item a:link	{ text-decoration: none; color: #333; }
.item a:visited	{ text-decoration: none; color: #333; }
.item a:hover	{ text-decoration: none; color: #333; background-color:#D4E4F9; }
.item a:active	{ text-decoration: none; color: #333; }
.item .fwdarr	{ position: absolute; top: 5px; right: 7px; }

.separator	{
	background-color: #ff0000;
	border-top: 1px solid #9e9a91;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 1px;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}
.verbaritemselected { text-decoration: underline; }
.notpublic { color: #FF0000 }
.verticalitem	{
	font-family: Arial, Helvetica, sans-serif;
	color: #303030;
	text-align: left;
	border: 0px;
	padding: 4px 0px;
}
.verticalitem a	{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	display: block;
	text-decoration: none;
	color: #245588;
	margin-left: 15px;
}
.verticalitem a:link	{ text-decoration: none; }
.verticalitem a:visited	{ text-decoration: none; }
.verticalitem a:hover	{ text-decoration: none; color: #E36FAD; }
.verticalitem a:active	{ text-decoration: none; }
.verticalitem .fwdarr	{ position: absolute; top: 4px;	left: -10px; }
.verticalsubframe	{
	position: relative;
	display: block;
	background-color:#FFFFFF;
	border:1px solid #C5DFF2;
	margin-top: 0px;
	padding: 5px;
	left: -70px;
	width: 221px;
}
.vertitem	{
	font-family: Arial, Helvetica, sans-serif;
	color: #303030;
	text-align: right;
	border: 0px;
	padding: 3px 0px;
	padding-left: 5px;
}
.vertitem a	{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	display: block;
	text-decoration: none;
	color: #333333;
	padding-right: 27px;
}
.vertitem a:link	{ text-decoration: none; }
.vertitem a:visited	{ text-decoration: none; }
.vertitem a:hover	{ text-decoration: none; background-color: #B2D5EB; }
.vertitem a:active	{ text-decoration: none; }
.vertitem .fwdarr	{ position: absolute; top: 4px;	right: 5px; }

div.sidemenulevel {
	padding-left: 20px;
}
div.sidemenulevel div.sidemenulevel {
	padding-left: 20px;
}
div.sidemenulink {
	line-height: 20px;
}
div.sidemenulink div.sidemenuarrow {
	line-height:0px;
}
.sidemenuarrow {
	display: inline;
	position: absolute;
	margin-left: -12px;
	margin-top: 3px;
/*	float: left;
	width: 4px;
	height: 7px;
	margin:0px;padding:0px;
	margin-top: 6px;
	margin-left: 15px;
*/
}
.sidemenuarrow img { margin: 0px; padding-top: 5px; }

.sidemenulink a.sidemenuselected {
	text-decoration: underline;
	/*color: #023042;*/
}

#widemainblock .printicon {
	position: absolute;
	margin-left: 645px;
	margin-top: -20px;
}

.agecalc h1 {
	margin-bottom:10px;
	}
	
.agecalc_navi .float {
	float:right;
	}

.agecalc table {
	width:100%;
	border:1px solid #999;
	}
	
.agecalc table th {
	text-align:left;
	}
	
.agecalc table th h2 {
	background:url(../images/boxhead.gif) repeat-x;
	padding:3px 3px 4px 3px;
	color:#fff;
	}
	
.agecalc table td {
	vertical-align:top;
	color:#333;
	padding:5px;
	}
	
.agecalc table div {
	padding:2px 4px;
	}
	
.agecalc table p {
	font-size:12px;
	color:#333;
	margin:5px 0px;
	padding:0px 5px;
	}
	
.agecalc_medium {
	width:200px;
	}
	
.agecalc_headline {
	font-weight:bold;
	background-color:#e5ecf6;
	padding:2px 5px !important;
	}
	
.agecalc_progress {
	font-size:13px;
	color:#7f7f7f;
	background-color:#eceff4;
	padding:5px 8px;
	}
	
.agecalc_progress_item, .agecalc_progress_currentitem {
	padding:5px 10px 5px 0px;
	display:inline;
	line-height:19px;
	}
	
.agecalc_progress_currentitem {
	color:#666;
	font-weight:bold;
	}
	
.agecalc_navi {
	padding:8px 0px;
	}
	
.agecalc_warning {
	display:none;
	border:2px dashed #f1492d;
	text-align:center;
	padding:10px;
	background-color:#fddbd5;
	margin:6px 0px;
	font-weight:bold;
	font-size:14px;
	}

.agecalc_warningtext {
	font-style: italic;
	color: #f00;
}

.agecalc_result {
	font-size:16px;
	font-weight:bold;
	padding:10px 0px;
	background-color:#dff6c6;
	border:1px solid #83cc36;
	}