/*
Projektikohtainen: .mapSlice {   leveys ja korkeus

Googe 
Jättibanneri (728 x 90)
Pystybanneri (120 x 240)
Painike (125x125) 
Torni (120 x 600)

Pieni suorakaide (180x150)

//--------------------------------------------------
Taulukko 6.1. Bannerien standardikoot IAB:n mukaan.
728 x 90  jättibanneri
468 x 60  banneri
234 x 60  puolikas banneri
88 x 31  mikrobanneri
120 x 90  painike 1
120 x 60  painike 2
120 x 240  pystybanneri
125 x 125  neliö painike
-------
Rabbit välittää kolmea eri kokoa: banneria, jättibanneria sekä
140x350 pikselin kokoista suurtaulua.
---
banneri 468 x 60  !!!!!!!!!!!!!!!!!!!!!!!!
jättibanner- iso ylä banneri 728 x 90 !!!!!!!!!!!

Sivubannerit
- suurtaulu 140 x 350   !!!!!!!!!!!!!
- iso painike
- pieni painike
- pilvenpiirtäjä 140 x 700
tai 120 x 600

- nappi 120 x 60
- isonappi 120 x 200


SIIS
- sivupalkin leveys 140 px (digitoday)

*/

body {
	background-color: #FFFFFF;
	padding:0px;
	/* padding-top: 0px;
	padding-left: 0px; */
	margin-top: 5px;
	margin-left: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
/*	scrollbars: disable; */
	overflow: hidden;
}

.upperbanner {
	position: absolute;  /* fixed */
/*	background-color: #FF0000; */
	top: 0px;
	left: 0px;
	width: 1000px;
/*	height: 180;  ftUpperbannerHeight  */
/*	background-image: url(../images/logobanner_fin.jpg); */
	background-position: 0 0;
	background-repeat: no-repeat;
}

p {
	padding-top:5px;
	font-size: 13px;
	padding-left: 5px;
	margin: 0px;
	color: #000033; 
}

h1 {
	padding-top:10px;
	padding-left:5px;
	font-size: 20px;
	color: #096DAD;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	margin: 0px;
}

h2 {
	padding-top:10px;
	padding-left:5px;
	font-size: 17px;
	color: #F18739; 
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	margin: 0px;
}

h3 {
	font-size: 15px;
	color: #096DAD; 
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	padding-top:10px;
	margin: 0px;
}

div#OpenCatWindow {
	position: absolute;
	top: 35px;
	left: 0px;
/*	width: 140px; */
	text-align: center;
	height: 30px;
	background-image: url(../images/widearrowdown.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	cursor: pointer; /* default, crosshair, auto, move, text, wait, help, e-resize     */
}

div#searchDiv {
	position: absolute;
	top: 75px;
	left: 1px;
	width: 175px;
	height: 54px; /* 84  */
/*	background-color: '#996666'; */
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

span#searchLabel{
	position: absolute;
	top: 1px;
	left: 4px;
	font-size: 12px;
}

input#searchText {
	position: absolute;
	top: 18px;
	left: 4px;
	width: 110px; /* 115   */
	height: 22px;
	padding-left: 4px;
	font-size: 12px;
}

button#searchButton {
	position: absolute;
	top: 18px;
	left: 116px;
/*
	width: 50px;
	height: 20px;m 
*/
	font-size: 12px;
}

div#fastSearchDiv {
	position: absolute;
	top: 42px;
	left: 0px;
	width: 47px;
	height: 40px;
}
div#fastSearchOtsikko {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 160px;
	font-size: 12px;
}
select#fastSearchLista {
	position: absolute;
	top: 18px;
	left: 4px;
	width: 115px;
	height: 20px;
	font-size: 12px;
}
button#fastSearchButton{
	position: absolute;
	top: 18px;
	left: 122px;
/*	width: 50px; */
/*	height: 20px; */
	font-size: 12px;
}

/* ---------------------------------------- */

div#portaaliOtsikko {
	position: absolute;
	top: 3px;
	left: 0px;
	width: 180px;
	height: 74px;
/*	background-color: '#DDDDDD'; */
}

h1#sideH1 {
	position: absolute;
	top: 0px;
	padding-left:7px;
	padding-top: 0px;
	font-size: 17px;
	color: #096DAD;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	margin: 0px;
}
h2#sideH2 {
	position: absolute;
	top: 20px;
	width: 160;
	padding-left:7px;
	padding-top: 0px;
	font-size: 13px;
	color: #F18739; 
	font-family: arial, helvetica, sans-serif;
	margin: 0px;
}
h3#sideH3 {
	position: absolute;
	top: 38px;
	width: 160;
	padding-left:7px;
	padding-top: 0px;
	padding-right:5px;
	font-size: 11px;
	color: #096DAD; 
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	margin: 0px;
}



a {
color: #333333;   /* text-decoration: none */
text-decoration: underline;
}

.perus {
	padding-top:5px;
	font-size: 13px;
	padding-left: 5px;
	margin: 0px;
	color: #FF0000; 
}

img#mainoskuva {
	border-width: 0px;
}

.fontus {
	padding-top:5px;
	font-size: 11px;
	padding-left: 5px;
	margin: 0px;
	color: #000033; 
}

div#mek_banner {
	position: absolute;
	top: 495px;
	left: 7px;
	width: 167px;
	height: 80px;
}


.navi {
	position: absolute; /* fixed */
/*	top: 190px;  */
/*	left: 150px;  */
	width: 45px;
	height: 45px;
/*	background-color: #FF0000; */
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
/*	padding: 0px;
	margin-left: 0px;
	margin-top: 0px; */
}
/* rivi1 */
.naviNW {
	position: absolute;
	top: 0px;
	left: 0px;
	width:  15px;
	height: 15px;
/*	background-color: #FFFFFF; */
}
.naviUp {
	position: absolute;
	top: 0px;
	left: 15px;
	width: 15px;
	height: 15px;
}
.naviNE {
	position: absolute;
	top: 0px;
	left: 30px;
	width:  15px;
	height: 15px;
}

/* rivi2 */
.naviLeft {
	position: absolute;
	top:  15px;
	left: 0px;
	width: 15px;
	height: 15px;
}
.naviRight {
	position: absolute;
	top: 15px;
	left: 30px;
	width: 15px;
	height: 15px;
}

/* rivi3 */
.naviSW {
	position: absolute;
	top:  30px;
	left: 0px;
	width:  15px;
	height: 15px;
/*	margin: 0 -3px; margin: 0; */
}
.naviDown {
	position: absolute;
	top: 30px;
	left: 15px;
	width: 15px;
	height: 15px;
}
.naviSE {
	position: absolute;
	top:  30px;
	left: 30px;
	width:  15px;
	height: 15px;
}


/* Map Size selection  */
/*
.mapsize {
	position: absolute;  
	top: 25px;   
	left: 10px;
	width: 75px;
	height: 65;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: right;
} */

/* ZOOM */

.zoom {
	position: absolute;  /* fixed */
/*	top: 245px;  */
/*	left: 165px;  */
	width: 10px;
	height: 110;
}
.zoomPlus {
	position: absolute;  /* fixed */
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10;
}
.zoom1 {
	position: absolute;  /* fixed */
	top: 17px;
	left: 2px;
	width: 10px;
	height: 10;
}
.zoom2 {
	position: absolute;  /* fixed */
	top: 32px;
	left: 2px;
	width: 10px;
	height: 10;
}
.zoom4 {
	position: absolute;  /* fixed */
	top: 47px;
	left: 2px;
	width: 10px;
	height: 10;
}
.zoom8 {
	position: absolute;  /* fixed */
	top: 62px;
	left: 2px;
	width: 10px;
	height: 10;
}
.zoom16 {
	position: absolute;  /* fixed */
	top: 77px;
	left: 2px;
	width: 10px;
	height: 10;
}

.zoomMinus {
	position: absolute;  /* fixed */
	top: 94px;
	left: 0px;
	width: 10px;
	height: 10;
}




div#debugArea {
	position: absolute;
	top: 2px;
	left: 100px;
	width: 728px;
	height: 90;
	/* background-color: #999999; */
	color: #FFFFFF;
	padding-top: 0px;
	padding-left: 0px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

div#menubar {
	position: absolute;
/*	top: 161px;  */
	left: 0px;
	/* background-color: #55FF55;  */
	color: #FFFFFF;
	height: 20px;
	width: 650;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	z-index: 1500;
}


/* ------------------------------------------------------ */
/* poistetaan kokonaan
div#statusDiv {
	position: absolute;
	top: 195px;
	left: 0px;
	width: 495px;
	height: 23px;
	padding-top: 2px;
	padding-left: 5px;
	background-color: #FFDDDD;
	text-align: left;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
} */

div#leftSideDiv {
	position: absolute;
/*	top: 180px;  */
	left: 0px;
/*	width: 140px; */
/*	height: 23px; */
/*	padding-top: 2px; */
/*	padding-left: 5px; */
/*	background-color: #FF0000; */
	text-align: left;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
}

div#gategoryTitle {
	position: absolute;
	top: 5px;
	left: 12px;
	width: 120px;
	height: 19px;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
}

.gategory {
	position: absolute;
	top: 25px;
	left: 10px;
	width: 120px;
	height: 19px;
	/* background-color: #AAAAAA; */
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
/*	z-index: 0; */
}
/* --- EditMode --- */
div#editMode {
	position: absolute;
	top: 2px;
	left: 210px;
	width: 100px;
	height: 20px;
	padding-top: 3px;
	padding-left: 5px;
	background-color: #DDDDDD;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

.editModeBrowse { /* label */
	position: absolute;
	top:  3px;
	left: 10px;
	text-align: right;
	width: 45px;
	/* background-color: #990000;  */
}

.browseModeRadio {
	position: absolute;
	top:  1px;
	left: 53px;
}

.editModeEdit { /* label */
	position: absolute;
	top:  3px;
	left: 80px;
	width: 50px;
	text-align: right;
	/* background-color: #990000; */
}

.editModeRadio {
	position: absolute;
	top:  1px;
	left: 130px;
}

/* --- language --- */
div#language {
	position: absolute;
/*	top: 160px;  */
	left: 660px;
	width: 135px;
	height: 22px;
/*	background-color: #DDDDDD;  */
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	z-index:900;
}

.langTitleFin {
/*	background-color: #FF6666; */
	position: absolute;
	top:  3px;
	left: 5px;
	text-align: right;
	z-index:900;
}

.languageRadioFin {
	position: absolute;
	top:   1px;
	left: 45px;
	z-index:900;
}

.langTitleEng {
/*	background-color: #FF6666; */
	position: absolute;
	top: 3px;
	left: 70px;
	text-align: right;
	z-index:900;
}

.languageRadioEng {
	position: absolute;
	top:    1px;
	left: 115px;
	z-index:900;
}


/* ------------------------------------------------------ */

div#mapDiv {
	position: absolute;  /* fixed */
/*	background-color: #7E8CC6;  */
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	cursor: move;
}

/* medium-kartan canvas */
/*
.mapScale2 {
	position: absolute;
	width:  928px;
	height: 692px;
	background-color: #FF5555;
} */

/* XXSmall-kartan canvas */
.mapCanvas {
	position: absolute;
/*	width:  580px;
	height: 432px; */
	background-color: #FF5555;
}
.mapSlice {
	position: absolute;
	width:  580px;
	height: 432px;
	background-color: #5555FF;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#infoDiv {
	position: absolute;  /* fixed */
	top: 510px;
	left: 100px;
	width: 500px;
	/* height: 100px; */
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

.poiDiv {
	position: absolute;
	width: 10px;
	height: 10px;
	/* background-color: #FF0000; */
	z-index: 1500; /* 500  */

/*
	background-image: url(../images/poiBlue.gif);
	background-position: 0 0;
	background-repeat: no-repeat; 
*/	
}


div#ftPoiTemp {
	position: absolute;
	width: 25px;
	height: 25px;
	z-index: 1500;
	background-image: url(../images/poiTemp_25.gif);

}

div#ftCircle {
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 1500;
	background-image: url(../images/circle_40.gif);
}



.centerPointDiv {
	position: absolute;
	width:  6px;
	height: 6px;
	background-color: #FF4444;
	z-index: 400;
	/* seuraava IE:tä varten, oletus fontti korottaa diviä */
	font-size: 5px;
	/* background-image: url(../images/poiGreen.jpg);
		background-position: 0 0;
		background-repeat: no-repeat; 
	*/
}

div#copyRight {
	position: absolute;
	width:  400px;
	height: 15px;
	/* background-color: #FF8888; */
	z-index: 400;
	/* seuraava IE:tä varten, oletus fontti korottaa diviä */
	color: #FFFFFF;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}


/* ------------------------------------------- */


/* dbaseDiv */
.dbaseDiv {
	position: absolute;  /* fixed */
	top: 230px;
	left: 5px;
	width: 85px;
	height: 160;
	background-color: #FF6666;
	padding-top: 3px;
	padding-left: 5px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

.luku1 {
	left: 5px;
	width: 35px;
	color: #FF0000;
}

.luku2 {
	left: 5px;
	width: 35px;
	color: #FF0000;
}

.tulosText {
	left: 7px;
	width: 70px;
	color: #FF0000;
}

.tulosDiv {
	position: absolute;  /* fixed */
	top: 110px;
	left: 5px;
	width: 75px;
	height: 45;
	background-color: #9999FF;
}

.summaaButton {
	left: 5px;
	width: 75px;
	height: 20;
	color: #0000FF;
	background-color: #7777FF;
}

.kertoButton {
	left: 5px;
	width: 75px;
	height: 20;
	color: #0000FF;
	background-color: #7777FF;
}


div#testDiv {
	position: absolute;  /* fixed */
	top: 510px;
	left: 610px;
	width: 400px;
	height: 400px;
	background-color: #FF6666;
	padding-top: 3px;
	padding-left: 5px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

.testTextDiv {
	position: absolute;  /* fixed */
	top: 35px;
	left: 5px;
	width: 390px;
	height: 360px;
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 3px;
	padding-left: 5px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

/* --------------------------------------------------- */


div#newEmailDiv {
	position: absolute;
	/* top: 205px; */
	/* left: 635px; */
	width:  740px;
	height: 230px;
	padding-top: 3px;
	/* padding-left: 5px; */
	background-color: #EEEEEE;
	z-index: 1501;
}

div#emailTextDiv {
	background-color: #EEEEEE;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 520px;
	height: 100px;
}

input#newEmailInput {
	position: absolute;
	top: 110px;
	left: 5px;
	width: 720px;
	height: 40px;
	padding-left: 4px;
	font-size: 11px;
}

input#copyClipBoardButton {
	position: absolute;
	top: 155px;
	left: 230px;
	width: 260px;
	height: 25px;
	padding-left: 4px;
	font-size: 12px;
}


div#mailtoDiv {
	position: absolute;
	top: 190px;
	left: 230px;
	width:  330px;
	height: 30px;
	font-size: 14px;
	background-color: #EEEEEE;
}

div#emailCloseRuksiDiv {
	position: absolute;
	top: 1px;
	left: 720px;
	width:  18px;
	height: 18px;
	cursor: pointer;
	font-size: 15px;
	/*
	background-image: url(../images/close.gif);
	z-index: 1515;
	background-color: #0000FF;
	*/
}


/* --------------------------------------------------- */

div#editDiv {
	position: absolute;
	/* top: 205px; */
	/* left: 635px; */
	width: 400px;
	height: 470px;
	padding-top: 3px;
	/* padding-left: 5px; */
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	/* z-index: 500; */
}


div#newCloseRuksiDiv {
	font-size: 5px;
	position: absolute;
	top: 1px;
	left: 380px;
	width:  18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/close.gif);
}

/*
div#newStatusTitleDiv {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
	background-color: #FFFFFF;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
}
*/

div#newDisplayIdDiv {
	position: absolute;
	top: 0px;
	left: 345px;
	width: 25px;
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}


.addNewObjectButton {
	position: absolute;
	top: 32px;
	left: 5px;
	width: 190px;
	height: 22px;
	font-size: 11px;
}

.copyNewObjectButton {
	position: absolute;
	top: 32px;
	left: 200px;
	width: 195px;
	height: 22px;
	font-size: 11px;
}

/* ---------- Eng Title --------------- */
div#newEngTitleDiv {
	position: absolute;
	top: 54px;
	width: 395px;
	height: 20px;
	padding-left: 2px;
	padding-top:  4px;
	background-color: #FFFFFF;
}

label#newEngTitleLabel {
	position: absolute;
	top:  2px;
	left: 4px;
}

.newEngTitleInput {
	position: absolute;
	top:  2px;
	left: 100px;
	width: 297px;
	height: 20px;
	padding-left: 2px;
	font-size: 10px;
}

/* ---------- Fin Title --------------- */
div#newFinTitleDiv {
	position: absolute;
	top: 76px;
	width: 395px;
	height: 20px;
	padding-left: 2px;
	padding-top: 6px;
	background-color: #FFFFFF;
}

label#newFinTitleLabel {
	position: absolute;
	top:  4px;
	left: 4px;
}

.newFinTitleInput {
	position: absolute;
	top:  4px;
	left: 100px;
	width: 297px;
	height: 20px;
	padding-left: 2px;
	font-size: 10px;
}

/* ---------- Eng Descr --------------- */
div#newEngDescrDiv {
	position: absolute;
	top: 100px;
	width: 395px;
	height: 105px;
	padding-left: 5px;
	padding-top: 6px;
	background-color: #FFFFFF;
}

label#newEngDescrLabel {
	position: absolute;
	top: 2px;
	left: 2px;
}

.newEngDescrInput {
	position: absolute;
	top: 1px;
	left: 80px;
	width: 317px;
	height: 95px;
	padding-left: 2px;
	font-size: 11px;
}

/* ---------- Fin Descr --------------- */
div#newFinDescrDiv {
	position: absolute;
	top: 198px;
	width: 395px;
	height: 105px;
	padding-left: 5px;
	padding-top: 6px;
	background-color: #FFFFFF;
}

label#newFinDescrLabel {
	position: absolute;
	top: 2px;
	left: 2px;
}

.newFinDescrInput {
	position: absolute;
	top: 1px;
	left: 80px;
	width: 317px;
	height: 95px;
	padding-left: 2px;
	font-size: 11px;
}

/* ---------- Eng URL --------------- */
div#newEngUrlDiv {
	position: absolute;
	top: 297px;
	width: 395px;
	height: 18px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #FFFFFF;
}

label#newEngUrlLabel {
	position: absolute;
	top: 2px;
	left: 2px;
}

.newEngUrlInput {
	position: absolute;
	top: 2px;
	left:80px;
	width: 255px;
	height: 20px;
	padding-left: 5px;
	font-size: 10px;
}

.newEngUrlButton {
	position: absolute;
	top: 2px;
	left: 340px;
	width: 55px;
	height: 20px;
	padding-left: 1px;
	font-size: 10px;
}

/* ---------- Fin URL --------------- */
div#newFinUrlDiv {
	position: absolute;
	top: 322px;
	width: 395px;
	height: 22px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #FFFFFF;
}

label#newFinUrlLabel {
	position: absolute;
	top: 2px;
	left: 2px;
}

.newFinUrlInput {
	position: absolute;
	top: 2px;
	left:80px;
	width: 255px;
	height: 20px;
	padding-left: 5px;
	font-size: 10px;
}

.newFinUrlButton {
	position: absolute;
	top: 2px;
	left: 340px;
	width: 55px;
	height: 20px;
	padding-left: 1px;
	font-size: 10px;
}

/* ------- X Y Coordinates ----------- */

div#newCoordDiv {
	position: absolute;
	top: 345px;
	width: 395px;
	height: 23px;
	padding-left: 5px;
	padding-top: 3px;
	background-color: #FFFFFF;
}

div#newXDiv {
	position: absolute;
	top: 4px;
	left: 5px;
	width: 80px;
	padding-top: 6px;
}

.newXInput {
	position: absolute;
	top: 4px;
	left: 15px;
	width: 50px;
	height: 20px;
}
/* --- Y ---- */
div#newYDiv {
	position: absolute;
	top: 4px;
	left: 90px;
	width: 80px;
	padding-top: 6px;
}
.newYInput {
	position: absolute;
	top: 4px;
	left: 15px;
	width: 50px;
	height: 20px;
}
/* --- Button ---- */

.newXYButton {
	position: absolute;
	top: 8px;
	left: 160px;
	width: 230px;
	height: 18px;
	padding-left: 1px;
	font-size: 10px;
}

/* --- Save and remove Buttons ---- */

.saveToDbaseButton {
	position: absolute;
	top: 380px;
	left: 15px;
	width: 130px;
	height: 22px;
	font-size: 11px;
}

.removeFromDbaseButton {
	position: absolute;
	top: 380px;
	left: 165px;
	width: 180px;
	height: 22px;
	font-size: 11px;
}



* html #floated-image {
	margin: 0 -3px; ma\rgin: 0;
}

/********************** Search result ikkuna ************************************/

div#searchResultDiv {
	position: absolute;
	/* top: 205px; */
	/* left: 635px; */
/*	width: 400px;  */
/*	height: 470px; */
	padding-top: 3px;
	/* padding-left: 5px; */
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	z-index: 1516;
	text-align: center;

}

div#newSearchCloseRuksiDiv {
	font-size: 5px;
	position: absolute;
	top: 1px;
/*	left: 180px; */
	width:  18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/close.gif);
}

/*
div#searchTableDiv {
	position: absolute;
	top: 35px; 
	left: 10px;
	height: 400px;
	background-color:#FFFFFF;
	z-index: 500;
	overflow:auto; 
}
*/

table#newSearchTable {
	position: absolute;
	left: 0px;
	border-style: solid;
	border-color: #555555;
	border-width: 2px;
	z-index: 1502; /* 1517 */
}

td.idNro {
	vertical-align: top;
	width: 17px;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	background-color:#DDDDDD;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	padding: 5;
	z-index: 1502; /* 1517 */
}

td.title {
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	width: 30px;
	background-color:#DDDDDD;
	padding: 5;
}


td.poiInfo {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	width: 220px;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	background-color:#DDDDDD;
	padding: 5;
}

td.showPoi {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	width: 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	background-color:#DDDDDD;
	padding: 5;

	cursor: pointer;
}

/*******************************************/

/*
div#catRadioDiv {
	position: absolute;
	padding-top: 3px;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	z-index: 600;
}
*/

/********************** Cat valinta ikkuna ************************************/

div#loadingDiv {
	position: absolute;
	padding-top: 3px;
	padding-left: 5px;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	z-index: 600;
}

/*
div#catDiv {
	position: absolute;
	padding-top: 3px;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	z-index: 600;
}
*/

div#newCatCloseRuksiDiv {
	font-size: 5px;
	position: absolute;
	top: 1px;
/*	left: 180px; */
	width:  18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../images/close.gif);
}


div#newCatItemDiv {
	position: absolute;
	left: 5px;
	width: 250px;
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}


/********************** POP UP MENU  ************************************/

/* valitun yläotsikko */
#nav .selected_li a{
	color: #F49B5A;
	font-weight:bold;
}
/* valitun alalista  */
#nav .selected_li ul a{
	font-weight: normal; /* toimii */
	color: #EB6D11;  /*#F18739     */
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 120px;  /* orig 10en alasvetovalikon leveys  IE:ssä myös yläleveys*/
	color: #FFFFFF; /* toimii */
	text-decoration: none;
	font-weight: bold; /* toimii */
}

/* oma lisä jolla onnistuu hover */
#nav a:hover {
	color: #FBCEAD;
	text-decoration: underline;
}

#nav li { /* all list items */
	float: left;
	width: 120px; /* tila yläpalkissa Firefox ,  10em width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: white; /* orange  */
	width: 90px;  /* 10em   */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* oma lisä toimii */
#nav li ul a {
	background: white;
	color: #EB6D11;  /*#F18739     */
	font-weight: normal; /* toimii */
	font-size: 13px;  /* 12->13  */
	padding: 5px 5px 5px 5px;
}

/* oma lisä toimii*/
#nav li ul a:hover {
	color: #000011;
	background: #EEEEEE; /* orange  */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
/*	color: #00FF00;  ei vaikutusta  */
	background: #FFFFFF; /* taustaväri toimii */
}