@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/*GENERAL RESET*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{  padding:0px;  margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; font-weight:normal;}
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*/

.hide, #printHeader { display:none; }
.clear { clear:both; }
.photo-left { float:left; margin:0px 10px 10px 0px; }
.photo-right { float:right; margin:0px 10px 10px 0px; }

h1{ font:bold 20px/24px Arial, Helvetica, sans-serif; color: #c97837; padding-bottom:12px; }
p { padding-bottom:12px; }


.hide { display:none; }

/*3D MAP*/
.mkt_page { opacity:0; width:1px; height:700px; position:absolute; z-index:999; top:0px; right:0px; background:rgb(255,255,255); background:rgba(255,255,255,.53); border-left:#fff solid 1px; overflow:hidden; }
#view4_base { position:absolute; z-index:1; }
#view4_overlay { width:1px; height:1px; position:absolute; z-index:999; top:225px; left:475px; background-image:url(/images/interface/map/3D_base_large.jpg); background-repeat:no-repeat; opacity:0; }
#close_mkt_page { width:15px; height:15px; position:absolute; right:24px; top:15px; z-index:9999; }
#close_mkt_page a { display:inline-block; color:#fff; font-size:10px; line-height:10px; padding:4px 5px; background:#6b6b6b; border-radius:20px; border:#fff solid 1px; font-weight:bold; cursor:pointer; }

/*SEARCH MAP*/
#searchMapWrapper { width:960px; margin:0 auto; }
#MapRightCol { float:right; width:299px; height:638px; position:relative; background:#eaeaea; }

/*FEATURED MAP*/
@keyframes circular-pulse {
  0% { transform: scale(1); opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; transform: scale(4); }
}
.ringContainer { position: absolute; top: 155px; left: 238px; }
.ring1, .ring2, .ring3 { border: 1px solid #fff; border-radius: 100%; height: 18px; width: 18px;  position: absolute; right: 0px;
  animation-name: circular-pulse;
  animation-duration: 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}
.ring2 { animation-delay:1s; }
.ring3 { animation-delay:2s; }

/*TOP BAR*/
#MapTopBar { width:259px; line-height:35px; border-bottom:1px solid #fff; background:#FCB542; color:#414141; padding:15px 20px; }
#MapTopBarControls { line-height:35px; vertical-align:middle; padding-right:5px; }
#MapTopBarControls input { vertical-align:middle; margin:0; padding:2px; border-radius:6px; padding:10px 5px; margin:10px 0px; }
#MapTopBarControls input.tBarText { border:1px solid #afafb0; background:#FFF; width:258px; }
#MapTopBarControls input.tBarButton { border:1px solid #afafb0; background:#cfcecf; cursor:pointer; }
#MapTopBarControls input.tBarButton:hover { background:#b9b9b9; }

/*MAIN NAV*/
#MapCatsNav { width:260px; padding:0px 20px; }
#MapCatsNav dd { display:block; position:relative; margin:0; padding:0; }

#MapCatsNav dd#MapButton_cat1, #MapCatsNav dd#MapButton_cat2, #MapCatsNav dd#MapButton_cat3, #MapCatsNav dd#MapButton_cat4, #MapCatsNav dd#MapButton_cat5, #MapCatsNav dd#MapButton_cat6, #MapCatsNav dd#MapButton_cat7 { width:258px; height:40px; margin:20px 0px; }
#MapCatsNav dd .mapButton { width:100%; height:28px; padding-top:12px; vertical-align:middle; background:#5E5E5E; color:#fff; font-size:14px; line-height:14px; font-weight:bold; cursor:pointer; }
#MapCatsNav dd .mapButton .icon { width:30px; height:30px; margin:-5px 10px 3px 10px; display:block; float:left; }
#MapCatsNav dd:hover .mapButton { background:#993116; color:#FFF; }
#MapCatsNav dd#MapButton_cat1 .icon { background: url(/images/interface/icons/pin_cat1.png) no-repeat; }
#MapCatsNav dd#MapButton_cat2 .icon { background: url(/images/interface/icons/pin_cat2.png) no-repeat; }   
#MapCatsNav dd#MapButton_cat3 .icon { background: url(/images/interface/icons/pin_cat3.png) no-repeat; }
#MapCatsNav dd#MapButton_cat4 .icon { background: url(/images/interface/icons/pin_cat4.png) no-repeat; }
#MapCatsNav dd#MapButton_cat5 .icon { background: url(/images/interface/icons/pin_cat5.png) no-repeat; }
#MapCatsNav dd#MapButton_cat6 .icon { background: url(/images/interface/icons/pin_cat6.png) no-repeat; }
#MapCatsNav dd#MapButton_cat7 .icon { background: url(/images/interface/icons/pin_cat7.png) no-repeat; }
#MapCatsNav dd#MapButton_cat1 { margin-top:22px; }

#MapCatsNav dd ul { position:absolute; bottom:40px; left:42px; display:none; list-style:none; margin:0; padding:0; z-index:99; }
#MapCatsNav dd:hover ul { display:block; }

#MapCatsNav dd ul li { font-size:14px; line-height:18px; vertical-align:middle; margin:0; padding:0 3px; white-space:nowrap; background:#FFF; border-top:1px solid #afafb0; border-right:1px solid #afafb0; border-left:1px solid #afafb0; }
#MapCatsNav dd ul li:nth-child(even) { background:#f3f3f3; }
#MapCatsNav dd ul li input { vertical-align:middle; }
#MapCatsNav dd ul li:hover { background:#b9b9b9; }
#MapCatsNav dd ul li span { font-weight:normal!important; font-style:normal!important; }
#MapContentTop { padding-top:10px; background:#6F7655; }
#MapContentWrapper { background:#ded5c0; border-bottom:#6F7655 solid 25px; }

#MapWrapper { width:660px; float:left; }

#GMapWrapper { width:660px; height:638px; position:relative; }
#GMapCanvas { width: 100%; height:638px; position:relative; z-index:1; }
#GMapPreloader { background: #FFF url(/images/icons/loading.gif) no-repeat center; text-align: center; width: 100%; height:460px; margin: 0 auto; position: absolute; top: 0; left: 0; z-index: 2; filter: alpha(opacity=85); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
#GMapNoResults { display: none; cursor: pointer; background: #FFF none; border: 1px solid #000; width: 400px; text-align: center; position: absolute; top: 100px; left: 132px; z-index: 5; padding: 50px 0; filter: alpha(opacity=9); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

#bodyContent { max-width:960px; padding:10px; }
#photosWrapper { width:300px; float:right; padding:0px 0px 20px 20px; }
ul.photo_thumbs, ul.photo_thumbs li { margin:0; padding:0; list-style:none; }
ul.photo_thumbs { padding-top:3px; }
ul.photo_thumbs li { padding-right:3px; padding-bottom:3px; float:left; }
ul.photo_thumbs li:nth-child(3n) { padding-right:0px; }

/*INTERACTIVE MAP*/
.map_iconWrapper { position:relative; }
.map_icon { position:absolute; }

#mapOuterWrapper { position: relative; padding-bottom: 72%; height: 0; overflow: hidden; }
#mapWrapper, #mapContent { width:960px; }
#mapContent { position:relative; }

#mapNav { background-color: #fedc8e; }
#mapNav ul, #mapNav ul li{ padding:0px; margin:0px; list-style:none; background:none; }

.mapSubNav { height:30px; background:#5E5E5E; 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; line-height:12px; font-size:12px; padding-top:9px; }
.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/interface/map/bkg_li.svg) no-repeat 0 3px; }
.mapSubNav ul li.active { background-position:0px -20px; 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 { display:block; font-family: font-family: 'Open Sans', sans-serif; font-size:15px; line-height:12px; font-weight:700; text-decoration:none; color:#394a59; background:#fedc8e; padding:10px; text-align:center; }
#btn_view1.active, #btn_view2.active, #btn_view3.active { background:#5E5E5E; color:#fff; }
#btn_view1 { width:132px; }
#btn_view2 { width:153px; }
#btn_view3 { width:153px; }

#mapNav, #mapNav ul { height:32px; overflow:hidden; }
#mapNav ul li a { display:block; font-family: font-family: 'Open Sans', sans-serif; font-size:15px; line-height:12px; font-weight:700; text-decoration:none; color:#394a59; background:#fedc8e; padding:10px 0px; text-align:center; }
#mapNav ul li a.active { background:#5E5E5E; color:#fff; }
#mapNav ul li { width:188px; }
#mapNav ul li:first-child { width:192px; }

/**LAYERS**/
#gpx_view1_base, #gpx_view2_base, #gpx_view3_base { position:relative; }
#gpx_view1_top, #gpx_view1_cities, #gpx_view1_radial, #gpx_view1_roads, #gpx_view2_airports, #gpx_view2_top, #gpx_view2_cities, #gpx_view2_roads, #gpx_view2_rivers, #gpx_view2_rail, #gpx_view3_airports, #gpx_view3_top, #gpx_view3_cities, #gpx_view3_roads, #gpx_view3_sites, #gpx_view3_rail, #gpx2_view3_rail { position:absolute; top:0px; }

/**RESPONSIVE**/
.mapFrame { width:960px; height: 700px; margin:0 auto;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .mapFrame {
  -ms-transform: scale(.25);
  -moz-transform: scale(.25);
  -o-transform: scale(.25);
  -webkit-transform: scale(.25);
  transform: scale(.25);
  }
}
@media screen and (min-width: 320px) {
  .mapFrame {
  -ms-transform: scale(.33);
  -moz-transform: scale(.33);
  -o-transform: scale(.33);
  -webkit-transform: scale(.33);
  transform: scale(.33);
  }
}
@media screen and (min-width: 375px) {
  .mapFrame {
  -ms-transform: scale(.39);
  -moz-transform: scale(.39);
  -o-transform: scale(.39);
  -webkit-transform: scale(.39);
  transform: scale(.39);
  }
}
@media screen and (min-width: 384px) {
  .mapFrame { 
  -ms-transform: scale(.4);
  -moz-transform: scale(.4);
  -o-transform: scale(.4);
  -webkit-transform: scale(.4);
  transform: scale(.4);
  }
}
@media screen and (min-width: 414px) {
  .mapFrame { 
  -ms-transform: scale(.43);
  -moz-transform: scale(.43);
  -o-transform: scale(.43);
  -webkit-transform: scale(.43);
  transform: scale(.43);
  }
}
@media screen and (min-width: 480px) {
  .mapFrame { 
  -ms-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  transform: scale(.5);
  }
}
@media screen and (min-width: 568px) {
  .mapFrame { 
  -ms-transform: scale(.59);
  -moz-transform: scale(.59);
  -o-transform: scale(.59);
  -webkit-transform: scale(.59);
  transform: scale(.59);
  }
}
@media screen and (min-width: 600px) {
  .mapFrame { 
  -ms-transform: scale(.625);
  -moz-transform: scale(.625);
  -o-transform: scale(.625);
  -webkit-transform: scale(.625);
  transform: scale(.625);
  }
}
@media screen and (min-width: 667px) {
  .mapFrame {
  -ms-transform: scale(.69);
  -moz-transform: scale(.69);
  -o-transform: scale(.69);
  -webkit-transform: scale(.69);
  transform: scale(.69);
  }
}
@media screen and (min-width: 736px) {
  .mapFrame { 
  -ms-transform: scale(.76);
  -moz-transform: scale(.76);
  -o-transform: scale(.76);
  -webkit-transform: scale(.76);
  transform: scale(.76);
  }
}
@media screen and (min-width: 768px) {
  .mapFrame { 
  -ms-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -webkit-transform: scale(.8);
  transform: scale(.8);
  }
}
@media screen and (min-width: 960px) {
  .mapFrame { 
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@media screen and (min-width: 960px) {
  #mapOuterWrapper { padding-bottom: 0%; height: 720px; overflow: hidden; }
}
/***TIPTIP**/
/* TipTip CSS - Version 1.2 */
#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: 14px; text-align:center; color: #fff; /*text-shadow: 0 0 2px #000;*/ padding: 8px; border: 2px solid #fff; background-color: #5E5E5E; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; /*box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555;*/ }
#tiptip_content strong{ font-size: 13px; }
#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); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	 #tiptip_content { 	padding: 4px 8px 5px 8px; 	background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner {  	border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner {  	border-top-color: rgba(20,20,20,0.92); } }

/**UNUSED**/
.searchMapFrame { width:960px; height: 460px; margin:0 auto;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .searchMapFrame {
  -ms-transform: scale(.25);
  -moz-transform: scale(.25);
  -o-transform: scale(.25);
  -webkit-transform: scale(.25);
  transform: scale(.25);
  }
}
@media screen and (min-width: 320px) {
  .searchMapFrame {
  -ms-transform: scale(.33);
  -moz-transform: scale(.33);
  -o-transform: scale(.33);
  -webkit-transform: scale(.33);
  transform: scale(.33);
  }
}
@media screen and (min-width: 375px) {
  .searchMapFrame {
  -ms-transform: scale(.39);
  -moz-transform: scale(.39);
  -o-transform: scale(.39);
  -webkit-transform: scale(.39);
  transform: scale(.39);
  }
}
@media screen and (min-width: 384px) {
  .searchMapFrame { 
  -ms-transform: scale(.4);
  -moz-transform: scale(.4);
  -o-transform: scale(.4);
  -webkit-transform: scale(.4);
  transform: scale(.4);
  }
}
@media screen and (min-width: 414px) {
  .searchMapFrame { 
  -ms-transform: scale(.43);
  -moz-transform: scale(.43);
  -o-transform: scale(.43);
  -webkit-transform: scale(.43);
  transform: scale(.43);
  }
}
@media screen and (min-width: 480px) {
  .searchMapFrame { 
  -ms-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  transform: scale(.5);
  }
}
@media screen and (min-width: 568px) {
  .searchMapFrame { 
  -ms-transform: scale(.59);
  -moz-transform: scale(.59);
  -o-transform: scale(.59);
  -webkit-transform: scale(.59);
  transform: scale(.59);
  }
}
@media screen and (min-width: 600px) {
  .searchMapFrame { 
  -ms-transform: scale(.625);
  -moz-transform: scale(.625);
  -o-transform: scale(.625);
  -webkit-transform: scale(.625);
  transform: scale(.625);
  }
}
@media screen and (min-width: 667px) {
  .searchMapFrame {
  -ms-transform: scale(.69);
  -moz-transform: scale(.69);
  -o-transform: scale(.69);
  -webkit-transform: scale(.69);
  transform: scale(.69);
  }
}
@media screen and (min-width: 736px) {
  .searchMapFrame { 
  -ms-transform: scale(.76);
  -moz-transform: scale(.76);
  -o-transform: scale(.76);
  -webkit-transform: scale(.76);
  transform: scale(.76);
  }
}
@media screen and (min-width: 768px) {
  .searchMapFrame { 
  -ms-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -webkit-transform: scale(.8);
  transform: scale(.8);
  }
}
@media screen and (min-width: 960px) {
  .searchMapFrame { 
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}