@charset "utf-8"; 
@import url(https://fonts.googleapis.com/css?family=Lato:400,100italic,100,300,300italic,400italic,700,700italic,900,900italic|Open+Sans+Condensed:300,300italic,700);

/*GENERAL RESET*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{ padding:0px; margin:0px; font:normal 15px/24px 'Lato',Arial,Helvetica,sans-serif; color:#000; }
table{ border-collapse:collapse; border-spacing:0;}
img, a img{ border:0;}
td{ vertical-align:top;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
/*END RESET*/

.clear { clear:both; }
.clear p { padding:0 !important; }
.hide, .printOnly, #printHeader { display:none; }
.photoLeft { float:left; margin:6px 25px 25px 0px }
.photoRight { float: right; margin: 6px 0px 25px 25px; }

#mapWrapper, #mapContent { position:relative; width:1600px; height:900px; }
#mapNav { background-color:#a6bfcb; }
#mapNav ul, #mapNav ul li{ padding:0px; margin:0px; list-style:none; background:none; }

.mapSubNav { height:30px; background:#527e93; overflow:hidden; text-align:center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mapSubNav p { color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:18px; padding-top:2px; }
.mapSubNav ul, .mapSubNav ul li { padding:0px; margin:0px; list-style:none; height:24px; background:none; }
.mapSubNav ul li { color:#FFFFFF; font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height:12px; font-size:12px; font-weight:400; padding:9px 0px 0px 5px; margin-right:20px; cursor:pointer; background: url(/images/map/bkg_li2.svg) no-repeat 0 3px; }
.mapSubNav ul li.active { background-position:0px -24px; color:#ffffff; }
.mapSubNav ul li a { padding-left:14px; color:#FFFFFF !important }

/*ADJUSTING THE NAVS TO CENTER AUTOMATICALLY*/
#mapNav ul, .mapSubNav ul { display:block; text-align:center; }
#mapNav li, .mapSubNav li { display:inline-block; }

#btn_view1, #btn_view2, #btn_view3, #btn_view4, #btn_view5, #btn_view6 { display:block; font-family: font-family: 'Open Sans', sans-serif; font-size:15px; line-height:12px; font-weight:700; text-decoration:none; color:#fff; background:#80a4b5; padding:10px; text-align:center; }
#btn_view1.active, #btn_view2.active, #btn_view3.active, #btn_view4.active, #btn_view5.active, #btn_view6.active { background:#527e93; color:#fff; }

#mapNav, #mapNav ul { height:32px; overflow:hidden; }
.mapSubNav ul li { color:#FFFFFF; font:italic 16px/12px 'Open Sans', sans-serif; padding:9px 0px 0px 5px; margin-right:20px; cursor:pointer; background: url(/images/map/bkg_li2.svg) no-repeat 0 8px; }
#mapNav ul li a.active { background:#527e93; color:#fff; }
#mapNav ul li { width:188px; }
#mapNav ul li:first-child { width:192px; }

.hide { display:none; }
.clear { clear:both; }
.add_cursor { cursor:pointer; }

.map_iconWrapper { position:relative; }
.map_icon { position:absolute; }

/*LAYERS*/
.gpx_map_overlay { position:absolute; top:0px; }

/*3D MAP*/
.mkt_page { opacity:0; width:1px; height:930px; position:absolute; z-index:999; top:0px; right:0px; background:#fff; border-left:#fff solid 1px; overflow:hidden; }
.mapDot { cursor: pointer; }
.mkt_page { display:block; position:absolute; z-index:999; width:1px; height:930px; top:32px; left:1600px; right:0px; opacity:0; transition: width 0.5s, left 0.5s, opacity 0.5s ease; background:#fff; border-left:#fff solid 1px; overflow:hidden; }
.mkt_page.display_info { width:1140px; left:460px; opacity:1; }

#view4_base { position:absolute; z-index:1; }
#bkg_overlay { width:1px; height:1px; position:absolute; z-index:999; top:465px; left:800px; transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s, opacity 0.5s ease; background-image:url(/images/map/view1_base-2x-R1.jpg); background-repeat:no-repeat; opacity:0; }
#bkg_overlay.display_overlay { width:1600px; height:930px; top:32px; left:0px; opacity:1; }

#close_mkt_page { width:45px; height:45px; position:absolute; right:24px; top:50px; z-index:9999; }
#close_mkt_page a { display:inline-block; box-sizing:border-box; color:#fff; font-size:20px; line-height:20px; height:44px; width:44px; padding:10px; background:#6b6b6b; border-radius:40px; border:#fff solid 2px; font-weight:bold; cursor:pointer; text-align:center; }

/*QTIP CUSTOMIZATION*/
.qtip-default.qtip-custom { background:#2C70B7; border-color:#F4F4F4; font-size:20px; line-height:20px; color:#fff; }
.qtip.qtip-custom { padding:5px 10px; }
.mobile-only { display:none; }

/***TIPTIP**/
/* TipTip CSS - Version 1.2 */
.qtip { max-width:none !important; }
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 20px; text-align:center; color: #fff; padding: 5px 10px; border: 2px solid #fff; background-color: #3f6678; border-radius: 6px; }
#tiptip_content strong{ font-size: 21px; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; display:none; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }