﻿.example {
}

  .example .map {
    width: 400px; 
    height: 260px;
		margin-top: -6px;
		margin-left: 24px;
		padding-right: 0px; 
  }
  
  .example .results {
    
		background-color: #c7d8ba;
    color: #111;
    padding-top: 0px;
    padding-left: 6px;
    padding-right: 0px;
    padding-bottom: 10px;

    margin-bottom: 20px;
    font-weight: bold;
    width: 94%;
		margin-left: 4px;
		text-align: left; 
		align-content: center;
   
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    
    font-size: 13px;
    
  }
  
  .example .results h5 {
     color: rgba(0,0,0,0.5);
     font-size: 14px;
     text-transform: uppercase;
     padding-right: 0.25em;
		 line-height: 0.1em;
		 padding-bottom: 0.1em;
     text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
  }

  .example .results p {
     color: rgba(0,0,0,0.5);
     font-size: 15px;
     text-transform: uppercase;
     padding-right: 0.25em;
		 line-height: 1.1em;
		 padding-top: 0.9em;
	   padding-bottom: 0.2em;
     text-shadow: 0 -1px 0 rgba(255,255,255,0.3);
  }

	.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;
	}

	.loading
{
    width: 16px;
    height: 16px;
    background:transparent url('../images/SpinnieThing.gif') no-repeat 0 0;
    font-size: 0px;
    display: inline-block;
}


