body
{
margin:10px;
background:#992200 url(../kuvat/bg.jpg) repeat;
color:#000000;
FONT: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
TEXT-ALIGN: center;
}


div#flat_div
{
margin-left:auto;
margin-right:auto;
border:solid red 0px;
width:1000px;
}


div#fader
{
color:#000;
opacity:1;

<!--[if IE ]>
filter:alpha(opacity=100);
<![endif]-->

border:solid white 0px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
z-index:10;
text-align:center;
}

.feideri{
color:#000;
opacity:0;
filter:alpha(opacity=10);
border:solid white 1px;
z-index:10;
}

div.invisible
{
background:#000000;
color:white;
width:120px;
height:100%;
border:solid #999999 0px;
position:absolute;
top:0px;
opacity:1;
filter:alpha(opacity=100);
z-index:15;
visibility:visible;
}

div#popup
{
background:#000000;
width:320px;
height:240px;
border:solid #999999 1px;
position:absolute;
left:35%;
top:30%;
opacity:1;
filter:alpha(opacity=100);
z-index:15;
visibility:hidden;
}

div#popup_menu
{
background:#000000;
border-bottom:solid #999999 1px;
}

img#popup_close_button
{
float:right;
border:solid #999999 1px;
margin-top:1px;
margin-right:2px;
}

div.kuva
{
width:410px;
height:410px;
border:solid #771100 1px;
background-color:#000000;
float:left;
}

div.kuvaus
{
width:340px;
height:auto;
border:solid #771100 0px;
background-color:#000000;
position:relative;
float:left;
margin-left:10px;


}


div#main_div
{
width:auto;
height:auto;
text-align:center;
border-left:solid #991100 0px;
border-right:solid #991100 0px;

}

div#txt_win_div
{
width:1000px;
height:auto;
border-left:solid #991100 0px;
border-right:solid #991100 0px;
background: url(../kuvat/bg.png) repeat-y;
padding:0px;

  

}

div#logo_div
{
width:800px;
height:53px;
border-bottom:solid #225500 0px;

}

div#menu_div
{
padding:0px;
margin-top:0px;
padding-left:0px;
text-align:left;
width:1000px;
height:140px;
border-bottom:solid #444444 0px;
background:url(../kuvat/header.png) no-repeat;


}

div#ml_div
{
padding:0px;
margin-left:0px;
padding-left:60px;
padding-top:0px;
text-align:left;
width:auto;
height:20px;
border-bottom:solid #444444 0px;
background:url(../kuvat/bg.png) repeat-y;

}

div#line_div
{
text-align:left;
border-top:solid #222222 0px;
}

div#header_div
{
text-align:left;
border-top:solid #225500 0px;
margin-top:20px;
margin-bottom:5px;
margin-left:30px;
margin-right:30px;
height:30px;
opacity:1;
filter:alpha(opacity=100);
background: #transparent url(../kuvat/ylax.png) no-repeat;
}


div#text_div
{
text-align:left;
border-top:solid #600 0px;
margin-top:5px;
margin-bottom:0px;
margin-left:30px;
margin-right:30px;
Height:auto;
opacity:1;
filter:alpha(opacity=100);
background:  #transparent no-repeat;
}

div#text_div_2
{
width:900px;
text-align:left;
border-top:solid #600 0px;
margin-top:5px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
Height:auto;
opacity:1;
filter:alpha(opacity=100);
background:  #transparent no-repeat;
}


div#down_div
{
text-align:left;
width:1000px;
height:94px;
border-top:solid #225500 0px;
padding-top:0px;
padding-left:0px;
background:url(../kuvat/footer.png) no-repeat;
}

pre
{
color:#229900;
}

p
{
	color:#444;

FONT: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
TEXT-ALIGN: left;


}

h4
{
	font-family: cursive;
	font-size:14px;
	text-decoration: none;
	color:#222;
	font-variant: small-caps;
TEXT-ALIGN: left;


}

p#popup_header
{
color:#229900;
margin:1px;
}

	a.user
	{
	font-family: cursive;
	font-size:14px;
	text-decoration: none;
	color:#116600;
	font-variant: small-caps;
	}

	a.user:hover
	{
	font-family: cursive;
	font-size:14px;
	text-decoration: underline;
	color:#22bb00;
	font-variant: small-caps;
	}

p.menu{
margin-left:2px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
border:solid #555555 0px;
background-color:#000;

color:#22ff11;
font-variant: normal;
font-weight:bold;
	font-size: 14px;
display:inline;
}

a.menu
{
margin-left:2px;
margin-top:0px;
margin-bottom:0px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
border:solid #555555 0px;

color:#228811;
font-variant: normal;
	font-size: 14px;
}

a.menu:hover{
margin-left:2px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
border:solid #555555 0px;
background-color:#000;

color:#22ff11;
font-variant: normal;
font-weight:bold;
	font-size: 14px;
}

a.submenu
{
	font-family: normal;
margin-left:2px;

padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
text-decoration: none;
border:solid #229900 1px;
background:#000000;
color:#225500;
font-variant: small-caps;
	font-size: 1.0em;

	font-weight: 100;
}

a.submenu:hover
{
	font-family: normal;
margin-left:2px;

padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
text-decoration: none;
border:solid #229900 1px;
background:#221100;
color:#229900;
font-variant: small-caps;
	font-size: 1.0em;

	font-weight: 100;
}

li
{
color:#229900;
	font-family: cursive;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	font-size: 14px;
	line-height: 120%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0px;
}


img 
{

border:0px dotted black;
margin:0px 10px 10px 0px;

}

h3
{
color:#600;
	font-family: cursive;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	font-size: 24px;
	line-height: 120%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0px;
}

table.login
{
font-size:12px;
border: 0px solid white;
margin:0px;
height:20px;
float:right;
}

input.reg
{
font-size:10px;
background:#000000;
border:solid #225500 1px;
height:16px;
color:224400;
width:100px;
}

input.submit
{
	font-family: normal;
font-size:10px;
background:#000000;
border:solid #225500 1px;
height:16px;
color:224400;
width:auto;
margin-top:0px;
padding:0px;
}


div.regin
{
margin:0px;
height:22px;
width:748px;
border:solid white 0px;
overflow:hidden;

}



div.submenu
{
float:left;
}

p.forms
{
margin:3px;
}


label
{
width: 150px;
float: left;
text-align: left;
margin-right: 10px;
display: block;
}

.input_info
{
margin-left: 20px;
background:#000000;
border:solid #229900 1px;
color:#227700;
}

.input_info_text
{
margin-left: 20px;
background:#000000;
border:solid #229900 1px;
color:#227700;
}

</style>

<style>

.pg_bg
{
 text-align:center;
 background:#333;
 width: 460px;
 height:auto;
 border:solid black 10px;
 display:block;
 margin:2px;
 float:right;
}

.pg_img_bg
{
 display: -moz-inline-box;
 display: inline-block;
 background:#222;
 width: 140px;
 height: 182px;
 border:solid #000 1px;
 margin:2px;
 overflow:hidden;
 text-align: center;
 
}

.pg_img
{
 background:#111;
 width: 120px;
 height: 120px;
 border:solid #000 1px;
 margin:9px;
 overflow:hidden;
 vertical-align: middle;

}

.pg_txt
{
 background:#222;
 width: 136px;
 height: 40px;
 border:solid #000 0px;
 margin:1px;
 overflow:hidden;
}

.ls_bg_r
{
 text-align:left;
 background:#533;
 width: auto;
 height:30px;
 margin:1px;
}

.ls_bg_g
{
 text-align:left;
 background:#353;
 width: auto;
 height:30px;
 margin:1px;
}

.ls_comment
{
 display: -moz-inline-box;
 display: inline-block;
 text-align:left;
 background:#353;
 width: 200px;
 height:25px;
 margin:1px;
}

.ls_type
{
 display: -moz-inline-box;
 display: inline-block;
 text-align:left;
 background:#353;
 width: 50px;
 height:25px;
 margin:1px;
}

.ls_size
{
 display: -moz-inline-box;
 display: inline-block;
 text-align:left;
 background:#353;
 width: 50px;
 height:25px;
 margin:1px;
}

        .info_screen
        {
         border:solid black 1px;
         height:100px;
         width:200px;
         position:absolute;
         margin-top:50px;
         margin-left:800px;
         z-index:2;
         opacity:0.6;
         filter:alpha(opacity=60);
         visibility:hidden;
         background:#eeeedd;
        }


        .picture
        {
         border:solid black 1px;
         position:relative;

         z-index:2;
         opacity:1;
         filter:alpha(opacity=100);
         visibility:hidden;
	 display:block;
	 margin-left:auto;
	 margin-right:auto;
        }


        .pict_bg
        {
         border:solid white 1px;
         height:100%;
         width:99%;
         position:absolute;
         top:0px;
         left:0px;
         z-index:2;
         opacity:1;
         filter:alpha(opacity=100);
         visibility:hidden;
         background:transparent;
	 text-align:center;
        }

        .pict_screen
        {
         border:solid black 0px;
         height:100%;
         width:99%;
         position:absolute;
         top:0px;
         left:0px;
         z-index:2;
         opacity:0.9;
         filter:alpha(opacity=90);
         visibility:hidden;
         background:#000000;
        }