html, body {
	background-color: #FFF;

	margin: 0px;
	padding: 0px;

	font-family: Arial;
	font-size: 11px;

	height: 100%;
}

#posLink{color:green ;}
#neuLink{color:orange;}
#negLink{color:red   ;}

#palautteet a{
	text-decoration: underline;
}

#posLink:visited{color:green ;}
#neuLink:visited{color:orange;}
#negLink:visited{color:red   ;}

#help{
	height: 15px;
	width: 15px;

	margin-bottom: -2px;

	cursor: pointer;

	position: relative;
}

.user_kohteet {
	margin-top: -23px;
	left: 600px;

	font-weight: bold;
	text-decoration: underline;
	color: #FAFAFA;

	position: relative;
}

.huudot_cls a {
	text-decoration: underline;
}

.huudot_cls a:visited {
	text-decoration: underline;
}

.huudot_cls a:active {
	text-decoration: underline;
}

.date {
	border: 0px;
	text-decoration:none;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

#kohde_img {
	border: 2px solid #6cb100;
	cursor:pointer;
	padding:0px;
	margin:0px;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

#kuvaus___Frame {
	padding: 0;
	margin: 0;
	border:none !important;
}

a {
	color: #333;
}

a:hover {
	color: #333;
}

a:visited {
	color: #333;
}


#osastot_menu {
	margin-left: 2px;

	width:156px;

	font-family: Arial;
	font-size: 12px;
}

#osastot_menu #ylaosasto {
	background-image: url('images/upper_arrow.jpg');
	background-repeat: no-repeat;
	background-position: 3px;

	padding: 3px 0px 3px 12px;
	border-bottom: 1px solid #6cb100;
	display:block;
	position:relative;
	z-index:12;
}

#osastot_menu #ylaosasto:hover {
	background-image: url('images/lite_arrow_collapsed.jpg');
	background-repeat: no-repeat;
	background-position: 3px;

	background-color: #c5f973;
	padding: 3px 0px 3px 12px;
	border-bottom: 1px solid #6cb100;
	display:block;
	position:relative;
	z-index:12;
}


#osastot_menu .alaosasto, .aalaosasto {
	background-image: url('images/link_arrow.jpg');
	background-repeat: no-repeat;
	background-position: 7px;

	padding: 3px 0px 3px 17px;
	border-bottom: 1px solid #6cb100;
	color:#6cb100;
	display:block;
	position:relative;
	z-index:12;
}

#osastot_menu .alaosasto:visited, .aalaosasto:visited {
	background-image: url('images/link_arrow.jpg');
	background-repeat: no-repeat;
	background-position: 7px;

	padding: 3px 0px 3px 17px;
	border-bottom: 1px solid #6cb100;
	color:#6cb100;
	display:block;
	position:relative;
	z-index:12;
}

#aylaosasto {
	background-image: url('images/lite_arrow_expanded.jpg');
	background-repeat: no-repeat;
	background-position: 3px;

	background-color: #c5f973;
	padding: 3px 0px 3px 17px;
	border-bottom: 1px solid #6cb100;
	display:block;
	position:relative;
	z-index:12;
}

#osastot_menu .alaosasto:hover, #osastot_menu .aalaosasto:hover{
	background-image: url('images/link_arrow_hover.jpg');
	background-repeat: no-repeat;
	background-position: 7px;

	background-color: #6daf03;
	padding: 3px 0px 3px 17px;
	border-bottom: 1px solid #6cb100;
	color:#FFF;
	display:block;
	position:relative;
	z-index:12;
}

#yla_valikko_text a:visited, #yla_valikko_text a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right:5px;

	color:#FFF;
	text-decoration: none;
	position: relative;
}

#yla_valikko_text a:hover {
	background-color: #426c00;

	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	padding-right:5px;

	color:#a7f037;

	position: relative;
}

#yla_valikko_ln {
	background-image: url('images/yla_valikko_ln.jpg');
	background-repeat:no-repeat;
	width:2px;

	font-size: 0px;
}

font {
	font-family: Arial;
	font-size: 12px;
}

form {
	margin: 0;
	padding: 0;
}

input {
	padding: 0;
	margin: 0;
}

#haku_form {
	margin-top:-25px;
	margin-left: 20px;
}

#mainos {
	border: 1px solid #6cb100;

	margin: 0px;
	padding: 0px;

	margin-left: -3px;
	*width: 748px;

	position: relative;
}

#main {
	background-color: #FFF;

	width: 955px;
	font-size: 12px;

	position: relative;
}

#menu {
	width: 170px;
}

#h_haku_corner_left {
	background-image: url('images/header_l.jpg');

	width: 5px;
	height: 90px;
}

#h_haku_corner_right {
	background-image: url('images/header_r.jpg');

	width: 12px;
	height: 90px;
}

#haku_inputs {
	background: url('images/h_haku_bg.jpg') repeat-x;

	height: 40px;
	width: 732px;
}

#valikko_buttons {
	background: url('images/h_valikko_bg.jpg') repeat-x;

	height: 30px;
	width: 723px;
}

#location {
	background-image: url('images/h_location.jpg');


	height: 20px;
	width: 938px;
}

#under_login {
	background-image: url('images/h_under_login.jpg');

	height: 70px;
}

#login_body {
	background-image: url('images/login_bg.jpg');
	background-repeat: no-repeat;

	height: 56px;
	width: 206px;

	margin-right: 10px;
}

#login_inputs {
	margin: 5px 3px 0px 7px;
	*margin: 4px 3px 0px 7px;
	width: 152px;
}

#login_submit {
	border: none;
	width: 38px;
	height: 47px;

	margin-top: 6px;
}

#f_uusinta {
	width: 385px;
}

#haku_input_search {
	width: 400px;
	height: 18px;
	*height: 16px;
}

#haku_input_dropdown {
	width: 150px;
	height: 20px;
}

#haku_hae {
	top: 5px;
	position: relative;
}

#suurennuslasi {
	background-image: url('images/haku_gb.jpg');

	height:21px;
	width:18px;

	top:28px;
	*top:26px;

	left:-16px;

	position: relative;
}

#val_top {
	background-image: url('images/val_top.jpg');
	background-repeat: no-repeat;

}

#val_center {
	background-image: url('images/val_center.jpg');
	background-repeat: repeat-y;

	width: 167px;
}

#val_bottom {
	background-image: url('images/val_bottom.jpg');
	background-repeat: no-repeat;
	height: 19px;
}

div.osastot {
	margin-left: 15px;
	*margin-left: 6px;
	margin-top: 12px;

}

div.sdmenu {
	width: 156px;

	margin-left: 2px;
	margin-bottom: -8px;

	font-family: Arial;
	font-size: 12px;
	padding-bottom: 6px;

	position: relative;
}

div.sdmenu div {
	overflow: hidden;
}

div.sdmenu div:first-child {
}

div.sdmenu div.collapsed {
	height: 25px;
}

div.sdmenu div span a {
	display: block;
	padding: 5px 18px;
	color: #255c00;
	background: url('images/expanded_arrow.jpg') no-repeat 5px center;
	border-bottom: 1px solid #6cb100;
	border-top: 1px solid #6cb100;
	cursor: pointer;
}

div.sdmenu div.collapsed span a {
	background: url('images/upper_arrow.jpg') no-repeat 5px center;
}

div.sdmenu div span a:hover {
	background:#c5f972 url('images/lite_arrow_expanded.jpg') no-repeat 5px center;
}

div.sdmenu div.collapsed span a:hover {
	background:#c5f972 url('images/lite_arrow_collapsed.jpg') no-repeat 5px center;
}

div.sdmenu div h1 a {
	padding: 5px 22px;
	background :#333 url('images/link_arrow.jpg') no-repeat 13px center;
	display: block;
	border-bottom: 1px solid #6cb100;
	color: #50c600;
}

div.sdmenu div h1 {
	padding: 0;
	margin: 0;

	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
}

div.sdmenu div a, a:hover, a:visited, a:link, a:active {
	text-decoration: none;
}

div.sdmenu div h1 a:hover {
	background : #6cb100 url('images/link_arrow_hover.jpg') no-repeat 10px center;
	color: #fff;
	text-decoration: none;
}

.lavaLampWithImage {
    position: absolute;
    top:114px; *top: 117px;
    height: 15px;
    width: 481px;
    /*background: url("jquery/bg.gif") no-repeat top;*/
    background-color: transparent;
	padding: 15px;
    margin: 10px 0;
    overflow: hidden;
}
        .lavaLampWithImage li {
            float: left;
            list-style: none;
        }
            .lavaLampWithImage li.back {
                background: url("jquery/lava.gif") no-repeat right -30px;
                width: 9px; height: 30px;
                z-index: 8;
                position: absolute;
            }
                .lavaLampWithImage li.back .left {
                    background: url("jquery/lava.gif") no-repeat top left;
                    height: 30px;
                    margin-right: 9px; /* 7px is the width of the rounded shape */
                }
            .lavaLampWithImage li a {
                font: 12px arial;
                text-decoration: none;
                color: #fff;
                outline: none;
                text-align: center;
                top: 7px;
                text-transform: uppercase;
                letter-spacing: 0;
                z-index: 10;
                display: block;
                float: left;
                height: 30px;
                position: relative;
                overflow: hidden;
                margin: auto 10px;
            }
                .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                    border: none;
                }
#osastot_hoverimg{
	position:absolute;
	background-image:url('images/val_yla_over.png');
	background-repeat:no-repeat;
	background-position: 2px 0px; *background-position: 0;
	width:158px;
	top:230px;
	height: 0px;
	width: 0px;
	z-index:11;
}

#myyjana_sivu_nums {
	float: right;

	margin-top: -22px;
	left: -5px;

	position: relative;
	z-index: 100;
}

.left_arrow {
	background-image: url('images/arrow_back.gif');
	background-position:top left;
	background-repeat: no-repeat;

	height: 12px;
	width:8px;
	cursor: pointer;
}
.left_arrow div, .right_arrow div {
	position: relative;
	top: -4px;
}

.right_arrow {
	background-image: url('images/arrow_ff.gif');
	background-position:top right;
	background-repeat: no-repeat;

	height: 12px;
	width:8px;
	cursor: pointer;
}

.sivu_nums {
	top: -4px;
	padding-right: 3px;
	position: relative;
}

.pageNum {
	cursor: pointer;
}

.nayteikkuna_kohde {
	text-align: center;
	vertical-align: middle;

	float: left;

	cursor: pointer;
}

#nayteikkuna_splitter {
	background-color: #FFF;

	height: 10px;
	width: 130px;

	margin-top: -10px;
	top: 5px;
	left: 25px;
	*left: 0px;

	position: relative;
}

#nayteikkuna_splitter_l {
	background-image: url('images/splitter.jpg');
	background-repeat: no-repeat;

	height: 10px;
	width: 15px;

	float: left;

	position: relative;
}

#nayteikkuna_splitter_r {
	background-image: url('images/splitter.jpg');
	background-repeat: no-repeat;
	background-position: -61px;

	height: 10px;
	width: 15px;

	float: right;

	position: relative;
}

#nayteikkuna_nimi {
	margin-top: 5px;
	border-top:1px solid #6cb100;
}

.nayteikkuna_tooltip {
	background-color: transparent;
	background-image: url('images/tooltip_bg.png');
	background-repeat: no-repeat;
	padding: 15px;
    padding-right: 26px;

	text-decoration: none;
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
}

#top_5_link {
	margin-top:-70px;

	height:70px;
	width:340px;

	position:relative;

	z-index:20000;

	cursor:pointer;
}

.button {
	cursor:pointer;

	background-image:none;
	background-repeat:no-repeat;
	background-position:right;
	height:10px;
	padding-right:15px;
}
.custom_tooltip {
	background-image: url('images/lp.gif');
}

.kohde_item_over {
	right:665px;
	top:-8px;
	width:780px;
	height: 90px;
	margin-right:-780px;
	margin-top:-7px;
	margin-bottom:-8px;
	font-weight:bold;
	cursor:pointer;
	background-image:url('images/lp.gif');
	background-repeat:no-repeat;
	background-position:0px;
	position:relative;
	z-index:1000;
}