/*pudotus valikko*/
	.dropbtn {
    background-color: #D0D0D0;
    border: none;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    margin: 3px 3px;
    cursor: pointer;
    /*border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
    width: 100px;
    height: 5px;
    color: #0000CC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 5px;
    /*box-shadow: 0 9px #999;*/
}
	
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    box-shadow: 0 1px #666;*/
    transform: translateY(2px);
    background-color: #0000CC;
    color: #fff;
}
/*
ul#navigation
 
{margin-left: 0; padding-left: 0; list-style-type: none; background: #6495ed; float: left; width: 100%;}

ul#navigation a

{display: block; float: left; padding: .2em .5em; text-decoration: none; color: #fff; background: #6495ed; border-right: 1px solid #fff;}

ul#navigation a:hover

{background: #69c; color: #000;}

ul#navigation li

{display: inline;}



div.imagecaption
{
	float: right;
	width: 154px; 
	margin: 0 1em 1em 1em;
	display: inline;
	padding: 30px 30px 25px 25px;
	background: navy;
	color:#fff;
	}
	*/
	
body
{
	background-image: url("bg.png");
}
table{
	width: 1140px;
	text-align:center;
    margin-left:auto; 
    margin-right:auto;
    height: auto;
}
th, td {
    padding: 15px;
    /*text-align:justify;*/
    text-align:center;
    width:150%;
    vertical-align: top;
}
a{
	
	font: 80% arial, helvetica san-serif;
	font-weight: bold;
	}
	
	
.linkit{
text-align:top;	
}
.header {
text-align:left;
}
.footer {
text-align:right;
}
.sivu {
	background-image: url("content.png");
}
/*.iframe {
	display:block;
	width:100%!important;
	height:100%!important;
	height: 1000px
	position: absolute;
    height: 100%;
}*/

 .ypainike, .ypainike:visited {
    background-color: #D0D0D0;
    border: none;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
    margin: 3px 3px;
    cursor: pointer;
    /*border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
    width: 100px;
    height: 5px;
    color: #0000CC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    /*box-shadow: 0 9px #999;*/
}
.ypainike:active,.ypainike:hover {
    box-shadow: 0 1px #666;*/
    transform: translateY(2px);
    background-color: #0000CC;
    color: #fff;
 }
 .painike, .painike:visited {
    background-color: #D0D0D0;
    border: none;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin: 6px 3px;
    cursor: pointer;
    border-radius: 15px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    width: 150px;
    height: 10px;
    color: #0000CC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    /*box-shadow: 0 9px #999;*/
}
.painike:active,.painike:hover {
    box-shadow: 0 1px #666;*/
    transform: translateY(2px);
    background-color: #0000CC;
    color: #fff;
	border-radius: 20px;
 }
/* .painike, .painike:visited {
    background-color: #D0D0D0;
    border: none;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin: 6px 3px;
    cursor: pointer;
    /*border-radius: 12px;*/
   /* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    width: 150px;
    height: 10px;
    color: #0000CC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    /*box-shadow: 0 9px #999;*/
/*}
.painike:active,.painike:hover {
    box-shadow: 0 1px #666;
    transform: translateY(2px);
    background-color: #0000CC;
    color: #fff;
 } */
 
 
	input[type=button]
	{
    outline: 0;     
  outline-style:none;     
  outline-width:0;
    appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
/*pudotus valikko*/
	.dropbtn {
    background-color: #D0D0D0;
    border: none;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
    margin: 1px 1px;
    cursor: pointer;
    /*border-radius: 12px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
    width: 100px;
    height: 5px;
    color: #0000CC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9px;
    /*box-shadow: 0 9px #999;*/
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    box-shadow: 0 1px #666;*/
    transform: translateY(2px);
    background-color: #0000CC;
    color: #fff;
}
.WOL
{
}
}*/

 /*
 .disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
div {
    cursor:url(smiley.gif),url(myBall.cur),auto;
}*/
h1 
{
	font-style: italic;
	text-align: left;
	color: navy;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 80%;
	line-height: 120%;
	font-family: arial, helvetica, san-serif;
	}
h2 
{
	font-style: italic;
	text-align: center;
	color: navy;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 80%;
	line-height: 120%;
	font-family: arial, helvetica, san-serif;
	} 
h3 
{
	color: navy;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 100%;
	line-height: 120%; 
	font-family: arial, helvetica, san-serif;
	padding: 0em 2em 0em 9em;
	}

h4
{
	font-style: italic;
	text-align: center;
	color: navy;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 100%;
	line-height: 120%;
	font-family: arial, helvetica, san-serif;
	}
h5
{
	font-style: italic;
	text-align: left;
	color: navy;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 80%;
	line-height: 120%;
	font-family: arial, helvetica, san-serif;
	}	
h6 {
	color: blue;
	font: 50% arial, helvetica san-serif;
	}
p {
	color: blue;
	font: 100% arial, helvetica san-serif;
	padding: 1em 1em 1em 1em;
	}
div.imagecaption
{
	float: right;
	width: 154px; 
	margin: 0 1em 1em 1em;
	display: inline;
	color:#fff;
	padding: 30px 30px 25px 25px;
	background: navy;
	}
	.c_table { 
    width: 100%; 
} 
.c_td { 
    padding: 2px; 
    border: 1px #CCCCCC solid; 
    font-size: 11px; 
    font-family: arial; 
    color: #333333; 
} 
.l_file { 
    padding: 2px; 
    border: 1px #CCCCCC solid; 
    font-size: 11px; 
    font-family: arial; 
    background-color: transparent; 
} 
.l_dir { 
    padding: 2px; 
    border: 1px #CCCCCC solid; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #FFFFC6; 
} 
input { 
    font-size: 11px; 
    font-family: arial; 
    color: #333333; 
    padding: 2px; 
    background-color: #EEEEEE; 
} 
form { 
    display: inline; 
    margin: 0px; 
    font-size: 11px; 
    font-family: arial; 
    color: #333333; 
} 
.hlight { 
    font-weight: bold; 
    color: #000000; 
} 
/*Tracker*/
}
.container-fluid {
    border: 1px solid #aaa;
    margin: 10px;
}
.routeSelectDark {
   background-color: #ccc;
}
.col-sm-2 {
    height: 50px;           
}
.col-sm-3 {  
    height: 50px;        
}
.col-sm-6 { 
    height: 50px;          
}
.col-sm-8 {  
    height: 50px;          
}
.col-sm-10 {
    height: 50px;           
}
#toplogo {
    padding-top: 10px;
}
#messages {
    padding-top: 19px;
    text-align: right;
    margin: 0px 0px 10px 0px;     
}
#routeSelect {
    width: 100%;
    color: #000;
    margin-bottom:5px;
    /* background-color: #ccc; */
}
#autorefresh {
    width: 100%;  
    margin-bottom:5px;
}
#delete {
    width: 100%;                
    margin-bottom:5px;
}
#refresh {
    width: 100%;   
    margin-bottom:5px;
}
#viewall {
    width: 100%;   
    margin-bottom:5px;
}
.deletediv {
    text-align: center;
}
.autorefreshdiv {
    text-align: center;
}
.refreshdiv {
    text-align: center;
}
.viewalldiv {
    text-align: center;
}
@media only screen and (min-width : 768px) {
    .container {
        margin-top: 25px;
    }

    .deletediv {
        text-align: left;
    }
    .autorefreshdiv {
        text-align: center;
    }

    .refreshdiv {
        text-align: center;
    }
    
    .viewalldiv {
        text-align: right;
    }    
}      
#map-canvas {
    border: 1px solid #000;
    width: 100%;
    height: 460px;    
}
#mapdiv { 
    height: 475px;
}
#selectdiv {
       margin-bottom: 10px;
}
#halimage {
    vertical-align:middle;
    width: 37px;
    height: 37px;
    margin-bottom: 5px;
}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%!important;
}

/*Taulukoiden css osio*/
.bd {

					    background-color: #FFFFFF;

					    color: #004080;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  .tbl {

					    background-color: #FFFFFF;

					  }

					  a:link { 

					    color: #0066CC;

					    font-family: Arial;

					    font-size: 12px;
					    
					    text-decoration:none;

					  }

					  a:active { 

					    background-color: #FFFFFF01;

					    color: #0066CC;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  a:visited { 

					    background-color: #FFFFFF01;

					    color: #0066CC;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  .hr {

					    background-color: #336699;

					    color: #FFFFFF;

					    font-family: Arial;

					    font-size: 12px;
					    
					    text-align: center;
					    
                         width: auto;
					  }

					  a.hr:link {

					    color: #FFFFFF;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  a.hr:active {

					    color: #FFFFFF;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  a.hr:visited {

					    color: #FFFFFF;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  .dr {

					    background-color: #FFFFFF;

					    color: #000000;

					    font-family: Arial;

					    font-size: 12px;

					  }

					  .sr {

					    background-color: #B0C4DE;

					    color: #000000;

					    font-family: Arial;

					    font-size: 12px;

					  }



</style>