/* GENERAL STYLES */

html {height:100%;}
body {margin:0; height:100%; padding:0 0 0 0; }
form {margin:0px; padding:0px;}

p	{font: normal small arial,verdana,helvetica,sans-serif;color:#333333;margin:0px; padding:5px 0 0 0; line-height:1.4em;  }
div	{font: normal small arial,verdana,helvetica,sans-serif;color:#333333;  }
td {font: normal 13px arial,verdana,helvetica,sans-serif;color:#333333;}
a {font: normal 13px arial,verdana,helvetica,sans-serif;color:#0072bc; text-decoration:none; }
a:hover {font: normal 13px arial,verdana,helvetica,sans-serif;color:#4db848 !important;text-decoration:none;}
a:visited {font: normal 13px arial,verdana,helvetica,sans-serif;color:#0072bc;text-decoration:none;}
a img {border:0px;}
img { }
ul, ol {margin:0px; padding:0 0 0 10px;}
ul li, ol li {  margin:0 0 0 30px;}
input {border:0px; font: normal 12px arial,verdana,helvetica,sans-serif;margin:0px;}
.hidden {display:none;}

h1 {font-size:x-large; font-weight:bold; color:#333333; letter-spacing:-1pt; line-height:1.2em; margin-bottom:5px;}
h2 {font-size:medium; color:#555555; line-height:1.4em; }
h3 {font-size:small; color:#333333; text-transform:uppercase; font-weight:bold;border-bottom:dotted 1px #88c1fa; padding-bottom:5px;}
h3 a, h3 a:hover, h3 a:visited {font-size:12px; text-transform:uppercase; font-weight:bold;}
h4 {font-size:16px; color:#555555; line-height:1.4em; }

.ingress p, p.ingress {font-size:medium; color:#555555; line-height:1.4em; }
.ingress p a , p.ingress a {font-size:medium;}

/* Buttons (search, form etc.) */
.button, .form_button {float:left;background:url(images/button_middle.gif) left top repeat-x;display:inline; height:28px;color:#ffffff;font-size:12px; font-weight:bold; padding:0px 0px 4px 0px;cursor:pointer;border:none !important;width:auto !important;}
.button_left {float:left; background:url(images/button_left.gif) left top no-repeat; height:28px;width:10px; display:inline;  }
.button_right {float:left;background:url(images/button_right.gif) right top no-repeat; height:28px;width:10px;display:inline;}

/** BreadCrumbRegion **/
.BreadCrumbRegion { text-align:left; height:30px; font-size:11px;}
.BreadCrumbRegion ul { padding-left:0px; vertical-align:top;}
.BreadCrumbRegion ul li {display:inline;margin: 0 0 0 0;vertical-align:top; }
.BreadCrumbRegion ul li a { font-size:11px !important; margin:0px;vertical-align:top; }
.BreadCrumbRegion ul li a:hover {font-size:11px;color:#4db848;}
.BreadCrumbRegion ul li.active a {color:#555555; font-weight:bold;}
.BreadCrumbRegion ul li.active a:hover {color:#555555 !important;}
.BreadCrumbRegion ul li.separator {background:url(images/blue_arrow.gif) right 2px no-repeat; margin:0 12px 0 9px; width:7px; font-size:24px;}
.BreadCrumbRegion span {font-size:11px; font-weight:bold; color:#555555; padding-left:12px;}

/** SecondaryContentRegion **/
.SecondaryContentRegion {width:100%; text-align:left; margin:20px 0 0 0;}

.highlight_header {border-top:solid 1px #88c1fa; padding-top:10px; margin-top:10px;}
.highlight_blue {border-top:solid 1px #88c1fa; padding-top:10px;margin-top:10px;}

/* Filelist */
.filelist { padding: 0 0 0 0;}
.filelist li { list-style-type:none; margin:0 0 0 0;font-size:small; padding: 5px 0 5px 0; }
.filelist li  img {margin: 0 10px 0 0; float:left;}
.filelist li a {font-size:small;}


/* PAGELIST */
.pagelist th {height:34px;border-bottom:solid 1px #dae6f2;color:#555555; font-size:12px; padding: 0 10px 0 10px;  text-align:left;}
.pagelist th a {font-weight:bold;}
.pagelist th img {height:8px;width:12px; margin-left:5px;}
.pagelist td {height:44px; border-bottom:solid 1px #dae6f2;  color:#555555; font-size:small;padding: 0 10px 0 10px;}
.pagelist td a {font-size:small;}
.pagelist td a:hover {font-size:small;}

.highlight_content .article_item {  display:block;padding:10px 0px 10px 0px;}
.highlight_content .article_item h2 a, .highlight_content .article_item a h2 {border-bottom:dotted 1px #88c1fa; font-weight:bold; font-size:14px !important; width:100%; padding:5px 0 5px 0; display:block;color:#0072bc; cursor:pointer;}
.highlight_content .article_item h2 a:hover, .highlight_content .article_item a:hover h2 {border-bottom:dotted 1px #88c1fa; font-weight:bold; font-size:14px; width:100%; padding:5px 0 5px 0; display:block;color:#4db848; cursor:pointer;}
.highlight_content .article_item p { padding: 0 0 0 0;line-height:1.4em; font-size:12px;  }
.highlight_content .article_item img {float:left;margin: 0 10px 0 0;    }
.highlight_content .article_item a img {float:left;}
.highlight_content .article_item span.image {float:left;margin: 0 10px 0 0;}
.highlight_content .article_item span.image img {margin:0 0 0 0;}
.highlight_content .article_item p a {color:#333333;font-size:12px; }
.highlight_content .article_item p a:hover {color:#333333 !important;font-size:12px; }

.highlight_blue {padding:8px 0px 10px 0px;  }
.highlight_blue h1 {font-weight:normal; font-size:16px; margin: 0 0 20px 0px; text-align:left; }
.highlight_blue .digit {letter-spacing:-1pt;font-size:36px; font-weight:bold; }
.highlight_blue .amount { font-size:18px;  padding-left:5px;}
.highlight_blue p {font-size:12px; line-height:1.4em; text-align:left;padding:15px 0 0 0; margin-top:5px;}



/* Links */
.article_links {  margin:10px 0 10px 0;}
.article_links .date {float:left; font-weight:bold; font-size:small; color:#555555;display:inline;width:100px;}
.article_links .article_item {display:block; padding: 0 0 5px 0;width:460px;}
.article_links a.header {font-size:small; float:left;display:inline; width:360px;  }
.article_links a.header:hover {font-size:small;}
.article_links a.header:visited {font-size:small;}
.article_links a.more_articles {display:none; }

.news_item {padding:0px 0px 5px 0px;display:block; }
.news_item .date {font-size:11px;color:#555555; display:block; padding-top:5px;}
.news_item a {font-size:12px; display:block;}
.news_item a:hover {font-size:12px;}

.news_item a.header {padding: 5px 0 5px 0;font-size:12px;}
.news_item a.header:hover {font-size:12px;}
.news_item .employer { font-weight:bold;font-size:11px;}
.news_item .endtime {font-size:11px;color:#555555;}


/* Table with blue and white rows ("Yhteystiedot") */
.blue_white_table th  { text-align:left;}


/* XFORM */
.xForm input {border: solid 1px #bdd0e1;width:220px;}
.xForm select {width:220px;}
.xForm textarea {border: solid 1px #bdd0e1; overflow-y:auto; width:340px; height:150px;}
.xForm td { font-weight:bold; padding: 3px 0 3px 0; font-size:small; vertical-align:top;}
.xForm .text { font-weight:normal;font-size:small;}
.xForm .title {padding-right:15px;}
.xForm .validation_message {color: red;	}
.xForm .validation {color: red;	margin-left: 5px; font-weight:bold; font-size:16px;}



/* XFORM NARROW ("Viikon kysymys") */

/* Question */
.highlight_content_small.table #id_matrix {width:200px; padding:0px; border-spacing:0px; border-collapse:collapse;}
.highlight_content_small.table #id_matrix fieldset div {padding:5px 10px 5px 10px;}
.highlight_content_small.table #id_matrix fieldset { width: 100%; border: none; padding:0; margin:0px;}
.highlight_content_small.table #id_matrix fieldset input { border: none; width:auto;  }
.highlight_content_small.table #id_matrix fieldset label { padding:0 0 0 3px;}

/* Statistics */
.highlight_content_small.table span.statistics { padding:10px 0px 0 0px;}
.highlight_content_small.table .button_left {float:right;}
.highlight_content_small.table .button, .highlight_content_small.table .form_button {float:right;}
.highlight_content_small.table .button_right {float:right; margin-right:10px;}
.highlight_content_small.table .button_mouseover {float:right;}
.highlight_content_small.table tr.white td {background-color:#ffffff;height:35px; vertical-align:top;}
.highlight_content_small.table tr.blue td {background-color:#ffffff; height:35px;vertical-align:top;}
.highlight_content_small.table table.statistics td  {background:url(images/bgPollbar.gif) left top no-repeat; padding:0 0 5px 0; font-size:13px; font-weight:bold; width:100px; }
.highlight_content_small.table div.title {width:200px; }
.highlight_content_small.table span.vote { font-weight:bold;}


/* SITEMAP */
#SiteMap {width:100%; padding-top:10px;}
#SiteMap ul.top {height:100%; padding:0 0 0 0; margin: 0 0 0 0; }
#SiteMap ul.first {padding:0 0 0 0; margin: 0 0 0 0; border-left:none;}
#SiteMap ul {padding:0px;}
#SiteMap ul li { list-style-type:none; padding: 2px 0 2px 0; margin:0 0 0 0; }
#SiteMap ul li a {font-size:small;  text-transform:uppercase; font-weight:bold; padding-bottom:5px; }
#SiteMap ul ul { padding-top:10px; margin-top:5px;  }
#SiteMap ul ul li {margin-bottom:0px;}
#SiteMap ul ul li a  { text-transform:none; font-weight:normal; padding-bottom:2px; }
#SiteMap ul ul li .double_arrow { display:none;}
#SiteMap ul ul ul { padding-top:0px;margin-bottom:0px;border-top:none;}
#SiteMap ul ul ul li {margin-left:35px;}


/************************/
/* Hide elements        */
/************************/

.article_footer {display:none;}

.highlight_footer_gradient_small {display:none;}
.highlight_footer_gradient_medium {display:none;}

.pagelistfilter {display:none;}
.paging {display:none;}

.rss {DISPLAY:none;}

/************************/
/* HIDE REGIONS         */
/************************/
.HeaderRegion {display: none;}
.SubMenuRegion {display:none;}
.BannerRegion {display:none;}
.FooterRegion {display: none;}
.RightBannerRegion {display:none;}
.TopHighlightRegion { display:none;}