/*
    ________________________________________________________
   |   .otsake < - 750px - >   height : 70px
   |________________________________________________________
   |.left  ,__.sivupalkki___________________________________
   |       , .page                                    .right
   |.      ,   
   |m      , 
   |a      ,
   |i
   |n
   |m
   |e
   |n 
   |u

*/


/*  Y L E I S E T    T Y Y L I M ��R E E T */

body {
   width : 95%;
   height : 100%;
   margin : 0px;
   padding : 0px;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:76%;
   
}
/* .page { color: #3f3f3f; } */
.page { color: #2b2b2b; font-size: 1.1em; } 

 .uutiset { font-size: 0.9em; } 

#siteArea {
   position: absolute;
   width: 900px;
   background-color : #FFFFCC;
   height : 650px;
      border-right : 1px solid #FFCC00;
   border-bottom : 1px solid #FFCC00;

}

.spacer { clear: both; width : 100%; height: 1px; line-height: 1px; }

/* Kuvien kehykset pois ja piiloon kartta ja huivi */
img {border : none;}
.leftimg {display: none}
#huivi {display : none}

.check-field { display: none; } 
.left {
   z-index: 90;
   position : absolute;
   left : 2px;
   top  : 200px;
  
   width : 149px;
   border : none;
}

.page .column-left { float: left; width : 330px; margin: 0; padding: 0; }
.page .column-right { float: left; width : 330px; margin: 0; padding: 0; }
#kulma {
   position : absolute;
   left:2px;
   top : 200px;
   z-index : 90;
   border : none;
   border-left : 1px solid #000;
   border-top : 1px solid #000;
}

.virhe {background-color: #FFE1DD;}
.disabled {background-color: #fdf5e6; color:#c0c0c0;}
.otsake {
      position : absolute;
      width : 845px;
      height : 190px;
      top  : 4px;
      left : 2px;
      padding : 0px;
      margin  : 0px;
      background-image:url(../img/200709kokabanneri.png);
      background-position: center center;
      background-repeat:no-repeat;
      

}

.right {position: absolute; right : 50px}


/* ITSE SIVUN SIS�L� M�REET */

.page {
   position : absolute;
   left : 153px;
   top  : 216px;

   padding : 10px;
   margin-bottom : 1em;
   width : 674px;
   
   border : 1px solid #000;
   border-top : none;
   
   background-color : #FFF;
   min-height : 550px;
   z-index : 90;
}

.extraImage {
   position : absolute;
   z-index : 80;
   top : 250px;
   left : 820px;
}

.page h1, .page h2, .page h3, .page h1 a, .page h2 a, .page h3 a{
   color : #3e649c;
   display : block;
   margin: 0px;
   padding-top : 0px;
   border-bottom : 1px solid #D3D3D3;
   font-weight : normal;
   font-size : x-large;
   text-decoration:none;
}

.page h2, .page h2 a
{
   font-size : large;
   border : none;
}

.page h3, .page h3 a {
   border : none;
   font-size : medium;
}

.page img {
	clear : right;
   border : 1px solid black;
   margin : 5px;
   width : 48%;
   float : right;
}

   .page table {
      width : 98%;
      border: 1px solid #000;
      background-color : #FFFDEF;
      margin-bottom : 30px;
}

  .page pre {
      border: 1px dashed #036;
      background: #eee;
      padding: 6pt;
      font-family: ProFont, Monaco, Courier, "Andale Mono", monotype;
      font-size: 9pt;
   }

.page table td {
   vertical-align : top;
}

.page  blockquote {
      border: 1px solid silver;
      background: #eee;
      margin: 4px;
      padding: 4px 12px;
}

.page #toc {
   border: 1px solid #ccc;
   background-color: #eee;
   padding: 2em;
   margin-bottom: 2em;
}

.cap {
   background-color : #FFF;
   border-bottom    : 2px solid #CCC;
   font-weight : bold;
   font-size   : 14px;
}

.page td {
   border-right : 1px solid #CCC;
   border-bottom : 1px dotted #D1D1D1;
}


.title {
   background-color  :#FFF3D1;
}
.title td{
   border-bottom : 1px solid #D6CCAF;
   border-top : 1px solid #D6CCAF;   
}

.page table.blanktable {
   border : none;
   background-color : transparent;
   margin : 0px;
}

.blanktable tr td { 
   border : none;
   border-bottom : 1px dotted #D1D1D1;
}


.sivupolku {
   position : absolute;
   display : block;
   
   left : 153px;
   top  : 200px;
   height : 15px;
   width: 674px;
   padding-left : 10px;
   padding-right : 10px;
   
   border : 1px solid #000;
   border-bottom : none;
   background-image : url(img/tausta_pysty.jpg);
   background-repeat: repeat-x;
   /*background-color : #E8E8E8;*/
}

.sivupolku a {color : #000;text-decoration: none;}

.ylapalkki {
   background-image : url(img/tausta_pysty.jpg);
   background-repeat: repeat-x;
   margin : 0px;
   height : 15px;
   width : 133px;
   padding-left : 18px;

   border-top : 1px solid #000;
}


 /*  P�VALIKKO  */
 
    .mainmenu, .lisapalkki{
      margin : 0px;
      margin-left : 0px;
      
      
      width : 124px;
     
      padding : 5px;
      padding-left : 20px;
      background-color : #cad5fa;
   }

   .mainmenu {
      background-image : url(img/tausta_sivu.jpg);
      background-repeat : repeat-y;
      border-left : 1px solid #000;
   }   
   
   .mainmenu li {
      padding-top : 0px;
      list-style-type : none;
   }
   
   .mainmenu ul li {
      list-style-type : none;
      padding-top : 0px;
      border : none;
   }
   
   .mainmenu ul {
      margin-right : 3px;
      border-bottom : 1px dashed #fff;
   }
   
   
   
   .mainmenu a {
      color : #473737;
      text-decoration : none;
   }
   
   .mainmenu a:hover { text-decoration : underline; }
   
   li.alavalinta, li.valinta, li.valinta a{
      font-weight : bold;

   }
   
   .mainmenu ul {
      padding-left : 18px;
      margin-left : 0px;
   }
   
   .mainmenu li {
      list-style-type : none;
   }
   
   .valinta{
      list-style-image : url(img/nuolisivulle.gif);
   }
   .mainmenu ul li.valinta{
      list-style-image : url(img/nuolisivulle.gif);
   }
   .mainmenu ul li {
      list-style-image : none;
      font-weight : normal;
   }

   .valinta ul {
      font-weight : normal;    
   }
   
   .alavalinta{
         list-style-image : url(img/nuolialas.gif)
   }

   
   
/* SIVUPOLKU & LOGIN */

.login, .kirjautumisruutu {
   
   margin : 3px;
   padding : 0px;
}

 .mainmenu input[type=submit]
 {
      border: 1px solid #fff;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      margin-top : 3px;

 }
.kirjautumisruutu input, .login input{
  margin : 0px;
  padding : 0px;
/*  background-color : transparent; */
  height : 20px;
  width  : 100%;

  border: 1px solid #fff;
  border-left: 1px solid #000;
  border-top: 1px solid #000;

}

.yhteystiedot {
   z-index : 95;
   border-top : 1px solid #000;   
   margin : 0px;
   padding : 0px;
   padding-left : 20px;
   padding-top :  10px;
   
}


.yhteystiedot li{
   padding : 0px;
   display : block;
   font-style : italic;
   color : #656565;
   margin-right : 20px;
}

.yhteystiedot li a {color : inherit; text-decoration: none;}


/* UUTISET */
.uutiset {
   margin : 0px;
   margin-right : 10px;
   margin-bottom : 10px;
   
   border : 1px solid #7a97cc;
}
.uutiset .otsikko {
/*   display : block;
   background-image : url(img/tausta_vaaka_2.jpg);
   background-repeat: repeat-x;
   height : 20px;
   text-align : center;
   padding-top : 2px;
*/
   display : block;
   background: url(img/bg_otsikko1.png) no-repeat center center #171d9c;
   height : 20px;
   text-align : center;
   padding: 2px 0;
   color : #FFF;
   letter-spacing : 3px;
   font-size : 110%;
   
}
.uutiset .otsikko a { color : #fff; }

div.uutiset span.uotsikko, div.uutiset span.uotsikko a {
   color : #33652E;/* puolukka #A30A3A;*/
   display : block;
   margin : 0px;
   padding : 2px;
}

div.uutiset a {   text-decoration: none; }
div.uutiset a:hover {   text-decoration: underline; }
div.uutiset span.uotsikkoSmall {
	font-size: 8pt; 
	margin-left: 2px; 
	margin-bottom: 3px;
}

div.uutiset span.uotsikkoSmall .lisatty {
   display: block;
   float : left;
   width : 3em;
   padding-left: 5px;
}

div.uutinen0 a:hover, div.uutinen1 a:hover { text-decoration : none; display: block; }

div.uutinen0 .uotsikko a:hover, div.uutinen1 .uotsikko a:hover {text-decoration : underline;  }

div.uutiset div {
   border-bottom : 1px dashed #BCC5D6;
   margin : 0px;
   padding : 2px;
   padding-bottom : 10px;
}

div.uutiset div p {margin: 0px; padding: 0px; margin-bottom: 10px;}

div.uutinen0 a, div.uutinen1 a {
  text-decoration: none;
  color: black;
}

div.uutiset div.uutinen1, div.uutiset li.uutinen1 {
     background-color :  #fffff8;
    /* background-color :  #eeeee0; */
}

div.uutiset div.uutinen0, div.uutiset li.uutinen0 {
    background-color :  #ffffeb;
}

div.uutiset li {
   border-bottom : 1px dashed #BCC5D6;
   margin : 0px;
   padding-bottom : 5px;
   padding-top : 5px;
}

div.uutiset li a {
   text-decoration : none;
   color : #003365;
}

div.uutiset li span.ufooter {
   font-size : 80%;
}

div.uutiset div.uutinensel, div.uutiset li.uutinensel {
   background-color : #faffe5;   
   border : 1px solid black;
}

div.uutiset span.ufooter, ul li a span.ufooter, div.uutinen span.ufooter {
   color : #003365;
   padding : 0px;
   margin : 0px;
   display: block;
}

div.uutiset div p {
   padding: 3px;
}

/* UUTIS & TIEDOTELISTAUKSET*/
div.uutiset#tiedotteet {
   width : 63%;
}

/*
div.uutiset#tiedottelista{
   width : 30%;
   padding : 0px;
   margin : 0px;
}
*/

div.uutiset#tiedottelista{
   position: fixed;
   left: 595px;   
   width : 250px;
   height : 500px;
   padding : 0px;
   margin : 0px;
   overflow: auto;
   
}

div.uutinen p#ingressi {
   font-weight : bold;
}
div.uutiset#tiedottelista ul {
   padding : 0px;
   margin : 0px;
   list-style-type : none;
}

div.uutiset#tiedottelista ul li{
   padding-left : 10px;
   margin : 0px;
}

/* RYHM�IVUN TYYLIT */
            .toimsu {width : 98%}
            #totsikko{width : 70%}
            #tpaikka{width : 26%}
            
            .ryhma {
               margin-top : 20px;
               clear : left;
            }
            
            .ryhma img {
               width : 20%;
               display : block;
               float : left;
               margin-bottom : 20px;
            }
            
            h2.ryhmalaji {
               float : left;
            }
            
            .page h2 {
               padding : 0px;
               clear : left;
               margin-top : 10px;
            }
            
             input[type=submit] {
/*                  background-color : transparent; */
                  border : 1px solid #CCC;
             }
             
         input.rotsikko {
/*            background-color : transparent; */
            width : 80%;
            font-size : x-large;
            font-family : "Luxi Sans" , serif;
            font-weight : normal;
            border : none;
            border-bottom : 1px solid #D3D3D3;
            color : #003365;
         }
         
         #perustiedot table {

            float : left;
            margin-top : 30px;            
            margin-bottom : 20px;
         }
         
         #perustiedot .title {
            font-weight : bold;
         }
         
         #ryhmakuva {
            margin-top : 0px;
            padding : 0px;
         }
         #ryhmakuva img {
            margin : 10px;
            width : 50%;
            clear : left;
         }
         
         #ryhmakuva input {
            position : absolute;   
            right : 0px;
         }
         
         textarea {
            border : 1px solid #CCC;
            font : 13px verdana, "arial"; 
            width : 95%;
         }
         textarea#webtext{display : block; background-color : transparent;}
         
         #ingressi {
            font : 14px verdana, "arial"; 
            font-weight : bold;
            font-style: italic;
            width : 95%;
         }
         
         .selite {
            font : 12px verdana, "arial"; 
            color : #A9A9A9;
            margin-top : 0px;
         }
         
         .tekstit {
            float : left;
            background-color : transparent;
            border : none;
         }
         
         .ryhmatapahtumat {
            margin : 10px;
            padding : 0px;
            width : 50%;
            clear :left;
            clear : right;
            float: right;
            border : 1px dashed grey;
            font : 12px verdana;
            background-color : #E5E5E5;
         }
         
         .ryhmatapahtumat legend{
            font : 13px Arial;
            
         }
         
         .ryhmatapahtumat .otsikko {
            display : block;
            color : #003365;
            margin: 0px;
            padding : 0px;
            padding: 3px;
            border-bottom : 1px solid #003365;
            background-color : #FFF3D1;
         }
         
         .ryhmatapahtumat p {
            padding : 0px;
            margin : 0px;
            
            padding-left :15%;
            padding-bottom : 3px;
         }
         .ryhmatapahtumat .luonti {
            display : block;
            background-color : #D3D3D3;
            padding-left : 5px;
         }
         
         .ryhmatab{
            display : inline; 
            padding : 0px;
            margin : 0px;
            margin-right : 10px;
            margin-bottom : 5px;
            border-bottom : 1px solid black;
         }
         
         .tab{
            width : 100px;
            height : 15px;
            
            margin  : 0px;
            
            padding : 10px;
            padding-top : 0px;
            padding-bottom : 0px;
            
            background-color : #cad5fa;   
            background-image : url(img/tabi_kulma.gif);
            background-repeat: no-repeat;
            background-position :top left;
            
         }
         
         .tabsel {                    
            width : 100px;
            height : 15px;
            
            
            margin  : 0px;
            
            padding : 10px;
            padding-top : 0px;
            padding-bottom : 0px;
            
            background-image : url(img/tausta_pysty.jpg);
            color : #000;
         }
         
        .tabdis {
            width : 100px;
            height : 15px;
            
            margin  : 0px;
            
            padding : 10px;
            padding-top : 0px;
            padding-bottom : 0px;
            
            background-color : #CCC;
            color : #888888;
            background-image : url(img/tabi_kulma.gif);
            background-repeat: no-repeat;
            background-position :top left;
            
            
         }

         .ryhmatab a{
            color : #000;
            text-decoration : none;
         }

/* TASSU-SIVU */            
   table.tassu {
      padding: 0px; 
      margin: 0px; 
      margin-bottom : 10px;
      width : 98%;
    }
    
    table.tassu img {width: 50px}
    
    
   .tassuotsake {
      margin : 0px; 
      padding : 2px;
    }
   
    
   .tassuotsake li {
      margin : 0px; 
      padding : 0px; 
      display : inline; 
      margin-right : 10px;
    }

   .tassuttelu {
      background-image : url(img/tassu_left.gif);
      background-repeat: no-repeat;
      background-position : right bottom;
   }
   
   #tassulomake #subjectField { display: none; } 
   #tassulomake input[type=text] {
            width : 99%; 
            background-color : transparent;
            border : 1px solid grey;
            height  : 14px;
   }
   #tassulomake textarea {
            width : 99%; 
            background-color : transparent;
            border : 1px solid grey;
   }

   #tassulomake  input[type=submit]
   {
      background-color : transparent;
   }
         
         
/* KOLOT SIVU */
.kolo img {width : 200px;}
.kolo {display: block; width: 500px; margin-bottom : 30px;}

/* TAPAHTUMIEN MUUTTUMINEN */
.muuttunutaika {background-image:url(img/modtahti.gif); background-position: top left; background-repeat:no-repeat;}

/* Tapahtuman lähetä sähköpostilla */
.kalenterivaraus .emailaddress { width: 50%; }
/* KokaWikillä renderöityjen kuvien tyylit */
/* HUOM! purkkaviriviri lis�tty wikin Image.php renderluokkaan, josta siis tarvittaessa style="width: " :( */
.wikiImage, .wikiImageblank {
	margin : 0px;
	padding : 0px;
	clear : right;
	float : right;
	border : 2px solid #CDCDCD;
	/* max-width : 350px; */
}

.wikiImageblank { border: none;}

.clear { clear : left;  }

.wikiImage img, .wikiImageblank img{
	clear : right;	
	margin : 0px;
	padding : 0px;
	width : 100%;
   /* max-width : 350px; */
	border : none;	
}

.wikiImage p{
	width: 100%;
	clear : right;
	margin : 0px;
	padding : 5px;
   font-style: italic;
}

#previewArea {
	position : absolute;
   left : 130px;
   top  : -60px;

   padding : 10px;
   margin-bottom : 1em;
   width : 674px;
   background-color : white;
   border : 1px solid black;
   z-index: 95;
}

.kojuList .date { width : 300px; }
.kojuList .kojuTitle { width : 300px; }
.kojuList .size { width : 100px;  }

#tiedotearkisto .vuosilinkki { margin-right: 1.5em;}
.blockTitleLight { height: 20px; background:#171D9C url(img/bg_otsikko_light.gif) no-repeat scroll center; color : #fff; text-align : center; margin: 0; padding : 3px; }
.centeredContent { margin-left : auto; margin-right: auto; }
* html .centeredContent { text-align: center; }
.borderedBox { border: 1px solid #7A97CC; margin-bottom: 1.5em; }
/* Blogs */

.blogPost { float: left; width: 100%; margin: 1em 1em 1em 0em; border-bottom: 1px dashed #CCC;  }
.blogPost .blogpostimage { width : 120px; float:left; margin: 0 0.5em 1em 0; }
.blogPost .postText { margin: 1em 0; }
.blogPost .lead { margin: 0.5em 0; font-style: normal; }
.blogPost .lead a  { text-decoration: none; }
.blogPost .lead a:hover  { text-decoration: underline; }
.postinfo .category { font-weight: bold; }
.postinfo .poster { font-style: italic; font-size : 0.9em; display: block; }
.imageborder { width: 150px; margin-top: 1em; }
.blogList ul li.act a, .postList ul li.act { color : #383838; font-weight: bold; }
.blogpostimage img, .imageborder img {border: none; width: 100%; margin: 0; }

.imageArea { display: none; width: 454px; position: absolute; top: 10px; left: 10px; background-color:#FFFFCC;
border :1px solid #FFCC00; padding: 5px; margin-left: auto; margin-right: auto; }
.imageArea .toolBar {height: 15px; width : 100%;}
.imageArea .toolBar span { float: right; }
.imageArea img { width: auto; display: block; clear: both; }
.imageArea .imageInfo span { display: block; float: left; }
.imageArea .imageInfo span.label { width : 20%; }
.imageArea .imageInfo span.value { width : 75%; }

.imageborder .b, .l, .r, .bl, .br, .tl, .tr{margin: 0; padding: 0;}
.imageborder .b {background: url(img/imageborder/bg_border_b.gif) 0 100% repeat-x; }
.imageborder .t {background: #fff url(img/imageborder/bg_border_t.gif) 0 0 repeat-x;}
.imageborder .l {background: url(img/imageborder/bg_border_l.gif) 0 5px no-repeat; }
.imageborder .r {background: url(img/imageborder/bg_border_r.gif) 100% 5px no-repeat; }
.imageborder .bl {background: url(img/imageborder/bg_border_bl.gif) bottom left no-repeat; }
.imageborder .br {background: url(img/imageborder/bg_border_br.gif) bottom right no-repeat;}
.imageborder .tl {background: url(img/imageborder/bg_border_tl.gif) 0 0 no-repeat; }
.imageborder .tr {background: url(img/imageborder/bg_border_tr.gif) 100% 0 no-repeat; height: 100%;  padding: 5px 6px 6px 5px;}


.columnContainer { float: left; width : 100%; margin: 0; padding: 0;}
.columnContainer .leftColumn { float: left; width: 454px;  margin: 0; padding: 0;}
* html .columnContainer .leftColumn { float: left; width: 400px; }
.columnContainer .rightColumn { float: left; width: 200px; margin-left : 20px; }

/* Jakelulista */ 
.commentsRow { display: none; }

.infoBox { display: none; position : absolute; top :0; left: 0; }
.page .infoBoxTrigger {  border: none; float: right; width: 15px; height: 15px; }

/* Qaikut */ 
.qaikus div.uutiset div { border: none ; padding: 0 ; margin : 0;} 
.qaikus div.uutiset div.qaikuMsg { padding : 3px; border-bottom : 1px dashed #BCC5D6; margin-top : 5px; }
.qaikus .authorImg { width : 40px;}
.qaikus .authorImg img { clear: both; width : 40px; float : left;  margin : 0; padding : 0 10px 0 5px ; border : none;  }
.qaikus .msgText { width : 240px; float: left; padding: 0; margin : 0; border: none; }
.qaikus .qaikuHeader { color : #CC9900; font-style : italic; }