/*
body {

	font-family: verdana, arial, tahoma;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	 background: #76b852; 
  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  background: -moz-linear-gradient(right, #76b852, #8DC26F);
  background: -o-linear-gradient(right, #76b852, #8DC26F);
  background: linear-gradient(to left, #76b852, #8DC26F);
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
	background-size: 100%;	
	}
*/


#datepicker_asiakas {
	margin-top: 1px;
	margin-left:1px;
	
}

.ui-datepicker select.ui-datepicker-year {
	margin-left: 2px !important;
	width: 28% !important;
	border: 1px solid #aaa !important;
	font-weight: normal !important;
	text-align:center !important;
	font-size: 65px !important;
	margin-right:30px !important;
}

.ui-datepicker select.ui-datepicker-month {
	width: 42% !important;
	font-weight: bold !important;
	text-align:center !important;
	border: 1px solid #aaa !important;
	font-weight: normal !important;
	text-align:center !important;
	font-size: 65px !important;
	margin-left:30px !important;
}


.ui-datepicker-prev {
	background: url("kuvat/previous_button.png") repeat-x !important;
}

.ui-datepicker-next {
	background: url("kuvat/next_button.png") repeat-x !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 11.7em !important;
	height: 8.3em !important;
	background-size: 100% 100% !important;
	transform(3.4);
}

.ui-icon-circle-triangle-w { background-position: -80px -192px; display:none !important;}
.ui-icon-circle-triangle-e { background-position: -80px -192px; display:none !important;}

.ui-datepicker select.ui-datepicker-month option:checked {
	font-weight: bold !important;
	text-align:center !important;
	color:red !important;
}


.ui-datepicker-week-col {
	text-align:center;
	
}


.vapaat_ajat a {
	border: 1px solid #aaaaaa;
	background: #33aaff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x !important;
	font-weight: normal;
	color: white !important;
}

.ui-datepicker-current-day a {
	background: #57A24A url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x !important;
}

.ui-datepicker { 
	font-size:2.8em !important;
	
	
	}

.ui-datepicker-calendar thead tr th {
	padding:0.2em 0.2em;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	width:99%;
}

.ui-datepicker-calendar tbody tr td a {
	font-size: 5.9em !important; 
	padding-left:1px;
	padding-right:1px;
	text-align:center;
}

.ui-datepicker-calendar tbody tr td span {
	font-size: 6.25em !important; 
	padding-left:1px;
	padding-right:1px;
	text-align:center;
}

#ui-datepicker-div{
	z-index:100 !important;
}

.ui-datepicker table {
	width: 100%;
	font-size: 1.25em !important; 
	border-collapse: collapse;
	margin: 0 0 .4em;
}


.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important;
	font-weight: normal;
	color: #212121 !important;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em !important;
	line-height: 2.8em !important;
	text-align: center !important;
}

#containeri_elementti_vapaat_ajat {
	text-align:center;
	width:100%;
	margin-top:20px;
	
}


#ota_yhteytta {
	margin-bottom:15px;
}

#containeri_elementti_vapaat_ajat h1 {
	font-size:6.0em;
	text-align:center;
	margin:auto;
	color:#57A24A;
	background-color:#F9F9F9;
	padding:7px;
	width:900px;
}


.kellonaika {
	height:80px;
	line-height:80px;
	width: 400px;
	margin:auto;
	text-align:center;
	cursor:pointer;
	background-color:white;
	font-size:5.0em;
	padding-left:150px;
	padding-right:150px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	display:block;
	color:#57A24A !important;
}


.vihrea_tausta {
	background:green important;
}

.kellonaika:hover {
	background-color:#57A24A;
	color:white !important;
}

.kellonaika:hover a{
	color:white;
}

.kellonaika a:hover {
	color:white;
}


.paiva_elementti {
	height:20px;
	width: 300px;
	margin:auto;
	text-align:center;
	cursor:pointer;
}

.kellonaika_elementti {
	display:none;
	background-color:white;
	z-index:1;
}

.paivamaara_elementti {
	background-color:white;
	z-index:1;
}


p {
	margin: 0 0.5em 1.2em 0.5em;
	}

a {
	text-decoration: none;
	color: #004d7d;
	}

a:hover {
  color: #da251d;
  text-decoration: none;
	}
	
	
#viestit {
	margin-top:15px;
	margin-left:15px;
	overflow:auto;
	background:#F1F3F6;
	border-collapse: collapse;
	font-size:12px;
}

#viestit tr td {
	border:1px solid grey;
	text-align:left;
	padding:5px;
}	

#viestit th {
	border:1px solid grey;
	padding:5px;
	font-size:12px;
	text-align:center;
}	
	
	
div#copyright {
	color: #004d7d;
	font-family: verdana;
	text-align: center;
	vertical-align: middle;
	padding: 0.4em 0 0.6em 0;
	border-top:1px solid gray;
	font-weight:bold;
	background: #efefef url("kuvat/alapalkin_tausta.gif") top repeat-x;
	border-bottom: 1px solid #FFFFFF;
	float:bottom;
	margin-top:50px;
}			

	
div#base_area {
	 background: #76b852; /* fallback for old browsers */
  background: -webkit-linear-gradient(right, #76b852, #8DC26F);
  background: -moz-linear-gradient(right, #76b852, #8DC26F);
  background: -o-linear-gradient(right, #76b852, #8DC26F);
  background: linear-gradient(to left, #76b852, #8DC26F);
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
	margin: 7px auto;
	margin-top: 0px;
	width: 100%;
    border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-bottom: 20px;

	}	
	
	
	
.vanhat_ja_tulevat_varaukset_otsikko{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color:#3a3a3a;
  /*color:#686161;*/
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  height:20px;
  margin-top:30px;
  margin-left:5px;
  background:transparent;
  width:95%;
}	
	
	
div#base_area3 {
	
	float:center;
	background: transparent;
    padding: 0;
	width: 100%;
	background-image: url("kuvat/tausta_lahjakortin_tilaus.jpg");
	background-repeat: no-repeat;
	

	}	
	
	
	
div#base_area2 {
	
	float:center;
	background: transparent;
    padding: 0;
	width: 100%;

	}		
	
div#navi {
	
	
	width: 100%;
	height: 0px;
	position:absolute;
	top:0px;

		}

		
		
.otsikko {

	margin-top: 0px;
	margin-left: 216px;
	margin-right: 10px;
	margin-bottom: 2em;
	
	
}


.sininen_tausta {

	background: #DCE4E9;
	border: 1px solid #838886;
	
	
}


.ylos {
	
	
vertical-align:top;
	
}


.asiakastiedot{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 9px;
  width:95%;
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
  border-style: outset outset outset outset;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color:rgba(255,255,255,0.7); 
 
  
  

}

.asiakastiedot td {

	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
		


.kello_solu 
	{ 
	text-align: center; 
    border-bottom: 1px solid black; 
    border-right: 1px solid black;
    background-color: #B6C9EA; 
    font-size : 0.8em; 
    width:5%;
    background: #dfe2ea;    
    
    } 
    
.oikeanpuoleinen_kello_solu   
   {
	   
	text-align: center; 
    border-bottom: 1px solid black; 
    border-right: 1px solid black;
    border-left: 1px solid black;
    background-color: #B6C9EA; 
    font-size : 1.2em; 
    width:5%;
    background: #dfe2ea; 	   
   } 
    
    
.teksti_ylhaalle 
	{ 
	vertical-align:top;
    }    
    
	
    
.varattu_solu 
	{ 
    border-right: 1px solid black; 
    border-bottom: 1px solid black; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight:bold;
    height:45px;
    text-align:center;
    background: #e7e6ee url("kuvat/varausmerkki.gif") no-repeat top left;
    }
    

    
    
        
.varattu_solu2 
	{ 
    border-right: 1px solid black; 
    border-bottom: 1px solid black; 
    background-color: #eeeeee; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #15476a;
    }    

.varaa_solu 
	{ 
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: black;
    white-space: nowrap;
    text-align:center;    


    }
    
    
	

<!-- t�st� alkaa hoitotieto taulujen tyylim��ritykset -->    
    
.paivamaara_solu
	{
	border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #7195C5; 
    text-align: center;
    color: white;
    font: bold;	
	}

.otsikko_rivi { 
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #7195C5; 
    color: white;
    text-align: center;
    font: bold;
    }
    

.otsikko_rivi_sin {
	border-top: 1px solid black;
	border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #7195C5; 
    color: white;
    text-align: center;
    font: bold;	
	}       
    
	
	
.otsikko_rivi_viol 
	{
	border-top: 1px solid black;
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #C571C4; 
    color: white;
    text-align: center;
    font: bold;
    } 	

.sisalto_solu 
	{
	border-right: 1px solid black; 
	border-bottom: 1px solid black;
    background-color: #FFFFF; 
    color: black;
    text-align: center;
    
    }    

    
.toinen_otsikko_rivi 
	{
	
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #C571C4; 
    color: white;
    text-align: center;
    font: bold;
    }     
    
.ala_otsikko_rivi 
	{
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #C571C4; 
    color: white;
    text-align: center;
    font: bold;
	}
    
.otsikko_fontti 
	{
	font-size : 20px;		
	font: bold;	
	}

.otsikko_fontti2 
	{
	font-size : 20px;		
	font: bold;	
	color: red;
	}	
	
		
.kalenteri_fontti 
	{
	font-size : 0.8em;		
	font: bold;	

	
	
	}	
		            
    
	
.select_valikko

   {
   width : 626px;
   background-color: #FFFFFF;
	   

   }
   
.Toimenpide_select_valikko   

	{
		
   margin-left:5px;	
	}	
		
.search_form   

	{
		
	padding-left: 12px;
		
			
	}
	
	
.LSRes{
	
	
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #15476a;
  font-weight: bold;

	
	
}




.ajanvaraustaulukon_otsikko{


	
	
}



.viikon_ja_paivan_vaihtaminen{
	
	
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  white-space: nowrap;	
padding-left:60px;
	
	
}	



.hinta_ja_kesto_tiedot{
	
	
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;

	
	
}

.ajanvaraustaulukon_otsikko{
	

  text-align: left;margin-left:90px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  width:100%;

	
	
}


.tiedot_toimenpiteesta{
	
  padding-top:0px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color:black;
  font-weight:bold;
  border:1px;

	
	
}


.ajanvaraustaulukon_otsikko_admins{
	
  float:left;
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  width:100%;
  color:black;
  font-weight:bold;
	
	
}


.Toimenpide_taulukko{
	
	

  padding-top: 25px;
  white-space: nowrap;	

	
	
}


.taulukko_valitse_asiakas{
	
  vertical-align:top;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #15476a;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  height:70px;

	
	
}


.oikeanpuoleinen_kello_otsikko_solu 	
	{
	border-left: 1px solid black; 	
	    
 	}   
        
.kello_otsikko_solu, .oikeanpuoleinen_kello_otsikko_solu
	{ 
	border-top: 1px solid black; 	
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background-color: #7195C5; 
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #15476a;
    background: url("kuvat/mmenu_bg2.gif");     
    height:28px;
        }
    
    
   
.nimi_solu 
	{ 
		
	border-top: 1px solid black; 		
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background: url("kuvat/mmenu_bg2.gif"); 
    text-align: center;
    font-weight: bold;
    height:13px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 15px;    
    
	}      

		
	
.nimi_solu a{
	
	
font-size:13px;
font-family: Verdana, Arial, sans-serif;	
	
}

.ala_kello_otsikko_solu, .oikeanpuoleinen_ala_kello_otsikko_solu
	{ 

    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #15476a;
    background: url("kuvat/mmenu_bg2.gif");     
    height:28px;    
    } 
    
.oikeanpuoleinen_ala_kello_otsikko_solu

	{
		
		
	border-left: 1px solid black; 	
		
		
		
		
	}    
    

.ala_nimi_solu 
	{ 
	
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    background: url("kuvat/mmenu_bg2.gif"); 
    text-align: center;
    font-weight: bold;
    height:13px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 15px;  
	}
	
    
.ala_nimi_solu a{
	
	
font-size:13px;
font-family: Verdana, Arial, sans-serif;	
	
}	    



.taulukko_asiakkaat{
	
  vertical-align:top;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  height:70px;

	
	
}




.perus_fontti{
	
	
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;	
	
	
	
}	



.taulukko_asiakkaat2{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  min-height:70px;
  margin-left:10px;
  margin-top:20px;
  background-image:url("kuvat/tausta.png");
  /*background-color:#DCE4E9;*/
  width:95%;
  border: 1px solid #838886; 
  padding-top:10px;
  padding-bottom:10px;
-moz-border-radius: 15px;
border-radius: 15px;
  
  
}






.menneet_varaukset{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 8px;
  
  border-width: 1px 1px 1px 1px;
  border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;



}


.menneet_varaukset td{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


.varaukset_otsikko{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 8px;	
  margin-top:10px;	
  text-decoration:none;
	
}

.ei_ole_varauksia_ilmoitus {
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 9px;
  margin-bottom:20px;
  	
	
	
	
}


.sivutus{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 8px;	
}


.menneet_varaukset_otsikko_solu {
	

    background: url("kuvat/mmenu_bg.gif"); 
    text-align: center;
    font-weight: bold;
    height:13px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color:black;	
	
	
}


.tulevat_varaukset{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 9px;


}

.back_button {
  color             : #996600;
  font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url(kuvat/but.gif);
  white-space       : normal;
  font-weight       : normal;
  border            : 1px solid #DADDD0;
  padding-bottom    : 4px;
  padding-left      : 10px;
  padding-right     : 10px;
  padding-top       : 4px;
  margin-right      : 4px;
  float             : left;
  font-weight       : normal;
  line-height       : 10px;
  text-decoration   : none; 
}



.taulukko_kayttajatiedot{
	
	
margin-left: 10px;	
	
}


.kayttajatieto_taulukko{
	
	
margin-left: 10px;	
	
	
}




.taulukko_kayttajatiedot td{
	

  

	
}

.tulevat_varaukset_otsikko_solu {
	

    background: url("kuvat/mmenu_bg.gif"); 
    text-align: center;
    font-weight: bold;
    height:13px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px; 


}






.taulukko_asiakkaat3{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  height:70px;

	
	
}


.taulukko_valitse_asiakas2{
	
  vertical-align:top;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #15476a;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  height:70px;

	
	
}


.ajanvaraustaulukko{
	
background:##F5F4F0;
border:0;
width:100%; 
float:left;
background:white;
z-index:2;	

}

	

.valikko_taas{
	
padding: 30px;	
	
}


  	
   
   
TR.header {
  background: #000000; 
}

TR.headerNavigation {
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.headerNavigationBtn {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #15476a;
  font-weight: bold;
  padding-left: 9px;
  padding-right: 9px;
  white-space: nowrap;
}

TD.headerNavigationBtnSel {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #15476a;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;

}


TD.headerNavigationBtnSel2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #15476a;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;

}





.kalenteri {
	
margin-top:0px;		
padding: 0px;
background: url("kuvat/photo_blueclock.jpg");
width:150px;
height:150px;
vertical-align:top;

}

.kalenteri td {
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #15476a;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;

	
}

	


A.headerNavigation { 
  color: #15476a;
  text-decoration: none;
}
A.headerNavigation:visited { 
  color: #15476a;
  text-decoration: none;
}
A.headerNavigation:hover {
  color: #da251d;
  text-decoration: none;
}

td.headerSubMenuBtn {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
}

a.headerSubMenu {
  color: #000000;
  text-decoration: none;
}
a.headerSubMenu:visited {
  color: #000000;
  text-decoration: none;
}
a.headerSubMenu:hover {
  color: #da251d;
  text-decoration: none;
}
span.headerSubMenuSel {
  color: #ba2019;
  font-weight: bold;
}



.taulukko_vasemmalle {
	
float:left;

}


.taulukko_oikealle {
	
		
float:right;



}



/* --- leip�teksti --- 

p, td, ol, ul, dl, div {
	font-family: Verdana, Arial, Sans-Serif;
	letter-spacing: 0px;
	font-size: 13px;
}

p {
	line-height: 15px;

	margin-top: 0;
	margin-bottom: 10px;
}
*/
/* --- kuvia koskevat s��nn�t --- 

h4 {
	font-size: 12px;

	padding-top: 10px;
	margin-top: 0;
	margin-bottom: 5px;
}
*/
/* --- leip�tekstiss� ja listoissa olevat boldaukset --- 
p b, li b, label b {
	color: #F68C00;
}
*/

div.picture a {
}

div.picture img {
	border: 1px solid #667A8F;
	margin: 0;
}

div.box .content .innerborder table {
	margin-top: 10px;
}

div.box .content p {
	margin-top: 10px;
	margin-left: 20px;
}

/* Uudet boxit, joissa graafinen otsikko */
div.contentbox {
	margin-bottom: 10px;
}

div.contentbox div.boxtitle {
	border-bottom: 1px solid #667A8F;
	background-image: url("curvedtitlebackground_trans.gif");
	background-repeat: no-repeat;
	background-position: 0% -0%;
}

div.contentbox div.boxtitle h3 {
	margin: 0;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 3px;

	font-family: Arial, Sans-serif;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px; 
	
	color: #E2EBF1;
	border-bottom: 3px solid #182A3E;
}


div.contentbox div.boxcontent {
	border-top: 1px solid #14263A;1
	background: #3C556F;
	color: white;
	padding: 10px;
}

div.contentbox div.content {
	padding: 0 1em 0 75px;
}

div.contentbox div.content p,
div.contentbox div.content table {
	margin: 1em 0;
	line-height: 1.5em;
}

div.contentbox a img {
	border: 0;
}

div.toolbox {
	border-top: 1px solid black;
	background-color: #1F3145;
}

div.toolbox div.innerborder {

	border: 1px solid #667A8F;
	padding: 5px 10px 5px 10px;
}

div.toolbox p {
	margin-top: 5px;
	margin-bottom: 5px;

	padding: 0px;
}

table.grid {
	border-collapse: collapse;
}

table.grid td {
	vertical-align: top;

	padding: 1px;
	padding-bottom: 10px;
}

table.grid td div {
	padding-top: 2px;
	padding-bottom: 4px;
	text-align: center;
}

table.grid td div div {
	padding: 0;
}

table.grid div.nakymaton_major {
	background-color: #0f1c2c;
}

table.grid div.nakymaton_major img {
	filter: Alpha(opacity=40) Gray();
	-moz-opacity: .30;
	opacity: 0.40;
}

table.grid div.nakymaton img {
	filter: Alpha(opacity=40) Gray();
	-moz-opacity: .30;
	opacity: 0.40;
}

table.grid div.tools {
	margin-bottom: 3px;
}

table.grid div.stamp {
	margin-bottom: 1px;
	font-size: 9px;
}


.poista_kommentti {
	
color:red;
width:40px;
text-align:right;	

}


table.grid div.picture {
	position: relative;
	text-align: left;
}

table.grid div.picture div {
}

table.grid div.mask {
	position: absolute;
	display: block;

	width: 172px;
}

table.grid div.mask a {
	display: block;

	margin-left: auto;
	margin-right: auto;

	margin-top: 1px;
	margin-bottom: 1px;

	text-align: right;

	display: block;
}

table.grid div.mask a.hidden {
	opacity: 0.5;
	filter: Alpha(opacity=20);
	background: url("hiddenlayer.gif");
}

table.grid div.mask a img {
	border: none;
	margin: 2px;
}

table.grid div.caption {
	padding-top: 3px;
}





/* t�st� alkaa sivunvaihto css */

.tborder
{
	background-color: #D1D1E1;
	color: #000000;
	border: 1px solid #0B198C;
}
.tcat
{
	background-color: #CCCC99;
	color: #003399;
	font-weight: bold;
}
.tcat a:link
{
	text-decoration: font-weight: bold;
}
.tcat a:visited
{
	text-decoration: font-weight: bold;
}
.tcat a:hover, .tcat a:active
{
	text-decoration: font-weight: bold;
}


.thead
{
	background-color: #006699;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
.thead a:link
{
	color: #FFFFFF;
}
.thead a:visited
{
	color: #CCCCCC;
}
.thead a:hover, .thead a:active
{
	color: #CC0066;
}
.tfoot
{
	background-color: #3E5C92;
	color: #E0E0F6;
}
.tfoot a:link
{
	color: #E0E0F6;
}
.tfoot a:visited
{
	color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
	color: #FFFF66;
}
.alt1, .alt1Active
{
	background-color: #F1F1F1;
	color: #000000;
}
.alt2, .alt2Active
{
	background-color: #DFDFDF;
	color: #000000;
}
.wysiwyg
{
	background-color: #F5F5FF;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}


.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #666686;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background-color: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background-color: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #E4E7F5 url(kuvat/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #D5D8E5 url(kuvat/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background-color: #738FBF;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background-color: #BBC7CE;
	color: #000000;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background-color: #8A949E;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
	color: #FFFFFF;
	text-decoration: none;
}










/*kuvan tarkastelun css */


#kuvan_tarkastelu_tausta {
	clear: both;
	background: white;
	padding: 12px 18px 20px 18px;
	border-top: 1px solid #040609;
}


#isotaulukko td {
	vertical-align: top;
}



#isotaulukkoinfo {
	width: 400px;
	padding: 0;
}

#isotaulukko {
	border-collapse: collapse;
}

#isotaulukkoimage {
	width: 683px;
	padding-left: 18px;
}

#isotaulukkoimage img {
	border: 0;
}


div.tietoa_kuvasta {

    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: black;
    background: url("kuvat/mmenu_bg.gif");     
    height:28px; 
    border-top: 1px solid #5C6E81;
	border-bottom: 1px solid #5C6E81;
	border-right: 1px solid #5C6E81;
	border-left: 1px solid #5C6E81;	
 	
	
}

.kuvan_tarkastelu_kuva img{
	
margin-top:20px;
margin-bottom:20px;
float:center;
	
	
}





#profilebasicinfo .sisaltocss .sisalto2css {
	padding: 8px 10px 8px 10px;
}


div.box .sisaltocss {
	border-top: 1px solid #14263A;
	background: #3C556F;

	color: white;
}


div.kommentit {
	border-top: 1px solid #5C6E81;
	border-bottom: 1px solid #5C6E81;
	border-right: 1px solid #5C6E81;
	border-left: 1px solid #5C6E81;	
	
	background-color: #B6C9EA;
}

div.kommentit .tietoa_kuvasta_otsikko {
	display: none;
}

div.kommentit .sisaltocss {
	padding: 15px;
	background: url("commentgradient_lower.gif") 0% 100% repeat-x;
}

div.kommentit .sisalto2css div {
	margin-top: 1px;
	margin-bottom: 1px;
}

div.kommentit .stamp {
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	color: black;

	white-space: nowrap;
}


div.kommentit .oma {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: black;
    width: 600px;

}





#note_edit {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 250px;
	height: 100px;

	background: #3c556f;
	border: 1px solid #182a3e;
	
	padding: 5px;

	display: none;

	z-index: 250;
}


table.sample {
	border-width: 5px 5px 5px 5px;
	border-spacing: 5px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	border-collapse: separate;
	background-color: rgb(255, 255, 240);
	width:70%;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: ridge ridge ridge ridge;
	border-color: blue blue blue blue;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: ridge ridge ridge ridge;
	border-color: blue blue blue blue;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}



ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}



/*- Menu 10--------------------------- */
	
#menu10 {
	width: 200px;
	margin: 10px;
	}
	
#menu10 li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu10 li a:link, #menu10 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(menu10.gif);
	padding: 8px 0 0 10px;
	}
	
#menu10 li a:hover {
	color: #FF9834;
	background:  url(menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	


/* xxxxxxxxxxxxxxx*/	
	
	
.infoBox {
  background: #c3cad8; 
}

.infoBoxContents {
  background: #ffffff;
  font-size: 10px;
  background-image: url("kuvat/left_gradient_bg.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}

.infoBoxContents2 {
  background: #ffffff;
  font-size: 10px;
}

.infoBox2 {
  border: 1px solid #c3cad8;
  background: #ffffff;
  font-size: 10px;
  background-image: url("kuvat/left_gradient_bg2.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}

td.infoBoxHeading {
  font-size: 10px;
  color: #15476a;
  letter-spacing: 1px;
  font-weight: bold;
  background-image: url("kuvat/menu_bg.gif");
}

td.infoBox, span.infoBox {
  font-size: 10px;
}

.infoBoxBorder {
  border: 1px solid #c3cad8;
}

.infoBoxNotice {
  background: #FFFFFF; 
}

.infoBoxNoticeContents {
  background: #000000;
  font-size: 10px;
}	

font { font-size: 11px }

form {
  display: inline;
}



textarea {
  width: 100%;
  font-size: 11px;
}

h1 {
  font-size: 18px;
  font-weight: bold;
}

.pageHeading, h2 {
  font-size: 14px;
  font-weight: bold;
  color: #15476a;
}

.pageHeadingMid, h3 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

.pageHeadingSmall, h4 {
  font-size: 12px;
  font-weight: bold;
  color: #15476a;
}


span.errorText {
  color: #ff0000;
}

span.infoText {
  color: #8997b2;
}

.navyText {
  color: #15476a;
}

.semiText {
  font-size: 12px;
}

.maroonText {
  color: #9b1411;
}

.biggerText {
  font-size: 14px;
}

.kuvavalikko{

width:500px;		
float:right;
margin-top:10px;
 	
		
	
	
}

.solun_ylaosa{
	
	
	
}


.solun_alaosa{
	
margin-left:0px;	
margin-top:40px;
background-color:#FFFFF;
	
	
	
}


.solulle_border{
	
	

	
}



div#banneri{
	

background: #3D5664 url("kuvat/banneri.jpg") no-repeat;
background-repeat:no-repeat;
height:183px;
width:100%;
float:center;



	
	
}


.banneri{
	

background: #3D5664 url("kuvat/banneri.jpg") no-repeat;
background-repeat:no-repeat;
height:183px;
width:100%;


	
	
}


.kirjautuminen{
	
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 4px;
  height:70px;
  margin-left:10px;
  margin-top:20px;
  margin-bottom:40px;
  padding-top:10px;
  
  background-image:url("kuvat/tausta.png");
  /*background-color:#DCE4E9;*/
  border: 1px solid #838886; 
  padding-top:10px;
  padding-bottom:10px;
-moz-border-radius: 15px;
border-radius: 15px;
  
  

}









/* Essin tyylim��ritykset */

#container {width:758px; position:absolute; left:50%; margin-left:-379px;}
#header {height:165px; text-align:center; padding:7px 0 0 20px}
@media print {#header {display:none}}
#sidebar {float:left; border-right:1px dotted #ddd; width:200px;}
#content {border-right:1px dotted #ccc; padding:20px;  width:501px 



}
#footer {clear:both; background:url(kuvat/footer.gif) no-repeat; color:#FFFFFF; font-size:80%; height:27px; text-align:center; padding:4px}
#footer a {color:#FFFFFF; text-decoration:none;}

#mainos {padding:20px; font-weight:bold; width:150px; float:left;}

/*
a:link    { color: #0078c7; }
a:active  { color: #5FB6F8; }
a:visited { color: #0078c7; }
a:hover   { color: #5FB6F8; }


h2 {font-size:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; border-bottom:1px solid #C5E9FF}
h3 {background:#C5E9FF; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:1px 1px 1px 3px;}
.date {color:#666; font-size:80%}
*/
/* pudotusvalikko */
#menu {list-style-type:none; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;}
#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; padding: 0px 5px; font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}
#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;}
#menu dt {margin:0; font-size: 1.1em; float:left;}
#menu dd {display:none; background:#eee; border:1px solid #ccc; width:150px; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}
#menu dt a, #menu dt a:visited {display:block; color:#FFF;  padding: 0px 5px; text-decoration:none;}
#menu dd a, #menu dd a:visited {color:#4EB5D7;  text-decoration:none; display:block; padding: 0px 5px;}
#menu li a:hover {color:#DDD; text-decoration:none;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a {color:#4EB5D7;}
#menu dd a:hover {color:#666;}

/* lomakkeet */
fieldset {float:right; width: 260px; padding:0px 0px 0px 10px; border:none; border-left:1px dotted #CCC; margin:0; line-height: 1em;}
label {display:block}


/* hinnastotaulukot */

caption {text-align:left; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; font-style:italic}
td {}

#parturi_hinnasto .palvelu {padding:10px 0 0 3px; height:1em; color:#0078c7; font-weight:bold; border-top:1px solid #c5e9ff;}
#parturi_hinnasto .hinta { padding:10px 3px 0 0; text-align:right; font-weight:bold; font-size:1em; color:#333;border-top:1px solid #c5e9ff;}
#parturi_hinnasto .kuvaus { }


#kauneushoitola_hinnasto .palvelu {padding:10px 0 0 3px; height:1em; color:#0078c7; font-weight:bold; border-top:1px solid #c5e9ff;}
#kauneushoitola_hinnasto .hinta {height:1em; text-align:right; font-weight:bold; font-size:1em; color:#333;  }
#kauneushoitola_hinnasto .kuvaus { }


.linkit img {margin:3px; border:0}

.hilight {font-weight:bold; color:#FF3333}

/* Essin tyylim��ritykset loppuu  */ 


.lahjakortin_tulostus{
	

/*	display: list-item;                /* 1. */
/*	list-style-image: url("kuvat/lahjakortti.jpg"); /* 2. */
/*	list-style-position: inside;       /* 3. */	
	

background-image:url("kuvat/lahjakortti.jpg");
background-repeat:no-repeat;



  font-family: Verdana, Arial, sans-serif;
  float:center;
  font-size: 13px;
  color: black;
  border-width:5px;
  border-color:red;
  font-weight: normal;
  width:800px;
  height:224px;


}


.lahjakortti_kuva{
position:absolute; top:250px; left:18px; width:200px; height:25px
}


.lahjakortti_nro{
position:absolute; top:235px; left:85px; width:200px; height:25px	
/*	
position:absolute;	
padding-top:47px;	
padding-left:85px;	
font-weight: bold;
*/

}

.lahjakortti_arvo{
	
position:absolute; top:243px; left:480px; width:200px; height:25px	
	/*
padding-top:55px;		
position:absolute;
padding-left:480px;
font-weight: bold;
*/
}



.lahjakortti_saaja{
	
position:absolute; top:243px; left:545px; width:200px; height:25px	
/*	
padding-top:55px;		
position:absolute;
padding-left:545px;
font-weight: bold;
*/
}



.lahjakortti_paiva{
	
position:absolute; top:275px; left:505px; width:200px; height:25px	
/*	
padding-top:87px;		
position:absolute;
padding-left:505px;
font-weight: bold;
*/
}



.lahjakortti_kk{
position:absolute; top:275px; left:580px; width:200px; height:25px	
	
/*	
padding-top:87px;		
position:absolute;
padding-left:580px;
font-weight: bold;
*/
}



.lahjakortti_vuosi{
position:absolute; top:275px; left:645px; width:200px; height:25px	
	
/*	
padding-top:87px;		
position:absolute;
padding-left:645px;
font-weight: bold;
*/
}



.lahjakortti_antaja{
position:absolute; top:336px; left:417px; width:200px; height:25px		
	
/*	
padding-top:148px;		
position:absolute;
padding-left:417px;
font-weight: bold;
*/
}

.lahjakortin_tarkastus{
  font-family: Verdana, Arial, sans-serif;
  float:center;
  font-size: 13px;
  color: black;
  border-width:5px;
  border-color:red;
  font-weight: bold;
  padding-left:25px;


}

.lahjakortin_vahvistus{
	font-family: Verdana, Arial, sans-serif;
  float:center;
  font-size: 13px;
  color: black;
  border-width:5px;
  border-color:red;
  font-weight: bold;
  padding-left:25px;


}




.tulostettavat{
	
display:none;	
	
}


		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0;
			width: 204px;
			margin: 0;
			position: relative;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
		}
		.vertical li{
			position: relative;
			border-bottom: 1px solid transparent;
			margin-bottom: -1px;
		} 
		.vertical li:first-child>a{
			border-top: 1px solid;
		}
		.vertical a.first{
			border-top: 1px solid;
		}
		.vertical li ul{
			position: absolute;
			top: -1px;
			left: 203px;
		}
		.vertical.left ul ul ul,.vertical .left ul{
			left: -203px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			border: none;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		.horizontal ul li{
			float: left;
			position: relative;
		}
		.horizontal ul li a{
			display: block;
			width: 125px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			overflow: hidden;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li{
			float: none;
			border-bottom: 1px solid transparent;
			margin-bottom: -1px;
		}
		.horizontal li li.last{
			border-bottom: none;
		}
		.horizontal ul li ul{
			position: absolute;
			top: 1.3em;
			left: -1px;
			margin-top: -1px;
		}
		.horizontal ul ul ul{
			width: 130px;
			top: -1px;
			left: 128px;
			margin-top: 0;
		}
		.horizontal.left ul ul ul,.horizontal .left ul ul{
			top: -1px;
			left: -128px;
		}
		.horizontal ul li li a{
			border: 1px solid;
			border-top: none;
		}
		.horizontal ul li:first-child>a{
			border-left: 1px solid;
		}
		.horizontal ul li a.first{
			border-left: 1px solid;
		}
		.horizontal ul li li a.first{
			border-top: 1px solid;
		}
		.horizontal ul li li:first-child>a{
			border-top: 1px solid;
		}
		div.horizontal ul li.pixelfix ul{
			left: 0;
		}
		div.horizontal ul li.pixelfix ul ul{
			left: 128px;
		}
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
		.mlmenu li ul{
			display: none;
		}
		.mlmenu li:hover>ul{
			display: block;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		.accessible li ul{
			display: block;
		}
		/*Code to show an element has a child*/
		.mlmenu.plus li a:first-child:not(:last-child):after{
			content: '+';
		}
		.plus a span{
			padding-left: .5em;
		}
		.noshow{
			visibility: hidden;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite li:first-child>a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite li:first-child>a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
		
		
		
.button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 5px;
  padding: 10px 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  text-transform: capitalize;
  color: #fff;
  border: 0 none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
.button:hover {
  -webkit-transition: all 60ms ease;
  transition: all 60ms ease;
  opacity: .85;
}
.button:active {
  -webkit-transition: all 60ms ease;
  transition: all 60ms ease;
  opacity: .75;
}
.button:focus {
  outline: 1px dotted #959595;
  outline-offset: -4px;
}

.button.-regular {
  color: #202129;
  background-color: #edeeee;
}
.button.-regular:hover {
  color: #202129;
  background-color: #e1e2e2;
  opacity: 1;
}
.button.-regular:active {
  background-color: #d5d6d6;
  opacity: 1;
}

.button.-dark {
  color: #FFFFFF;
  background: #333030;
}
.button.-dark:focus {
  outline: 1px dotted white;
  outline-offset: -4px;
}

.button.-green {
  color: #FFFFFF;
  background: #3ac569;
}

.button.-blue {
  color: #FFFFFF;
  background: #2b90d9;
}

.button.-salmon {
  color: #FFFFFF;
  background: #F32C52;
}

.button.-sun {
  color: #f15c5c;
  background: #feee7d;
}

.button.-alge {
  color: #f4f7f7;
  background: #79a8a9;
}

.button.-flower {
  color: #FE8CDF;
  background: #353866;
}

.virheilmoitus {
	position:absolute;
//	background:#DA2E38 !important;
	color:#f4516c !important;
//	border:1px solid red !important;
//	border-radius:0px 5px 5px 5px !important;
//	padding:1px 3px 1px 3px !important;
	margin-top: 0.2rem;
	margin-left:35px;
	font-size:0.85rem !important;
//	font-family:sans-serif, verdana, arial !important;
//	font-weight: normal !important;
	z-index:2 !important;
	white-space:nowrap;
}


/* The Modal (background) 
.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}
*/
/* Modal Content/Box 
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 80%; 
}
*/
/* The Close Button 
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
*/
/* Modal Header 
.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
*/
/* Modal Body 
.modal-body {padding: 2px 16px;}
*/
/* Modal Footer 
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
*/	
	
#map_canvas {
        height: 500px;
        width:-webkit-fill-available;
        margin:auto;
      }	
	
	
.pac-container {
    z-index: 9999;
}	
	
	
.salasana_hukassa_linkki: hover {
	cursor: pointer;
	
} 	


#lisaa_tulisijoja_painike, #lisaa_hormeja_painike, #lisaa_yhdyshormeja_painike {
	color:#6c757d;	
}

#vahenna_tulisijoja_painike, #vahenna_hormeja_painike, #vahenna_yhdyshormeja_painike {
	color:#6c757d;
	
}


#tulisijojen_maara_osoitin, #hormien_maara_osoitin, #yhdyshormien_maara_osoitin {
	text-align:center;
	display:inline-block;
	width:50px;
}

#tulisijojen_maara_osoitin, #vahenna_tulisijoja_painike, #lisaa_tulisijoja_painike, #hormien_maara_osoitin, #vahenna_hormeja_painike, #lisaa_hormeja_painike, #vahenna_yhdyshormeja_painike, #lisaa_yhdyshormeja_painike {
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	
	
}


#vahenna_tulisijoja_painike:hover,#lisaa_tulisijoja_painike:hover {
	
	color: #26b244;
		
}

#vahenna_hormeja_painike:hover,#lisaa_hormeja_painike:hover,#vahenna_yhdyshormeja_painike:hover,#lisaa_yhdyshormeja_painike:hover {
	
	color: #26b244;
		
}

.select_border {
	border-radius: 4px 4px 4px 4px;
}


.tulisija_sarake:nth-child(1) {
	margin-right: 10px;
		
}

#ajaxBusy {
    border: 16px solid #e8e9ed; /* Light grey */
    border-top: 16px solid #5CCB81; /* Green */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    position: absolute;
   left: 50%;
   top: 50%; 
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#m_aside_header_menu_mobile_toggle {
	display: none !important;
}

.m-nav__link.m-dropdown__toggle {
	display:none !important;
}

#m_aside_header_topbar_mobile_toggle {
	display:none !important;
}	
/*testi */	

#kirjaudu_ulos_linkki: {
	color: white !important;
}

#kirjaudu_ulos_linkki:hover {
	text-decoration:none !important;
}