* {
                margin: 0;
                padding: 0;
                border: 0;
            }

            html, body {
                height: 100%;
            }

            .header {
                height:50px;
                background: #0078a5;
            }
            
            .dropdown-menu {
			font-size:11px;
			}
			
            #stki {
			 visibility: hidden;
			}
            
            .dot {
                height: 26px;
                width: 26px;
                background-color: #fff;
                border-radius: 50%;
                display: inline-block;
              }
			  
			  .btn {
			  font-size: 11px;
			  }
			  
			  
			  #searchForm {
				background-color: #0183b4;
				color: white;
				font-weight: bold;
				padding: 10px;
			}
			
			#addressoptions{
				display: none;
				padding-top:4px;
				padding-left:4px;
			}
			
			#searchButton {
				border-radius: 50%;
				height: 52px;
				width:52px;
			}
			

			
			#reset {
			cursor:pointer;
			padding: 1px 5px 1px 5px;
			background-color: #3cc5f6;
			border-radius: 3px;
			}

			#autocomplete {
				padding: 6px;
				
				margin-top: 8px;
				color:black;
				width: 280px;
				border:1px solid;
				border-color:#ccc;
				border-radius: 4px;
			}

				#message {
				height: 400px;
				}
			
			.bootstrap-select > .dropdown-toggle {
			width:280px;
			margin-top:4px;
  
}


.lnk:hover {
 cursor:pointer;
}

#key {
height:300px; overflow:scroll; display:none;

}
			
			
	.mf_pin {
    padding: 4px;
    padding-top: 0px;
}

	.mf_result {
    width:100%;
}

	.mf_list_body {
    width:90%;
}
			
            .header{
                background: #0078a5;
               height:50px;
                text-align:center;
                font-size: 18px;
                font-family: sans-serif;
                color: #fff;
            }


            .fullheight{
                display: flex;
                flex: 1;
                flex-wrap:wrap;
                height:calc(100% - 50px);
                height: -moz-calc(100% - 50px);
                height: -webkit-calc(100% - 50px);

            }

            .leftpanel{
			 height:50%;
                min-width:100%;
				max-width:100%;
                flex:1;
                display:flex;
                flex-direction:column;
				overflow-y: auto;
                min-height: 0px;
            }

            .rightpanel{
			  height:50%;
                background: #666;
                min-width:200px;
                flex:1;
                display:flex;



            }
			
			#map {
				height:50%;
			}

            #results{
                flex: 1 1 auto;
                	padding:6px;
                

            }
			
			h3 {
	font-size: 160%;
	color: #1B63C4;
	font-weight: bold;
}


		.tr       { display: table-row; }
		.rTableHeading    { display: table-header-group; }
		.rTableBody    { display: table-row-group; }
		.rTableFoot    { display: table-footer-group; }
		.plab, .pval  { display: table-cell; }
		.plab {font-weight:bold; padding-right:10px;}
		

		
		
		@media (min-width: 480px) {
		            #stki {
			  
			  visibility: visible;
			}
		}
		
		
		
            @media (min-width: 480px) and (orientation : landscape) {

			.mf_result {
					margin-bottom:6px;
					padding-bottom:8px;
					width:294px;
				}
				
				
				.mf_list_body {
					width:240px;
				}

                .leftpanel {
					min-width:318px;
					max-width: 318px;
                    height:100%
					

                }
                .rightpanel {
                    height:100%;
			

                }
				
					#map {
				height:100%;
			}
				
			
            }

            #searchresults {


            }

            #wrapper {
                height: 100%;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: column;
                flex-direction: column;
                outline: 1px solid red;
            }

            #wrapper > #header {
                -webkit-flex: 0 0 auto;
                flex: 0 0 auto;
            }

            #wrapper > #header + div {
                -webkit-flex: 1 1 auto;
                flex: 1 1 auto;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row;
                flex-direction: row;
            }

            #wrapper > #header + div > div:first-of-type {
                -webkit-flex: 3 0 0;
                flex:3 0 0;
            }

            #wrapper > #header + div > div:last-of-type {
                -webkit-flex: 7 0 0;
                flex: 7 0 0;
            }
			
	.labels {
  color: white;
  padding: 1px;
  background-color: #333;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  text-align: center;
  border-radius: 2px;
}	

.floatright {
	float:right;
}


.inlineleft {
	display:inline; float:left;
}
			
			
			.btn {
				padding: 6px 6px;
			}

@media print {
   #disclaimer {
	visibility:visible;
   }
   
      #searchform {
	visibility:hidden;
   }
}