@import url(tripoli.base.css);

html  {
	background:#bfbfbf url('../images/bg_html.png') 50% 0;
	height:100%
}
body {
	background:url('../images/bg_body.png') repeat-x 50% 0;
	font-family:verdana,helvetica,sans-serif;
	font-size:.6em;
	height:100%;
	margin:0;
	padding:0
}



.errormessage
{	
	color:Red;
}

#categorysearch
{
   display: none;
}

.invisible {
	display:none !important;
}
.clearer {
	clear:both;
}

.orangebold
{
	color: #F76013;
	font-weight:bold;
}

table.attentionbox 
{
	background:#fdd;
	border:1px solid #f00;
	color:#000;
	padding:.6em;
}
a:link, a:active, a:link *, a:active * {
	color:#06a;
	text-decoration:underline;
}
a:visited, a:hover, a:visited *, a:hover * {
	color:#858;
	text-decoration:underline;
}
a.RSS {
	background:url('../images/icon_rss.png') no-repeat 0 50%;
	padding-left:16px
}
#rightContent #calendar a.RSS {
	background-image:url('../images/icon_rss2.png');
}
a.extLink {
	background:url('../images/icon_globe.png') no-repeat 100% 50%;
	padding-right:11px;
	zoom:1
}
img.extLinkImg {
	padding:0 0 0 2px;
}
.orangetext {
	color: #f76013;
	font-weight:bold;
}

p, ul, ol, dl, table{
	margin:0 0 1.4em 0;
}
p.imagetext {
	font-size:.9em;
	font-style:italic;
}
ul, ol {
	list-style-position:inside;
	margin:0 0 1.4em 0;
	padding:0 0 0 2em;
	position:relative;
}
ul {
	list-style-type:disc;
}
/*
#mainContent li {
	left:2em;
	position:relative;
}
*/
ul.newsListingUl {
	list-style:none;
	margin:.5em 0 1.5em;
	padding:0;
}
ul.newsListingUl li.NewsListingItem  {
	margin:0 0 1em;
}
ul.newsListingUl li.NewsListingItem .datelistingtext {
	color:#666;
}
ul.newsListingUl li.NewsListingItem a.NewsLink  {
}
s, strike {
	text-decoration:line-through;
}
u {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	color:#f76013;
	font-size:1.4em;
	line-height:1.2em;
	margin:0 0 .6em 0;
}
img {
	border:none;
}

#mainContent .heading1
{
	color:#f76013;
	font-size:1.4em;
	line-height:1.2em;
	margin:0 0 .6em 0;
	font-weight:bold;
}

h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.1em;
}
h4, h5, h6 {
	font-size:1em;
}

tr, th, td {
	/*background-color:transparent;*/
}

#container {
	background:url('../images/bg_containerTile.png') repeat-y 0 0;
	margin:0 auto;
	min-height:100%;
	overflow:hidden;
	position:relative;
	width:1000px
}
#containerTop {
	background:url('../images/bg_containerTop.png') no-repeat 0 0;
	min-height:350px
}
#header {
	height:94px;
	height:93px;
	left:0;
	position:relative;
	top:0;
}

#logo {
	background:url('../images/logo_hml.png') no-repeat 0 0;
	cursor:pointer;
	height:65px;
	left:8px;
	position:absolute;
	top:14px;
	width:246px
}
#logo span {
	display:none;
}

#textsize {
	height:18px;
	left:640px;
	position:absolute;
	top:10px;
	width:150px;
}

#labelTextsize {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 10px 4px 0;
}

#textsize  a {
	/*
	display:-moz-inline-stack;
	display:inline-block;
	*/
	margin:0 4px 0 0;
}

#languages {
	height:18px;
	position:absolute;
	right:22px;
	top:12px;
}

#languages  a {
	/*
	display:-moz-inline-stack;
	display:inline-block;
	*/
	margin:0 0 0 20px;
}

#searchFeedback {
	bottom:32px;
	position:absolute;
	right:0;
	width:622px;
}

#searchFeedback .inputQuicksearchText {
	border:1px solid #b3b3b3;
	color:#bbb;
	font-family:arial,helvetica,sans-serif;
	font-style:italic;
	left:0;
	height:20px;
	position:absolute;
	top:0;
	width:146px;
}
#searchFeedback .inputQuicksearchText .active {
	color:#000;
	font-style:normal;
}
#searchFeedback .inputQuicksearchText {
	vertical-align:middle;
}

#inputQuicksearchText {
	border:1px solid #b3b3b3;
	color:#bbb;
	font-family:arial,helvetica,sans-serif;
	font-style:italic;
	left:0;
	height:20px;
	position:absolute;
	top:0;
	width:146px;
}
#inputQuicksearchText.active {
	color:#000;
	font-style:normal;
}
#inputQuicksearchText {
	vertical-align:middle;
}

#searchFeedback button, #inputQuicksearchSubmit {
	left:160px;
	margin:0;
	position:absolute;
	top:2px;
	vertical-align:middle;
}
#searchFeedback  a {
	/*
	display:-moz-inline-stack;
	display:inline-block;
	*/
	padding:6px 0;
}

#advSearchLink {
	left:350px;
	position:absolute;
	top:0;
}
#contactSearchLink {
	left:226px;
	position:absolute;
	top:0;
}
#feedbackLink {
	left:460px;
	position:absolute;
	top:0;
}

#leftCol {
	float:left;
	overflow:hidden;
	position:relative;
	width:237px;
}

#middleCol {
	float:left;
	margin:0;
	overflow:hidden;
	width:528px;
}
#rightCol {
	float:left;
	overflow:hidden;
	width:235px;
}
#leftNavi{
	margin:24px 0 0 8px;
	padding:0 0 101px 0;
}
#leftNavi ul {
	list-style:none outside;
	margin:0;
	padding:0;
}
#leftNavi li a:link, #leftNavi li a:visited, #leftNavi li a:hover, #leftNavi li a:active {
	color:#000;
	display:-moz-inline-stack;
	display:inline-block;
	text-decoration:none;
	padding:.3em 0;
}
#leftNavi li {
	background:url('../images/bg_lnavi_item_l1.png') no-repeat 0 0;
	font-weight:bold;
	padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0
}
#leftNavi li.active {
	background:url('../images/bg_lnavi_item_l1_active.png') no-repeat 0 0;
}
#leftNavi .active a:link, #leftNavi .active a:visited, #leftNavi .active a:hover, #leftNavi .active a:active {
	color:#fff;
	font-weight:bold;
}

#leftNavi li li {
	background:#ececec;
	font-weight:normal;
	margin:0 0 0 -16px;
}
#leftNavi li.active li a:link, #leftNavi li.active li a:visited, #leftNavi li.active li a:hover, #leftNavi li.active li a:active {
	color:#000;
	font-weight:normal;
}
#leftNavi li li.active {
	background:#fff url('../images/bg_lnavi_item_l2_active.png') no-repeat 3px 5px;
}

#leftNavi li li a:hover{
	text-decoration:underline;
}
#leftNavi li li li, #leftNavi li li li.active{
	background:#ececec;
	font-size:.9em;
	margin:0 0 0 -16px;
	padding:0 0 0 24px;
}
#leftNavi li li li.active > a:link, #leftNavi li li li.active > a:visited, #leftNavi li li li.active > a:hover, #leftNavi li li li.active > a:active{
	font-weight:bold;
}
#leftNavi li li li li, #leftNavi li li li li.active{
	font-size:1em;
	line-height:1em;
	padding:0 0 0 28px;
}
#leftNavi li li li li li, #leftNavi li li li li li.active{
	list-style:none inside;
	padding:0 0 0 28px;
}
#shortcuts {
	margin:1em 0;
}
#shortcuts select {
	margin:0 0 1em 16px;
	width:190px;
}
#frontImage {
	height:174px;
	overflow:hidden;
	width:528px;
}
.newsitem {
	background:#fff url('../images/dotline_or.png') repeat-x 0 100%;
	padding-left:18px; padding-right:10px; padding-top:.4em; padding-bottom:.7em
}
.newsitem:hover {
	background-color:#ffc;
}

.newsitem h2, .newsitemWithPicture {
	font-size:1.1em;
	margin:0 0 .2em;
}

.newsitemWithPicture
{
	width: 48%;
	position: relative;
    float: left;
    padding:.2px 2px 2px 3px;
}

.newsitemWithPicture img
{
		float:left; 
		display:block; 
		max-width:180px;
		padding:4px 2px 2px 2px;
	}
	
.webCamImage
{
		text-align:center;
		display:block; 
		max-width:500px;
		padding:4px 2px 2px 2px;
	}

.newsitemWithPicture h2 a:link, .newsitemWithPicture h2 a:visited, .newsitemWithPicture h2 a:hover, .newsitemWithPicture h2 a:active 
{
	color:#f76013;
	text-decoration:none;
}

.newsitemWithPicture:hover {
	background-color:#ffc;
}

.newsitemWithPicture a 
{
	color:#000;
	text-decoration:none;
}

.rivittaja
{
		margin-left:12px;
		width:100%;
		height:180px;
}

.newsitem h2 img{
	margin:0 0 0 .2em;
}
.newsitem h2 a:link, .newsitem h2 a:visited, .newsitem h2 a:hover, .newsitem h2 a:active {
	color:#f76013;
	text-decoration:none;
}
.newsitem p {
	margin:0;
}

.newsitem p a {
	text-decoration:none;
}
#announcements {
	line-height:1.2em;
	margin:.8em 0 0;
}
#announcements h2 {
	border-bottom:1px solid #f0f0f0;
	margin:0;
	padding:.3em 10px .5em 18px;
}
#announcements h2 a {
	text-decoration:none;
}
#announcements h2 a:visited {
	color:#06a;
}
#announcements  div.rssFeedLink {
	background:url('../images/icon_rss.png') no-repeat 0 50%;
	margin-right:10px;
	padding-left:18px; padding-right:10px; padding-top:.5em; padding-bottom:.5em
}
#announcements p {
	border-bottom:1px solid #f0f0f0;
	margin:0;
	padding:.5em 10px .6em 18px;
}
#announcements p a {
	color:#000;
}
#announcements p:hover {
	background:#ffc;
}
#announcements p .date{
	color:#f76013;
	font-weight:normal;
}
#announcements .title {
	color:#06a;
	display:block;
	font-weight:bold;
	margin:0 0 .2em;
}
#announcements a:visited .title {
	color:#06a;
}
#announcements a {
	text-decoration:none;
}
#announcements .more {
	text-align:right;
}
#announcements .more  a {
	color:#06a;
	font-weight:bold;
}

#breadcrumb, #tags, #print{
	color:#999;
	font-size:.8em;
	font-style:italic;
	line-height:1.4em;
	margin:.4em 10px 1.2em 18px;
}
#breadcrumb a:visited, #tags a:visited, #print a:visited {
	color:#06a;
}
#breadcrumb a:hover {
	color:#858;
}
#breadcrumb span, #tags span {
	color:#f76013;
}

#mainContent {
	line-height:1.4em;
	margin:2em 14px 0;
	padding:0 0 130px;
}




#tagsPrint {
}
#tagWords{
	float:left;
	font-size:.8em;
	margin:0 100px 0 0;
}
#tagWords a {
	font-style:italic;
}
#print {
	float:right;
	margin:0;
}
#print a {
	text-decoration:none;
}
#print img {
	margin:0 0 0 .4em !important;
	vertical-align:bottom;
}

#modified {
	clear:left;
	color:#999;
	font-size:.8em;
	font-style:italic;
}

#rightContent {
	font-family:tahoma,helvetica,sans-serif;
	margin:0 8px 0 0;
	padding:0 0 101px 0;
}

.monthcalendararea {
	margin:2em 10px 0 18px;
}
#eventlink {
	clear:right;
	float:right;
	width:226px;
}
#eventlink a {
	background:#fff url('../images/btn_suggestEvent.png') no-repeat 0 0;
	color:#f76013;
	display:block;
	font-weight:bold;
	height:25px;
	text-decoration:none;
	width:226px
}
#eventlink a span {
	display:none;
}
#kuntavalinta {
	clear:right;
	float:right;
	margin-bottom:.5em;
	width:226px;
}
#mainContent .pnleventlink {
	clear:right;
	float:right;
	width:226px;
}
#kuntainfo {
	font-weight:bold;
	margin-bottom:.5em;
}
#kuntavalinta select {
	border:1px solid #ddd;
	width:inherit;
}
div.calendarlistingarea
{
	margin:2em 10px 0 18px;
	text-align: left;
}
div.calendarlistingarea p {
	margin:0;
}
div.calendarlistingarea h4 {
	margin:1em 0 0;
}
.calendar {
	background:#fff url('../images/bg_calendar.png') no-repeat 0 100% !important;
	border:medium none !important;
	border-spacing:0 !important;
	width:235px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:4px
}
.calendar td {
	padding:0 !important;
}
.calendarheaderrow {
	background:#f5691b url('../images/bg_calheader.png') no-repeat 0 0;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	height:25px;
	margin:0;
	text-transform:uppercase
}

.calendarheaderrow td {
	color:#fff;
	text-align:center;
	width:auto !important;
}

.calendarheaderrow td a:link, .calendarheaderrow td a:visited, .calendarheaderrow td a:hover, .calendarheaderrow td a:active {
	color:#fff !important;
	display:-moz-inline-stack;
	display:inline-block;
	height:20px;
	line-height:20px;
	margin:0 .5em;
	text-decoration:none;
	width:11px;
}
.calendarheaderrow a span {
	display:none;
}
.calendarheaderrow a.prevmonth {
	background:url('../images/arrow_prevmonth.png') no-repeat 50% 50%; } .calendarheaderrow a.nextmonth {
	background:url('../images/arrow_nextmonth.png') no-repeat 50% 50%; }

.selectweekcell {
	background:none !important;
	text-align:center;
	width:auto !important;
}
.selectweekcell a:link, .selectweekcell a:visited, .selectweekcell a:hover, .selectweekcell a:active {
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

.selectweekcell a {
	display:block;
	background:url('../images/arrow_selectweek.png') no-repeat 50% 50%;
	height:20px;
	margin:auto;
	width:20px
}
.selectmonthcell a {
	background:url('../images/arrow_selectmonth.png') no-repeat 50% 50%;
}
.selectweekcell a  span {
	display:none;
}
.calendaritem {
	border:medium none !important;
	background:url('../images/bg_datecellothermonth.png') no-repeat 50% 50%;
	font-size:1em;
	font-weight:bold;
	height:28px !important;
	padding:0 !important;
	text-align:right;
	vertical-align:middle;
	width:25px !important
}
.calendaritem a:link, .calendaritem a:visited, .calendaritem a:hover, .calendaritem a:active {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:5px;
	vertical-align:middle;
}
.calendaritem:hover { 
	background-image:url('../images/bg_calendaritem_hover.png') !important;
}
.calendaritem:hover a {
	color:#000 !important;
}
.dayweekheader, .dayweekheader:hover {
	background:none !important;
	text-align:center;
}
.weekendcell {
	background-image:url('../images/bg_weekendcell.png');
}
.weekendcell a, .selecteddatecell a {
	color:#fff !important;
}
.selecteddatecell {
	background-image:url('../images/bg_selecteddatecell.png');
}
.eventdatecell {
	background-image:url('bg_eventdatecell.png');
}

#calendar {
	background:#f76013 url('../images/bg_calendar.jpg') no-repeat 100% 0;
	color:#fff;
	font-size:.9em;
	min-height:162px;
	width:207px; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px
	
}
#calendar h3 {
	color:#fff;
	font-size:1.1em;
	margin:0 0 .5em;
}
#calendar p {
	background:url('../images/icon_calendarlink.png') no-repeat 0 1px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.4em; padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
}
#calendar a:link, #calendar a:visited, #calendar a:hover, #calendar a:active, #calendar a:link span, #calendar a:visited span, #calendar a:hover span, #calendar a:active span {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#calendar a.rss {
	background:url('../images/icon_rss.png') no-repeat 0 .1em;
	display:inline-block;
	display:-moz-inline-stack;
	min-height:11px;
	margin-left:1em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
}
#Eventdates
{
	color:#f76013;
	margin:5px
}

#picks {
	margin:.5em 0 0;
	line-height:1.2em;
}

#picks .pick {
	background:url('../images/dotline.png') repeat-x 0 100%;
	padding-left:11px; padding-right:11px; padding-top:.5em; padding-bottom:.5em
}
#picks .pick  h3 {
	color:#f76013;
	margin:0 0 .3em 0;
}
#picks .pick  img {
	float:left;
	margin:0 .6em .2em 0;
}
#footer {
	background:#f66415 url('../images/bg_footer.png') repeat-x 0 0;
	clear:both;
	color:#fff;
	font-family:tahoma,helvetica,sans-serif; /* Vaihdetaanko verdanasta tahomaan? tiivistyisi...*/
	height:81px;
	position:relative;
	width:956px; margin-left:auto; margin-right:auto; margin-top:-101px; margin-bottom:0; padding-left:14px; padding-right:14px; padding-top:10px; padding-bottom:10px
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#fff;
	text-decoration:none;
}
#contact, #bottomlinks, #servicepoints {
	float:left;
	margin:0 40px 0 0;
	width:220px;
}
#bottomlinks {
	font-weight:bold;
	margin-top:10px;
	width:150px;
}
#servicepoints {
	font-weight:bold;
	margin-top:10px;
	width:300px;
}
#servicepoints h4 {
	color:#fff;
	line-height:1em;
	padding:0 0 .4em;
	margin:0;
}
#servicepoints ul {
	margin:0;
}
#bottomlinks li, #servicepoints li {
	background:url('../images/icon_bottomlinks.png') no-repeat 0 0;
	display:-moz-inline-stack;
	display:inline-block;
	float:left;
	width:120px; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:.4em
}
#bottomlinks li {
	width:150px;
}
#maps {
	position:absolute;
	right:30px;
	top:8px;
}

/*** Palvelukortti ***/
.infocard {	
	margin:0 0 1em;
}
.infocard .cardheader {
	background:#525252 url('../images/bg_cardheader.png') repeat-x 0 0;
}
.infocard .cardheader h3 {
	background:url('../images/bg_cardheader_end.png') no-repeat 100% 0;
	color:#fff;
	height:23px;
	line-height:23px;
	margin:0;
	padding-left:.6em; padding-right:.6em; padding-top:0; padding-bottom:0
}

.infocard .cardcontent {
	background:#fff8ec;
	border:2px solid #f66416;
	border-top:none;
}
.infocard .cardcontent .cardimage{
	float:right;
}
.infocard .cardcontent .cardtext{
	padding:.8em .6em 1.2em;
}

/** RSS **/

div.rssFeedLink {
	background:url('../images/icon_rss.png') no-repeat 0 .3em;
	float:right;
	padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
}

div.rssFeedLink a:visited {
	color:#06a;
}

.trZebra {
	background:#ececec;
}

/** SEARCH **/

#detailsearch
{
   /* display: none;*/
}

.detailsearchpaneli .searchlabel
{	
	width:150px;
}

#bascisearch .SearchQueryTextbox {
	font-family:arial,helvetica,sans-serif;
	height:20px;
	width:146px;
}

/* common searchbutton, type 'image' input element */
input.inputBtnSearch, div.searchterm input.inputBtnSearch {
	background:url('/images/btn_searchnow.png') 0 0;
	border:medium none;
	color:transparent;/*for hiding the value text*/
	font-size:0;/*for hiding the value text*/
	height:18px;
	line-height:0;/*for hiding the value text*/
	width:36px
}
/* /common searchbutton, type 'image' input element */
#searchtabs {
	border-bottom:1px solid #ececec;
	border-collapse:collapse;
	height:16px;
	list-style:none;
	margin:0 0 1em;
	padding:0 0 0 .5em;
}
#searchtabs li {
	background:url('../images/bg_searchtab.png') repeat-x 0 0;
	border-bottom:1px solid #ececec;
	color:#f76013 !important;
	display:-moz-inline-stack;
	display:inline-block;
	font-weight:bold;
	height:16px;
	margin-left:.5em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:.6em; padding-right:.6em; padding-top:0; padding-bottom:0
}
#searchtabs li.selected {
	border-bottom:1px solid #fff;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}
#searchtabs a:link, #searchtabs a:visited, #searchtabs a:hover, #searchtabs a:active {
	text-decoration:none;
	color:#06a;
}
#searchcriteria, #searchscope {
	float:left;
	font-size:.9em;
}
#searchcriteria {
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	width:350px;
}
#searchcriteria.contact {
	border-right:none;
	width:485px;
}
div.searchterm {
	margin:0 0 .5em;
}
div.searchterm  label{
	display:-moz-inline-stack;
	display:inline-block;
}
div.contact  label{
	width:70px;
}
div.searchterm  input{
	border:1px solid #b3b3b3;
	margin:0 0 0 10px;
	padding:2px;
	width:130px;
}

div.contact h6 {
	margin:1em 0;
}
div.contact select {
	border:1px solid #b3b3b3;
	margin:0 0 .5em;
	width:100%;
}
div.orgLevel .orgLevel {
	background:url('/images/arrow_organization.png') no-repeat 0 1.6em;
	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}

#ctl00_FullRegion_MainAndRightRegion_MainRegion_Yhteystietohakuu_SearchButton 
{
	float:left;
	margin:1em 0 0 0;
}
#ctl00_FullRegion_MainAndRightRegion_MainRegion_ctl00_SearchButton
{
	float:right;
	margin:1em 0 0 0;
}
#searchscope {
	clear:right;
	float:left;
	width:120px;
}
#searchscope input {
	vertical-align:middle;
}
#searchscope label {
	padding-left:.5em;
}
#searchresult {
	border-top:1px solid #ececec;
	margin:1em 0 0;
	padding:1em 0 0;
}

#searchresult li {
	margin:0 0 1em;
}
#searchresult .searchtitle {
	font-weight:bold;	
}
#searchresult .searchdate {
	color:#F76013;
	display:inline;
	font-weight:normal;	
}
#searchresult .searchpreviewtxt {
	color:#444;
	font-size:.9em;
	font-style:italic;
	margin:.3em 0 0 4em;
}
/*blog*/
.comments p
{
	color:#878787;
}

.archives
{
	margin-bottom:20px;
}
/** /SEARCH **/

/**** P R I N T *****/
@media print {
	body ,#footer{
		font-family:"Times New Roman",times,serif;
		font-size:.8em;
	}

	#header, #footer #bottomlinks, #footer #servicepoints, #footer #maps, #leftCol, #rightCol, .rssFeedLink, #print{
		display:none;
	}

	#middleCol {
		width:100%;
	}
}