body {   
background-image: url(images/tausta3.png);
background-repeat:repeat-x;
background-position:top;
background-attachment: fixed;
}

p#jahtialkulaskuri {
font-size : 12px;
font-style : normal;
color : #ffffff;
text-decoration : none;
font-family : Verdana,sans-serif;
}

table {
font-size : 13px;
font-style : normal;
color : #002255;
text-decoration : none;
font-family : Verdana,sans-serif;
word-wrap: break-word;
}

div {
font-size : 13px;
font-style : normal;
text-decoration : bold;
font-family : Verdana,sans-serif;
}

/*table {
font-family: 'courier'; 
padding: 5px;
background-color: #c0c0c0; 
border-style: dashed; 
border-width: 1px; 
border-radius: 15px; 
width: 400px; 
height: 150px;
}*/

img#avatar {
border-style: none; 
/*border-width: 1px; */
margin: 3px 3px 3px 3px;
border-radius: 10px; 
box-shadow: 2px 2px 2px 0px;
/*width: 400px; 
height: 150px;*/
}
img#nayte {
border-width: 0px;
width: 100px; 
height: 80px
}

img#suodatin_yes {
border-width: 0px;
width: 24px; 
height: 24px;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}

img#suodatin_no {
border-width: 0px;
width: 24px; 
height: 24px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

img:hover{
/*border-style: solid; 
border-width: 1px; 
border-radius: 10px; 
box-shadow: 5px 5px 5px 0px;*/
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

a {
/*font-size : 13px;*/
font-weight : bold;
font-style : normal;
color : #002255;
text-decoration : none;
font-family : Verdana,sans-serif;
}

a:visited {
/*font-size : 13px;*/
font-weight : normal;
font-style : normal;
color : #111111;
text-decoration : none;
font-family : Verdana,sans-serif;
}

a:active {
/*font-size : 13px;*/
font-weight : bold;
font-style : normal;
color : #afcfdf;
text-decoration : none;
font-family : Verdana,sans-serif;
}

a:hover {
/*font-size : 13px;*/
font-weight : bold;
font-style : normal;
color : #gggggg;
text-decoration : underline;
font-family : Verdana,sans-serif;
text-shadow: #888888 1px 1px 1px;
}



.chat {
word-wrap: break-word;
font-size : 10px;
font-style : normal;
color : #002255;
text-decoration : none;
font-family : Verdana,sans-serif;
}

.chat a{
font-size : 10px;
font-style : normal;
color : #012255;
text-decoration : none;
font-family : Verdana,sans-serif;
}
.chat a:active{
font-size : 10px;
font-style : normal;
color : #ffffff;
text-decoration : none;
font-family : Verdana,sans-serif;
}
.chat a:hover{
font-size : 10px;
font-style : normal;
color : #012255;
text-decoration : none;
font-family : Verdana,sans-serif;
}
.chat a:visited{
font-size : 10px;
font-style : normal;
color : #012255;
text-decoration : none;
font-family : Verdana,sans-serif;
}





/*BODY {background-color:#AAAFAA;}*/

h1 {
font-size : 14px;
font-style : normal;
color : #002255;
text-decoration : none;
font-family : Verdana,sans-serif;
}

i {
font-size : 9px;
font-style : normal;
color : #550022;
text-decoration : none;
font-family : Verdana,sans-serif;
}

details {
font-size : 9px;
font-style : normal;
color : #555555;
text-decoration : none;
font-family : Verdana,sans-serif;
}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: 1px solid #006;
    background: #ccf;
}
.button:hover {
    border: 1px solid #f00;
    background: #eef;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

/* DIV asettelu */



/*div#mainframe {
position:absolute;
top:0px;
left:30px;
width: 1200px;
height: 100%; 
z-index:-2;

margin-left: auto;
margin-right: auto;
font-family: 'verdana,sans-serif';
padding: 5px; 
background-color: #434343;
border-style: solid; 
border-width: 3px; 
border-color: #535353 

}*/

div#tiedotekartta {
position:absolute;
top:-20px;
left:50px;

margin-left: 0px;
margin-right: 0px;
font-family: 'verdana,sans-serif';
padding: 5px; background-color: #FFFFFF;
border-style: solid; 
border-radius: 0px 0px 10px 10px; 
border-width: 3px; 
border-color: #535353;
width: 500px;
z-index:3;
box-shadow: 2px 2px 5px 3px 
}

div#yleislaatikko {
position:absolute;
top:50px;
left:50px;

margin-left: 0px;
margin-right: 0px;
font-family: 'verdana,sans-serif';
padding: 5px; background-color: #c0c0c0;
border-style: solid; 
border-radius: 10px; 
border-width: 3px; 
border-color: #535353;
z-index:3;
box-shadow: 2px 2px 5px 3px 
}

div#kirjautumislaatikko {


margin-left: 0px;
margin-right: 0px;
font-family: 'verdana,sans-serif';
padding: 5px; background-color: #c0c0c0;
border-style: solid; 
border-radius: 10px; 
border-width: 3px; 
border-color: #535353;
width: 200;
z-index:3;
box-shadow: 2px 2px 5px 3px 
}


div#paikallaolijat {
position: absolute; /*fixed ois hienompi, mut ei toimi ie:ssä*/
top:-20px;
left:575px;

margin-left: 0px;
margin-right: 0px;
font-family: 'verdana,sans-serif';
padding: 18px 0px 0px 3px;
/*padding-top:20px;*/

background-color: #FFFFFF;
border-style: solid; 
border-radius: 10px; 
border-width: 3px; 
border-color: #535353;
height: 58;
z-index:5;
box-shadow: 2px 2px 5px 3px 
}


div#toimintorivi {
margin-left: auto;
margin-right: auto;
font-family: 'verdana,sans-serif';
padding: 5px; background-color: #000000;
position:absolute;
top:30px;
left:-10px;
width: 100%;
height: 150px; 
box-shadow: 5px 5px 5px 5px;
z-index:-1;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */

}

div#toimintorivinlinkit {
margin-left: auto;
margin-right: auto;
font-family: 'verdana,sans-serif';
padding: 5px; 
position:absolute;
top:160px;
left:575px;
width: 700px;
height: 30px; 
z-index:1;

}

div#tiedoteikkuna {
margin-left: 0px;
margin-right: 0px;
font-family: 'verdana,sans-serif';
padding: 5px; background-color: #FFFFFF;
border-style: solid; 
border-width: 3px; 
border-radius: 10px; 
border-color: #535353;
position:absolute;
top:460px;
left:50px;
width: 500px; 
/*height: %; */
box-shadow: 2px 2px 5px 3px;
word-wrap: break-word;
}

div#chatikkunan_alue {
position:absolute;
top:210px;
left:575px;
margin: 0px;
padding: 0px 0px 0px 0px;
border-width: 0px; 
width: 350px; 
z-index:0;
}

div#chatikkuna {
position:absolute;
top:16px;
left:0px;
word-wrap: break-word;
font-family : Verdana,sans-serif;
font-size : 10px;
margin: 0px;
padding: 8px 2px 2px 2px;
border-width: 1px 1px 1px 1px; 
border-radius: 0px 6px 6px 6px;
width: 100%; 
/*height: 150px; */
/*box-shadow: 10px 10px 5px 0px; */
/*background-color: rgba(255, 255, 255);*/
background-color: #FFFFFF;
border-style: solid; 
border-color: #535353;/*#535353 */
z-index:-1; 
}



div#hashtagit {
width: 350px;
height: 12px;
background-color: rgba(0, 0, 0, 0.50);
z-index:2;
}

div#muualtahaettavat {
position:absolute;
top:210px;
left:950px;

margin-left: auto;
margin-right: auto;
font-family: 'verdana,sans-serif';
padding: 5px; 
background-color: #ffffff;
/*border-style: dashed; 
border-width: 1px; */
border-radius: 3px;

/*width: 250px; */
/*height: 150px; */
box-shadow: 10px 10px 5px 0px; 

/*background-color: #939393;*/
border-style: solid; 
border-width: 1px; 
border-color: #535353 
}

div#galleriaikkuna {
position:absolute;
top:35px;
left:950px;
margin: 0px;
padding: 0px; background-color: #383838;
border-style: solid; 
border-width: 3px; 
border-radius: 10px; 
width: 300px;
z-index:1;
/*height: 150px; */
/*box-shadow: 10px 10px 5px 0px */
}

div#ennakkoilmoitus {
position:absolute;
top:80px;
left:575px;
margin: 0px;
padding: 0px; 
background-color: #383838;
border-style: solid; 
border-width: 3px; 
border-radius: 10px; 
width: 300px;
z-index:3;
height: 80px; 
/*box-shadow: 10px 10px 5px 0px */
}


div#tasaus_oikea {
float:right;
margin: 0px;
padding: 0px;
border-style: solid; 
border-width: 0px; 
height: 24px
}

div#tasaus_vasen {
float:left;
margin: 0px;
padding: 0px;
border-style: solid; 
border-width: 0px; 
height: 24px
}

div#chatviesti {
word-wrap: break-word;
position:relative;
margin: 0px;
padding: 0px 0px 4px 0px;
border-style: solid; 
border-width: 1px 0px 0px 0px; 
width: 100%;
border-color: #cdcdcd;
font-size : 12px;
font-style : normal;
text-decoration : bold;
font-family : Verdana,sans-serif;
color: #333333;
background-color: #ffffff;/*#F0EEE0 939393*/
z-index=-1;
}




a[class~="hashtag"] {
font-size : 12px;
font-style : normal;
color : #556655;
text-decoration : none;
font-weight:bold;
font-family : Verdana,sans-serif;
}
a:active[class~="hashtag"]{
font-size : 12px;
font-style : normal;
color : #ffffff;
text-decoration : none;
font-weight:bold;
font-family : Verdana,sans-serif;
}
a:hover[class~="hashtag"]{
font-size : 12px;
font-style : normal;
color : #003300;
text-decoration : none;
font-weight:bold;
font-family : Verdana,sans-serif;
}
a:visited[class~="hashtag"]{
font-size : 12px;
font-style : normal;
color : #556655;
text-decoration : none;
font-weight:bold;
font-family : Verdana,sans-serif;
}





div#chatviesti_uusi {
word-wrap: break-word;
position:relative;
margin: 0px;
padding: 0px 0px 4px 0px;
border-style: solid; 
border-width: 1px 0px 0px 0px; 
width: 100%;
border-color: #cdcdcd;
font-size : 12px;
font-style : normal;
text-decoration : bold;
font-family : Verdana,sans-serif;
background-color: #E0DED0;/*#F0EEE0 939393*/
color: #000000;
z-index=-1;


}

div#chatviestinaika {
  font-size : 7px;
  position: absolute;
  right: 0%;
  top: -3px;
  text-align: center;
}

div#hashtag_passive {
/*width: 50;
position:relative;*/
margin: 0px;
padding: 0px 0px 0px 0px;
border-style: solid; 
border-width: 2px 1px 1px 1px; 
/*width: 100%;*/
border-color: #535353;
font-size: 12px;
font-style: normal;
text-decoration: bold;
font-family: Verdana,sans-serif;
color: #333333;
background-color: #cccccc;/*rgba(255, 255, 255, 0.60);*/
border-radius: 5px 5px 0px 0px; 
z-index:3; 
}

div:hover#hashtag_passive {
background-color: #dddddd;
border-width: 2px 1px 1px 1px; 
padding: 0px 0px 1px 0px;
border-color: #E0DED0;
}

div#hashtag_active {
/*position:relative;
width: 50;*/
margin: 0px;
padding: 0px 0px 1px 0px;
border-style: solid; 
border-width: 2px 1px 0px 1px; 
/*width: 100%;*/
border-color: #535353;/*#cdcdcd;*/
font-size : 12px;
font-style : normal;
text-decoration : bold;
font-family : Verdana,sans-serif;
color: #333333;
background-color: #ffffff;/*#F0EEE0 939393*/
border-radius: 5px 5px 0px 0px; 
z-index:3; 
}
div:hover#hashtag_active {
background-color: #dddddd;
border-width: 2px 1px 1px 1px; 
padding: 0px 0px 1px 0px;
border-color: #E0DED0;
}