foo {}

body, html {
font-family: arial, helvetica;
font-size: 13px;
}

body {
text-align: center;
}

img {
border: 0;
}

table, tr, td {
  vertical-align: top;
}
div#sitecontainer {
text-align: left;
margin: 0 auto;
/*width: 90%;*/
width: 977px;
}

div#header {
position: relative;
margin-top: 35px; /*65*/
width: 100%;
padding-bottom: 30px; /*65*/
clear: both;
}

div#yhteystiedot {
position: absolute;
right: 10px;
top: 50px;
width: 75%;
text-align: right;
font-size: 13px;
}

div#yhteystiedot a {
color:#6b3b97;
text-decoration:none;
}

div#leftframe {
width: 19%;
min-width: 100px;
float: left;
background-color: white;
}

div#rightframe {
width: 19%;
min-width: 100px;
float: left;
background-color: white;
}

div#centerframe {
width: 61%;
float: left;
margin-top:5px;
padding-bottom:60px;
}

div#centermargin {
margin-left: 60px; 
margin-right: 60px;
}

.menu ul, .menu ul ul {
background-color: white;
display: block;
margin: 0px;
padding: 0px;
}

.menu ul li {
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
}

.menu ul li a {
font-size: 15px;
font-weight: bold;
display: block;
background-color: #58b0e3;
color: white;
text-decoration: none;
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 17px;
margin-bottom: 6px;
margin-top: 6px;
}

.menu ul li a.highlight {
background-color: #0066aa;
}

.menu ul li li a {
font-size: 13px;
font-weight: normal;
display: block;
background-color: white;
color: black;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-bottom: 2px;
padding-left: 17px;
text-align: left;
}

#rightframe .menu ul li a {
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 17px;
margin-bottom: 6px;
}

#rightframe .menu ul li li a {
text-decoration: none;
margin: 0px;
padding: 0px;
padding-bottom: 2px;
padding-right: 17px;
} 

.menu ul li.selected a, .menu ul li a:hover, .menu ul li a.highlight:hover {
background-color: #6b3b97;
color: white;
}

.menu ul li.selected li a {
background-color: #ffffff;
color: black;
}

.menu ul li a:visited {
color: white;
}

.menu ul li li a:visited {
color: black;
}

.menu ul li li.selected a, .menu ul li li a:hover {
color: #6b3b97;
background-color: white;
}


h1 {
font-size: 21px;
margin-top: 0px;
}

h2 {
font-size: 19px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

#centerframe a, a:visited {
color: #6b3b97;
text-decoration: none;
}

#searcharea {
position: relative;
}

#searcharea input[type='text'] {
border: 1px solid #58b0e3;
height: 22px;
width: 140px;
}

#searcharea a {
font-size: 16px;
font-weight: bold;
background-color: #58b0e3;
color: white;
text-decoration: none;
padding: 4px;
position: absolute;
right: 0;
top: expression('1px');
}

#searcharea a:hover {
background-color: #6b3b97;
}

#flags {
margin-top: 5px;
width: 100%;
border-collapse: collapse;
}

#flags td {
padding: 2px 0;
}

li.searchresult {
list-style-type: none;
}

li.searchresult .score {
display: none;
}

div.textsize {
	text-align:right; 
	position: absolute;
	bottom: 0px; 
	right: 10px;
}

#searchresults {margin:0; padding:0;}
#searchresulttarget {margin:0; padding:0;}

div#firstmagazine {width: 100%; text-align: center; clear: both;}

div.lehdet {width: 25%; float: left; margin-bottom: 10px;}
div.lehdet {width: 25%; float: left; text-align: center;}
div.lehdet p {padding: 0px; margin: 0px; line-height: 24px;}

div.vuosikertomukset {width: 25%; float: left; margin-bottom: 10px;}
div.vuosikertomukset {width: 25%; float: left; text-align: center;}
div.vuosikertomukset p {padding: 0px; margin: 0px; line-height: 20px; padding-left:10px; padding-right:10px;}

div.asunto {width:175px; float: left; text-align: center; margin-right:65px; }

div.asunto p {padding: 0px 0px 0px 16px; margin: 0px; width:140px; margin-top:-13px; position:absolute; }

div.asunto img  {padding: 0px; margin: 0px; display:block;}  /* max-height:175px; */

div.asunto p a { padding-right:10px; }
div.asunto a { display:block; }

div.rivi { float:left; display:block; padding-bottom:10px; }

div#sitemap ul li {list-style:none;}

div.tampuuri {
  margin-bottom:10px;
  width:300px; 
  margin-left:-110px;

}

div.tampuuri table {
  border-spacing:3px;
}

table {
  font-size: 12px;
}
 
div.tampuuri h2 {
  margin:0; padding:0; 
  margin-bottom:10px;
  font-size:14px;
}

div.imagefield {margin-bottom:10px;}
div.imagesign {font-size:11px; text-align:right; margin-right:10px;}

div.imagefield_apartment { float:left; margin:0 10px 10px 0; font-size: 11px;}

div.channel h2 {font-size:14px; margin-bottom:-10px; padding:0;}
h1.channeltitle {font-size:16px;}
.channelitem { line-height: 200%; }
.channelitem span.iteminfo { font-weight: normal; }

h1.asukasviesti {text-align:center; font-size: 16px;}
h1.vuosikertomus {text-align:center; font-size: 16px; padding-bottom:15px;}

#columns .leftcolumn {float:left; width:230px;}
#columns .rightcolumn {float:right; width:230px;}

#charindex span, #charindex a {margin-right:5px;}
#charindex a {font-weight:bold;}


div#T_Slot1_C1_register input.button {width:100px;}
/*div#T_Slot1_C1_register input[type='text'] { width:220px;}*/
div#T_Slot1_C1_register span {font-weight:bold;}
div#T_Slot1_C1_register .column1 {width:180px !important;}
div#T_Slot1_C1_register span[id] {font-weight:normal;}

table#T_Slot1_C1_HouseList, table#T_Slot1_C1_SearchResults {
width:100%;clear:both;

}
table#T_Slot1_C1_HouseList td,  table#T_Slot1_C1_SearchResults td { padding-top: 7px;}
div.housesearchbox {float:left;margin-right:15px;margin-bottom:10px;}
div.housesearchbox select{width:130px;}
table.showhouse {clear:both;margin-bottom:30px;}
table.showhouse td {padding-right:20px;}
span#T_Slot1_C1_NoResults {font-weight: bold;}
span#showallhouses { margin-left:15px; }
table#T_Slot1_C1_HouseList th, table#T_Slot1_C1_HouseList td, 
table#T_Slot1_C1_SearchResults td, table#T_Slot1_C1_SearchResults th { 
   text-align: left;
 }

div#TB_ajaxContent h2 { margin: 10px 0; }

span.error {
  color: red;
}

div#T_Slot1_C1_register span.requiredfieldstar {
  font-weight: normal;
}
/* Lightbox CSS starts */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/instancedata/prime_product_julkaisu/espoonkruunu/pics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/instancedata/prime_product_julkaisu/espoonkruunu/pics/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }