@charset "utf-8";
/*
body 
{
	background-color:#3B8CC6;
}
*/
body,td,th 
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.lahetysNappi {
	-moz-box-shadow: 3px 3px 8px -2px #949494;
	-webkit-box-shadow: 3px 3px 8px -2px #949494;
	box-shadow: 3px 3px 8px -2px #949494;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a9d153), color-stop(1, #6f9125));
	background:-moz-linear-gradient(top, #a9d153 5%, #6f9125 100%);
	background:-webkit-linear-gradient(top, #a9d153 5%, #6f9125 100%);
	background:-o-linear-gradient(top, #a9d153 5%, #6f9125 100%);
	background:-ms-linear-gradient(top, #a9d153 5%, #6f9125 100%);
	background:linear-gradient(to bottom, #a9d153 5%, #6f9125 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d153', endColorstr='#6f9125',GradientType=0);
	background-color:#a9d153;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #48640b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.lahetysNappi:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6f9125), color-stop(1, #a9d153));
	background:-moz-linear-gradient(top, #6f9125 5%, #a9d153 100%);
	background:-webkit-linear-gradient(top, #6f9125 5%, #a9d153 100%);
	background:-o-linear-gradient(top, #6f9125 5%, #a9d153 100%);
	background:-ms-linear-gradient(top, #6f9125 5%, #a9d153 100%);
	background:linear-gradient(to bottom, #6f9125 5%, #a9d153 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f9125', endColorstr='#a9d153',GradientType=0);
	background-color:#6f9125;
}
.lahetysNappi:active {
	position:relative;
	top:1px;
}




.ylaDiv0 {
    /*-moz-box-shadow:inset 0px -3px 7px 0px #1d97cf;
    -webkit-box-shadow:inset 0px -3px 7px 0px #1d97cf;
    box-shadow:inset 0px -3px 7px 0px #1d97cf;*/
    background:-webkit-linear-gradient(#3c8fc7 5%, #3782b3 100%);
    background:-o-linear-gradient(#3c8fc7 5%, #3782b3 100%);
    background:linear-gradient(#3c8fc7 5%, #3782b3 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c8fc7', endColorstr='#3782b3',GradientType=0);
    background-color:#3c8fc7;
    border:0px solid #0b0e07;                
    /*display:inline-block;
    cursor:pointer;*/
    color:#000000;
    font-family:Trebuchet MS;
    font-size:15px; 
    padding:0px 10px;
    text-decoration:none; 
    /*text-shadow:0px 1px 0px #263666;
    box-shadow: 0px 3px 3px 0px #000000;*/
    -webkit-box-shadow: -0px 4px 3px 0px #6f6f6f;
    -moz-box-shadow: -0px 4px 3px 0px #6f6f6f;
    box-shadow: -0px 4px 3px 0px #6f6f6f;
}

.ylaDiv1 {
	-moz-box-shadow:inset 0px 39px 0px -24px #f0f0f0;    
	-webkit-box-shadow:inset 0px 39px 0px -24px #f0f0f0;
	box-shadow:inset 0px 39px 0px -24px #f0f0f0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e8e8e8));
	background:-moz-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%);
	background:-webkit-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%);
	background:-o-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%);
	background:-ms-linear-gradient(top, #f5f5f5 5%, #e8e8e8 100%);
	background:linear-gradient(to bottom, #f5f5f5 5%, #e8e8e8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0);
	background-color:#f5f5f5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}


.ylaDiv2
{
	position:absolute;
	background-color:#4c484f;
	/*width:1550px;*/
	width: 100%;
	min-width: 1280px;
	height: 87px;
	top: -30px;
	border-radius: 15px;
    padding: 0px;
}

/*----- tab-system -----*/
a
{
	color:#3C8FC7;
	text-decoration:none;
}
.site-header:after,.main:after,.clearfix:after,.clearfix
{
	display:block;
	clear:both;
	content:'';
}
.fa-icon,[class^="fa-"]:before
{
	display:inline-block;
	position:relative;
	font-family:"FontAwesome";
	font-weight:normal;
	line-height:95%;
}
*,*:before,*:after
{
	margin:0px;
	padding:0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:0px;
	font-size:100%;
	font:inherit;
}

h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a
{
	font-family:"Verdana";
	color:#000000;
	line-height:1.800em;
}
h1
{
	font-size:38.08px;
}
h2
{
	font-size:2.000em;
}
h3
{
	font-size:25.6px;
}
h4
{
	font-size:22px;
}
h5
{
	font-size:17.6px;
}
p
{
	font-size:18px;
	line-height:1.750em;
}
p+p
{
	margin-top:20px;
}
ul li,ol li
{
	margin:10px 0px 10px 40px;
	font-size:0.933em;
	line-height:1.650em;
}
ul+p,ol+p,p+h1,p+h2,p+h3,p+h4,p+h5
{
	margin-top:30px;
}
p+ul,p+ol
{
	margin-top:10px;
}
strong
{
	font-weight:700;
}
em
{
	font-style:italic;
}
a
{
	color:#3C8FC7;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}



/*----- omat -----*/
.modal 
{
   /*display:    none;*/
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
				
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading 
{
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal 
{
    display: block;
}

.taustaDiv{
	background-color:#7fb5da;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.ilmoitustauluPala {
	-moz-box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	box-shadow:inset 0px 1px 0px 0px #e6e6e6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dedbde), color-stop(1, #dedade));
	background:-moz-linear-gradient(top, #dedbde 5%, #dedade 100%);
	background:-webkit-linear-gradient(top, #dedbde 5%, #dedade 100%);
	background:-o-linear-gradient(top, #dedbde 5%, #dedade 100%);
	background:-ms-linear-gradient(top, #dedbde 5%, #dedade 100%);
	background:linear-gradient(to bottom, #dedbde 5%, #dedade 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedbde', endColorstr='#dedade',GradientType=0);
	background-color:#dedbde;
	border:1px solid #c7c7c7;
	display:inline-block;
	cursor:pointer;
	color:#595959;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.ilmoitustauluPala:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #cfcfcf));
	background:-moz-linear-gradient(top, #d1d1d1 5%, #cfcfcf 100%);
	background:-webkit-linear-gradient(top, #d1d1d1 5%, #cfcfcf 100%);
	background:-o-linear-gradient(top, #d1d1d1 5%, #cfcfcf 100%);
	background:-ms-linear-gradient(top, #d1d1d1 5%, #cfcfcf 100%);
	background:linear-gradient(to bottom, #d1d1d1 5%, #cfcfcf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#cfcfcf',GradientType=0);
	background-color:#d1d1d1;
}
.ilmoitustauluPala:active {
	position:relative;
	top:1px;
}


.toiveetTable{
	background-color:#7fb5da;
}

/*//////////////////////////////////*/

.inputTeksti
{
	font-weight:normal;
    color:#1E303D;
    background-color:#d2e0eb;
    border: 1px solid #9cbed4;
    letter-spacing:0pt;
    word-spacing:0pt;
    font-size:15px;
    text-align:left;
    font-family:trebuchet MS,sans-serif;
    line-height:1; 
    padding-bottom:2px; 
    padding-top:2px; 
    padding-left:2px; 
    padding-right:2px;
}

.poistaButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a82200), color-stop(1, #a82200));
	background:-moz-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:-webkit-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:-o-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:-ms-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:linear-gradient(to bottom, #a82200 5%, #a82200 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a82200', endColorstr='#a82200',GradientType=0);
	background-color:#a82200;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:0px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:9px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
.poistaButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a82200), color-stop(1, #a82200));
	background:-moz-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:-webkit-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:-o-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:-ms-linear-gradient(top, #a82200 5%, #a82200 100%);
	background:linear-gradient(to bottom, #a82200 5%, #a82200 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a82200', endColorstr='#a82200',GradientType=0);
	background-color:#a82200;
}
.poistaButton:active {
	position:relative;
	top:1px;
}

/*//////////////////////////////////*/
.myPage {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

/*//////////////////////////////////*/

.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3c8fc7), color-stop(1, #1f5d87));
	background:-moz-linear-gradient(top, #3c8fc7 5%, #1f5d87 100%);
	background:-webkit-linear-gradient(top, #3c8fc7 5%, #1f5d87 100%);
	background:-o-linear-gradient(top, #3c8fc7 5%, #1f5d87 100%);
	background:-ms-linear-gradient(top, #3c8fc7 5%, #1f5d87 100%);
	background:linear-gradient(to bottom, #3c8fc7 5%, #1f5d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c8fc7', endColorstr='#1f5d87',GradientType=0);
	background-color:#3c8fc7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:2px solid #194a6b;
	/*display:inline-block;*/
	cursor:pointer;
	color:#a3d5f6;
	font-family:Trebuchet MS;
	font-size:14px;
	font-weight:bold;
	/*text-decoration:none;*/
	padding-bottom:3px;
	padding-top:2px;
	padding-left:12px;
	padding-right:12px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1f5d87), color-stop(1, #3c8fc7));
	background:-moz-linear-gradient(top, #1f5d87 5%, #3c8fc7 100%);
	background:-webkit-linear-gradient(top, #1f5d87 5%, #3c8fc7 100%);
	background:-o-linear-gradient(top, #1f5d87 5%, #3c8fc7 100%);
	background:-ms-linear-gradient(top, #1f5d87 5%, #3c8fc7 100%);
	background:linear-gradient(to bottom, #1f5d87 5%, #3c8fc7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f5d87', endColorstr='#3c8fc7',GradientType=0);
	background-color:#1f5d87;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*////////*/

.mySelect {
    padding: 0;
    margin: 0;
    border: 1px solid #9cbed4;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #d2e0eb;
    color: #1E303D;

    /*background: #f1967a url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/
}

.mySelect select {
    padding: 10px 12px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
     		appearance: none;
}

.mySelect select:focus {
    outline: none;
}

/*////////*/

.myText
{
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
	letter-spacing:0pt;
	word-spacing:0pt;
	font-size:14px;
	text-align:left;
	font-family:trebuchet MS, sans-serif;
	line-height:1.3;
	padding-left:3px;
	padding-top:1px;
	padding-bottom:1px;
}

/*//////////////////////////////////*/

.vapaateksti 
{
	color: #242424;
	background-color:#ffffff;
	border:double;
	border-color:#000000;
}

.labelMusta 
{
	color: #242424;
	margin-right: 15px;
}
.labelHarmaa 
{
	color: #e1e1e1;
}
.labelValkoinen 
{
	color: #ffffff;
}
.labelvsininen
{
	background-color: #e6eff6;/*
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1;*/
}
.labelvsininenTummempi
{
	background-color: #b5cddf;/*
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1;*/
}
.labelPieni 
{
	background-color: #ffffff;/*
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1;*/
}
.labelPieniValkoinen
{
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1;
}
.labelPieniMusta
{
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1;
}
.labelPieniVihrea
{
	background-color: #e1e1e1;
	/*font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1;*/
}

.labelVaaleensininen 
{
	color: #236592;
	cursor: pointer;
}

.tekstiValkoinenPohja 
{
	color: #242424;
	background-color:#FFFFFF;
	padding:3px 3px;
}

.tekstiHarmaaPohja 
{
	color: #242424;
	background-color:#ffffff;
	padding:3px 3px;
	border-style:solid;
	border-width:thin;
}

.nappi1 
{
    -moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
    box-shadow:inset 0px 1px 0px 0px #d9fbbe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
    background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
    background-color:#b8e356;
    color:#ffffff;
    font-family:verdana;
    font-size:12px;
    font-weight:bold;
    padding:3px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #86ae47;
	width:160px;
	top:0px;
	bottom:0px;
}
.nappi1:hover 
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
    background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
    background-color:#a5cc52;
}
.nappi1:active 
{
    position:relative;
    top:1px;
}
.div0
{
	position:absolute;
	margin-left:0px;
	width: 800px;
	overflow: auto;
	border: 1px solid #666;
	top:40px;
	z-index:1;
	cursor:pointer;
}
.divToiveet
{
	position:relative;
	margin-left:0px;
	overflow: auto;
	background-color:#7fb5da;
}
.divNaytettavatToiveet
{
	position:relative;
	margin-left:0px;
	width: 350px;
	overflow: auto;
	z-index:1;
	cursor:pointer;
	background-color:#999;
}
.div1
{
	position:absolute;
	margin-left:0px;
	width: 800px;
	overflow: auto;
	border: 1px solid #666;
	top:10px;
	z-index:1;
	cursor:pointer;
}
.divOtsikko0
{
	height: 30px;
	margin-left:0px;
	width:800px;
	margin-top:0px;
	z-index:1;
	cursor:pointer;
}
.divOtsikko1
{
	height: 30px;
	margin-left:0px;
	width:800px;
	margin-top:-30px;
	z-index:1;
	cursor:pointer;
}
.divKoko0
{
	top:0px;
	margin-left:10px;
	width:770px;
	z-index:1;
	cursor:pointer;
}
.divKoko1
{
	top:0px;
	width:770px;
	z-index:2;
	cursor:pointer;
}

.tyovuorotAlaDiv
{
	position:absolute;
	width:800px;
}

.puolikasDiv0
{
	position:absolute;
	left:0px;
	top:0px;
	width:350px;
}

.puolikasDiv1
{
	position:absolute;
	left:380px;
	top:0px;
	width:350px;
}

.table0
{
	background-color:#ffffff;
	border-spacing: 0px 1px;
} 
.tableToiveet
{
	background-color:#F3F3F3;
	border-spacing: 0px 0px;
	border:medium;
} 
.rivi-over
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#fcfcfc;

}
.rivi-har
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#F2F2F2;

}
.rivi-vt-har
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#dfdfdf;
}
.rivi-t-har
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#c3c3c3;

}  
.rivi-vih
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#2ac30c;
	
} 
.rivi-t-vih
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#299215;
	
}
.rivi-kel
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#ccd80d;
	
}
.rivi-pun
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#d03333;
	
}
.rivi-sin
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#CAE2F7;
} 
.rivi-val
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#ffffff;
	border: 1px;
	cursor: pointer;
} 
.rivi-valittu
{
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #000000;
	background-color:#FDFEC2;

}
.rivi-lapinakyva
{
	background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    background: rgba(204, 204, 204, 0.0);
	
	/* kokonaisläpinäkyvyys
  opacity:0.0;
  filter:alpha(opacity=0); /* For IE8 and earlier */
  */
}  
.column-tehtavaNimi-sin
{
	border-bottom: solid 1px black;
	width: 50%;
	max-width: 650px;
	min-width: 250px;
	color: #33C;
} 

td 
{ 
	padding:3px; 
}

.otsikko 
{
	font-size:14px;
}

.otsikkoPieni
{
	font-size:12px;
}