.map {width:100%; height:660px;}
.mapWrapper { width:681px; position: relative; overflow: hidden; }
#sidebar { display: inline; width: 250px; z-index:100; }
#sidebar li {float:left;}
.bigMap .filter-menu {height:150px; width: 120px;}
.bigMap .filter-menu li {width:100px;}
.bigMap .filter-menu li a {text-align:center;}

.filter-menu {overflow:visible; font-size: 1.4em; margin: 25px 0;}
.filter-menu li {/*padding-top:5px;*/}
.iframe .filter-menu li {margin: 0px auto;}

h1.franklin {font-size:4.8em;}
.half {width:47%; float:left;}
.third {width:31%;float:left;}
.bigThird {width:30%; float:left;}
.sixth {width:15%;float:left;}



.legend img {width:25px; height:25px; padding-right:5px;}
.legend.squad img {width:26px; height:40px;}
.legend.squad li {height:40px;}
.legend li {font-family: FranklinITCStdLight,"Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; font-size: 1.4em; line-height:1.4em; padding:1px 0;}

#sequence ul li img {float:left; padding-right:10px; cursor:pointer;}
#sequence ul li {height:70px; }

span.note {font-size:1em; font-family: FranklinITCStdLight,"Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; }

.visible {display:block;}

.details img {margin:0 auto; display:block; width: 30px; height:30px; padding-bottom:10px;}
.details h4 {margin-bottom:10px; text-align:center;}

.sixth img {margin-top:26px;}

.marker {float:left; margin:0 5px 20px 0; width:15px; height:15px; background-color:#f0805e; opacity:.6;}
.label {background-color:white; top:580px; left:74%; z-index:500; width:150px; }

.icon {background-color:#000; display:block; width:20px; height:20px;}

.leaflet-popup-content {max-width:200px;}
.leaflet-popup-content p {margin: 5px 0;}
.leaflet-popup-content ul li {list-style-type:square !important; margin-left:10px; font-family: FranklinITCStdLight,"Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; font-size:13px;}
.leaflet-popup-content ul {margin: 5px 0;}

p.body.narrow {width:80%;}

.marker-image {
    width:100px;
    height:100px;
    border:1px solid #000;
    margin-left:-51px;
    margin-top:-51px;
    pointer-events:all;
    position:absolute;
}

.main-content.iframe {width:610px;}

/*mobile specific styles*/
.mobile h1 {font-size:2.5em;}
.mobile #map {height:250px;}
.mobile .map-tooltip {max-width:150px;}
.mobile .iframe {width:100%;}
.icon {background-color:'red'; width:50px; height:50px;}


.next a {
        padding-right: 19px;
    }
    .next i {
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-left-color: #666;
        border-width: 4px;
        top: 50%;
        right: 6px;
        margin-top: -4px;
    }
    .next a:hover i {
        border-left-color: #222;
    }

#stepper1 h1.franklin.small {
font-size: 2.5em;
line-height: .9em;

}

#stepper1 p.caps.franklin, #bigMap p.caps.franklin { 
    font-size: 13px;
}


#stepper1 h5.franklin { 
    font-size: 1em;
}

#bigMap h5.franklin { 
    font-size: 1.4em;
}


p.franklin em { 
}

#stepper1 .gray-text { 
}


/*mobile styles*/
.mobile .map {height:250px;}
li {list-style: none !important;}
.mobile ul.legend {margin:0;}
.mobile .legend li {float:left; font-size: .9em;}
.mobile .filter-menu {font-size: 1em; list-style: none !important;}
.mobile .filter-menu li { margin:2px 2px; font-size:1em; 
    font-family: FranklinITCProBold,Helvetica,Arial,sans-serif;
line-height: 20px;
float: left;
margin-right: -1px;
border: 1px solid #ddd;
}
.mobile #stepper1 h1.franklin.small {font-size:2em;}
.mobile .filter-menu li.active {
border: 1px solid #ccc;
-moz-box-shadow: 0 0 11px #ddd inset;
-webkit-box-shadow: 0 0 11px #ddd inset;
box-shadow: 0 0 11px #ddd inset;
}
.mobile .filter-menu a {
display: block;
color: #666;
padding: 5px 9px;
text-decoration: none;
}
.mobile .next i {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #666;
border-width: 4px;
top: 50%;
right: 0px;
margin-top: -4px;
}