@charset "UTF-8";
/* CSS Document */

body {
margin: 90px auto auto auto;
background-color:#000000;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
}

code {
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
	font-size: 12px;
	color: #fff;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}

#screensaverBG {
	position:absolute;
	top:0px;
	left:0px;
	z-index:4090;
	background-color:#fff;
    width:100%;
    height:100%;
	display:none;
}

#screensaver {
	position:absolute;
	top:40px;
	left:19px;
	z-index:5000;
	background-color:#aaa;
    width:1880px;
    height:1015px;
	display:none;
}

#container {
  width:1884px;
  height:904px;
}

#leftColumnContainer {
  position:absolute;
  top: 90px;
  left:18px;
  width:244px;
  float: left;
}

#mapContainer {
  position:absolute;
  top: 90px;
  left:263px;
  margin-left:11px;
  margin-right:11px;
  width:1366px;
  height:904px;
  float: left;
}

#mapLogo {
  position:absolute;
  top: 5px;
  left:5px;
  z-index:10;
}

#rightColumnContainer {
  position:absolute;
  top: 90px;
  left:1656px;
  width:244px;
  float: left;
}

#map {
	border: 2px solid #333399;
	width: 1366px;
	height: 875px;
}

#map3 {
	border: 2px solid #333399;
	width: 1366px;
	height: 800px;
}

#mapMask {
	position:absolute;
    bottom:102px;
    left:2px;
	width: 1366px;
	height: 16px;
	z-index:10;
}

.panzoom-parent { width:1366px; height:800px;}
.panzoom-parent .panzoom {  }
#inverted-contain .panzoom { width: 100%; height: 100%; }
.buttons { position:absolute; top: 20px; right: 20px; z-index:10; }

.o_panzoom-parent { width:565px; height:799px;}
.o_panzoom-parent .o_panzoom {  }
#o_inverted-contain .o_panzoom { width: 100%; height: 100%; }
.o_buttons { position:absolute; top: 20px; right: 20px; z-index:10; }

#marquee {
  color:#FFFFFF;
  font-size:24px;
  text-align:center;
  padding-top:0px;
  width:1366px;
  height:105px;
  overflow:hidden;
}

#buttonContainer {
  position:absolute;
  text-align:center;
  top: 916px;
  left:0px;
  width:1370px;
  height:42px;	
}

#catButtonContainer {
  position:absolute;
  text-align:center;
  top: 866px;
  left:0px;
  width:1370px;
  height:42px;	
}

#subcatButtonContainer {
  position:absolute;
  text-align:center;
  top: 841px;
  left:0px;
  width:1370px;
  height:60px;	
}

.button {
  margin-right:8px;	
}

.buttonLast {
  margin-right:0px;	
}

#featuredImage {
   border: 2px solid #333399;
   width:240px;
   height:150px;
   padding: 0px 0px 0px 0px;
   margin-bottom:8px;
}

#featuredImageBottom {
   border: 2px solid #333399;
   width:240px;
   height:178px;
   padding: 0px 0px 0px 0px;
   margin-bottom:0px;
}

.small_text {
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

#weatherContainer0 { position:absolute; top:621px; left:1393px; width:242px; height:214px; z-index:2; background-image:url(/images/weather_background2.png); }
#weatherContainer1 { position:absolute; top:591px; left:1393px; width:242px; height:214px; z-index:2; background-image:url(/images/weather_background2.png); }
#weatherContainer2 { position:absolute; top:561px; left:1393px; width:242px; height:214px; z-index:2; background-image:url(/images/weather_background2.png); }

#weather { width:242px; height:214px; text-align:center; }

#airport_button1 { display:block; width:222px; height:25px; margin:5px 0px 0px 10px; z-index:2; }
#airport_button2 { display:block; width:222px; height:25px; margin:5px 0px 0px 10px; z-index:2; }

#events_button { display:block; width:222px; height:25px; margin:5px 0px 0px 10px; z-index:2; }

#mapFindit { position:absolute; top:610px; left:25px; z-index:2; }

#icon_info {
	padding: 7px 0px 7px 0px;
	width:1370px;
	text-align:center;
	color:#f7e942;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

#icons { top: 905px; left: 275px; width: 1368px; height: 104px;  z-index:10;}
#icons_1 { top: 848px; left: 275px; width: 1368px; height: 104px; }
#icons_2 { top: 848px; left: 275px; width: 1368px; height: 34px; }

#iconsbody {
  background: #000000;
  text-align:center;
  padding: 0px 4px 5px 4px;
}

.popup {
  border: solid 2px #333399;
  background: #FFFFFF;
  display: none;
  position: absolute;
  z-index: 500;
}

.popuptitle {
  background:#FFFFFF;
  color:#333399;
  font-size:18px;
  font-weight:bold;
  padding: 5px;
  text-align: center;
}

.popupbody {
  background:#ccc;
  width:1356px;
  height:750px;
  padding: 5px;
  text-align: center;
}

#popup1 { position:absolute; top:90px; left:274px; width:800px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }

#more_info_popup1 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup2 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup3 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup4 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup5 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup6 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup7 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#more_info_popup8 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }

#popupForecast { position:absolute; display:none; background-color:#FFF; border:2px solid #333399; top:90px; left:274px; width:1366px; height:800px; z-index:200; } 
#popupForecast iframe { width:1366px; height:758px; border:0px; }

#popupOtherOptions { position:absolute; top:90px; left:274px; width:800px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupOtherOptions iframe { width:800px; height:750px; border:0px; padding:0px;  }

#oo_cat_ad { position:absolute; top:90px; left:1076px; width:564px; height:799px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }

#popupHotel1 { position:absolute; top:90px; left:274px; width:800px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupHotel2 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupHotel3 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupHotel4 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupHotel5 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupHotel6 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupHotel7 { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }

#popupAirport1 { position:absolute; top:90px; left:274px; width:800px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupAirport2 { position:absolute; top:90px; left:274px; width:800px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }

#popupDirections { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupDirections .d { border:0px; width: 560px; height: 800px; }

#popupDirectionsOtherOptions { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:40; background-color:#FFF; display:none; }
#popupDirectionsOtherOptions .d { border:0px; width: 560px; height: 780px; }

#popupMoreInfoOtherOptions { position:absolute; top:90px; left:1076px; width:564px; height:800px; border:2px solid #333399; z-index:40; background-color:#FFF; margin: 0px; padding:0px; display:none; }
#popupMoreInfoOtherOptions .d { border:0px; width: 564px; height: 800px; margin:0px; padding: 0px; }

#popupDirectionsAirport { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupDirectionsAirport .d { border:0px; width: 560px; height: 800px; }

#popupFindIt { position:absolute; top:90px; left:274px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupFindIt .d { border:0px; width: 560px; height: 750px; }

#popupRight { position:absolute; top:90px; left:1076px; width:565px; height:800px; border:2px solid #333399; z-index:20; background-color:#FFF; display:none; }
#popupRight .d { border:0px; width: 560px; height: 800px; }

#roadblockLeft {
  position:absolute;
  display:none;
  border:2px solid #333399;
  top: 90px;
  left:18px;
  width:240px;
  height:960px;
  z-index:200;
}

#roadblockRight {
  position:absolute;
  display:none;
  border:2px solid #333399;
  top: 90px;
  left:1656px;
  width:240px;
  height:960px;
  z-index:200;
}

/* \\\\\\\\\\\\\\\\\    MODAL CODE   ///////////////////////////////// */
.btn {
  font-size: 3vmin;
  padding: 0px 25px;
  background-color: #fff;
  border: 1px solid #555;
  color: #333;
  text-decoration: none;
  display: inline;
  border-radius: 6px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn:hover {
  background-color: #ddd;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: 7px 25px;
  font-size: 0.8em;
}

.zoom {
    transform: scale(0.56); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
}

.modal-box {
  display: none;
  position:absolute;
  top: 90px;
  left:274px;
  background: #000;
  color:#FFF;
  border: 2px solid #333399;
  padding: 0px;
  width: 800px;
  height: 875px;
  z-index: 1000;
}

.modal-box header,
.modal-box .modal-header {
  /*padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;*/
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 0px; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 15px;
  height:27px;
  background: #fff;
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

.leaflet-note-container {
    position:absolute;
    padding: 0px;
    background-color: transparent;
    opacity: 100 !important;
	border: 0px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	-ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}
.leaflet-popup-scrolled {
    overflow: visible;
}