/* ================================ */ /* ANIMATED MAPS - FAHLGREN MORTINE */ /* ================================ */ /* GENERAL STYLE RULES */ .fahl-animated-map { position: relative; width: 645px; } .fahl-animated-map h5 {margin:.6em 0 .3em;} .fahl-animated-map li {list-style:outside url("../images/icn_arrow_gray.png") disc; } .fahl-animated-map li:before {content:'';} .fahl-animated-map > img { display: block; overflow: visible; margin-bottom: 2em; } .fahl-animated-map.active > ul, .fahl-animated-map.active > ul > li { margin: 0 !important; padding: 0 !important; } .fahl-animated-map.active > ul { position: absolute; top: 0px; left: 0px; } .fahl-animated-map.active > ul > li { position: absolute; display: block; z-index: 2; } .fahl-animated-map.active > ul > li:before { content:''; } .fahl-animated-map.active > ul > li.disabled { z-index: 1; } .fahl-animated-map.active a.fahl-trigger { display: block; width: 25px; height: 28px; cursor: pointer; background: transparent url('images/animated-maps/oilgas-circle.png') no-repeat; } .fahl-animated-map.active > ul > li.inactive a.fahl-trigger { cursor: default; } .fahl-animated-map.active div.fahl-overlay { position: absolute; top: -1px; display: none; min-width: 200px; max-width: 300px; min-height: 20px; padding: 10px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 3px #ccc; } .fahl-animated-map.active div.fahl-overlay.fahl-right { left: 60px; } .fahl-animated-map.active div.fahl-overlay.fahl-left { right: 60px; } .fahl-animated-map.active div.fahl-arrow { position: absolute; top: 0px; width: 60px; height: 65px; background-repeat: no-repeat; } .fahl-animated-map.active div.fahl-overlay.fahl-right div.fahl-arrow { left: -58px; background-position: right 12px; background-image: url('images/animated-maps/arrow-straight-left.png'); } .fahl-animated-map.active div.fahl-overlay.fahl-left div.fahl-arrow { right: -58px; background-position: left 12px; background-image: url('images/animated-maps/arrow-straight-right.png'); } .fahl-animated-map ul li ul li:before {display:inline; content: ''; left:0; top:0; color:auto; max-width:none; max-height:none; font-size:1em;} /* STYLE RULES REGARDING ANIMATED MAP CONTENT */ .solutions #contentMain .fahl-animated-map.active div.fahl-overlay p { line-height: 11px; padding-left: 15px; background: url('images/icn_bullet-blue.jpg') top left no-repeat; } .solutions #contentMain .fahl-animated-map.active div.fahl-overlay ul > li { color:#4f4f4f; } /* STYLE RULES FOR MULTICOLOR BUTTON OVERRIDES */ .fahl-animated-map.multicolor {width:658px; color:#231f20; } .fahl-animated-map.multicolor div.fahl-overlay {padding:6px; } .fahl-animated-map.multicolor div.fahl-overlay:before { content:' '; position:absolute; left:-22px; display:block; width:22px; height:100px; } /* Reduces chance of mousing off the menu accidentally */ .fahl-animated-map.multicolor div.fahl-overlay h4 {height:20px; margin:0 0 .5em; padding:7px 8px 0; font-size:14px; color:#ffffff; background-color:#00b5e2; } .fahl-animated-map.multicolor div.fahl-overlay h4 a {color:#ffffff !important; } .fahl-animated-map.multicolor div.fahl-overlay p {margin-left:8px; font-size:12px; color:#231f20; line-height:14px; } .fahl-animated-map.multicolor div.fahl-overlay ul {margin-left:24px; padding-left:0; } .fahl-animated-map.multicolor div.fahl-overlay li {list-style:none; color:#231f20; line-height:18px; position:relative; } /*removed 16px font */ .fahl-animated-map.multicolor div.fahl-overlay li:before {content:"\00bb"; font-weight:normal; position:absolute; left:-16px; } .fahl-animated-map.multicolor div.fahl-overlay li a, .fahl-animated-map.multicolor div.fahl-overlay p a {color:#231f20; font-size:12px; text-decoration:underline; } .fahl-animated-map.multicolor div.fahl-overlay li a:hover {color:#00b5e2; } /* SPECIFIC STYLE RULES - PLACEMENT OF DOTS ON IMAGE */ /* Commercial Marine landing */ li#fahl-commercial-marine-1 {top:233px;left:75px; } li#fahl-commercial-marine-2 {top:210px;left:260px; } li#fahl-commercial-marine-3 {top:211px;left:487px; } li#fahl-commercial-marine-4 {top:359px;left:157px; } li#fahl-commercial-marine-5 {top:346px;left:366px; } li#fahl-commercial-marine-6 {top:301px;left:483px; } /* Bulk Carrier vessels */ li#fahl-bulk-carrier-vessels-1 {top: 189px;left: 414px;} li#fahl-bulk-carrier-vessels-2 {top: 176px;left: 502px;} li#fahl-bulk-carrier-vessels-3 {top: 169px;left: 373px;} li#fahl-bulk-carrier-vessels-4 {top: 208px;left: 205px;} li#fahl-bulk-carrier-vessels-5 {top: 217px;left: 154px;} li#fahl-bulk-carrier-vessels-6 {top: 162px;left: 525px;} /* Container vessels */ li#fahl-container-vessels-1 {top:202px;left:108px; } li#fahl-container-vessels-2 {top:238px;left:265px; } li#fahl-container-vessels-3 {top:226px;left:315px; } li#fahl-container-vessels-4 {top:169px;left:467px; } li#fahl-container-vessels-5 {top:157px;left:495px; } li#fahl-container-vessels-6 {top:136px;left:534px; } /* Cruise vessels */ li#fahl-cruise-vessels-1 {top: 173px;left: 462px;} li#fahl-cruise-vessels-2 {top: 167px;left: 487px;} li#fahl-cruise-vessels-3 {top: 130px;left: 468px;} li#fahl-cruise-vessels-4 {top: 157px;left: 515px;} /* Offshore Supply vessels, etc. */ li#fahl-offshore-supply-vessels-1 {top: 290px;left: 215px;} li#fahl-offshore-supply-vessels-2 {top: 261px;left: 289px;} li#fahl-offshore-supply-vessels-3 {top: 204px;left: 506px;} li#fahl-offshore-supply-vessels-4 {top: 198px;left: 452px;} li#fahl-offshore-supply-vessels-5 {top: 194px;left: 414px;} li#fahl-offshore-supply-vessels-6 {top: 189px;left: 530px;} /* Oil Tanker vessels */ li#fahl-oil-tanker-vessels-1 {top: 172px;left: 458px;} li#fahl-oil-tanker-vessels-2 {top: 166px;left: 477px;} li#fahl-oil-tanker-vessels-3 {top: 216px;left: 339px;} li#fahl-oil-tanker-vessels-4 {top: 186px;left: 335px;} li#fahl-oil-tanker-vessels-5 {top:157px;left:495px;} /* Specialized vessels */ li#fahl-specialized-vessels-1 { top: 250px; left: 244px; } li#fahl-specialized-vessels-2 { top: 226px; left: 316px; } li#fahl-specialized-vessels-3 { top: 219px; left: 370px; } li#fahl-specialized-vessels-4 { top: 196px; left: 394px; } li#fahl-specialized-vessels-5 { top: 166px; left: 453px; } li#fahl-specialized-vessels-6 { top: 180px; left: 486px; } /* Industrial Solutions landing */ li#fahl-industrial-solutions-1 { top: 44px; left: 121px; } li#fahl-industrial-solutions-2 { top: 180px; left: 229px; } li#fahl-industrial-solutions-3 { top: 30px; left: 509px; } li#fahl-industrial-solutions-4 { top: 241px; left: 539px; } /* Chemical Processing */ li#fahl-chemical-processing-1 {top: 136px; left: 198px; } li#fahl-chemical-processing-2 {top: 190px; left: 359px; } /* Mining */ li#fahl-mining-1 {top: 153px; left: 105px; } li#fahl-mining-2 {top: 213px; left: 126px; } li#fahl-mining-3 {top: 151px; left: 211px; } li#fahl-mining-4 {top: 90px; left: 283px; } li#fahl-mining-5 {top: 127px; left: 508px; } /* Pulp and Paper */ li#fahl-pulp-paper-1 {top: 131px; left: 424px; } li#fahl-pulp-paper-2 {top: 247px; left: 427px; } /* TEST for Wastewater */ li#fahl-wastewater-1 {top: 151px; left: 306px; } /* Defense landing */ /*THESE ARE RESET FOR CUSTOM POSITIONS */ li#fahl-defense-1 {top: 84px; left: 17px; } li#fahl-defense-1 a.fahl-trigger {background:transparent url(images/rollovers/defense_superstructure.png) no-repeat; width:127px; } li#fahl-defense-1 .fahl-overlay {left:123px; } li#fahl-defense-1 .fahl-overlay h4 {background-color:#d4891d; } li#fahl-defense-1 .fahl-overlay a:hover {color:#d4891d; } li#fahl-defense-2 {top: 79px; left: 230px; } li#fahl-defense-2 a.fahl-trigger {background:transparent url(images/rollovers/defense_engine_room.png) no-repeat; width:103px; } li#fahl-defense-2 .fahl-overlay {left:22px; } li#fahl-defense-2 .fahl-overlay h4 {background-color:#00b5e2; } li#fahl-defense-2 .fahl-overlay a:hover {color:#00b5e2; } li#fahl-defense-3 {top: 80px; left: 398px; } li#fahl-defense-3 a.fahl-trigger {background:transparent url(images/rollovers/defense_flight_deck.png) no-repeat; width:110px; } li#fahl-defense-3 .fahl-overlay {left:22px; } li#fahl-defense-3 .fahl-overlay h4 {background-color:#949b51; } li#fahl-defense-3 .fahl-overlay a:hover {color:#949b51; } li#fahl-defense-4 {top: 274px; left: 210px; } li#fahl-defense-4 a.fahl-trigger {background:transparent url(images/rollovers/defense_gun.png) no-repeat; width:48px; } li#fahl-defense-4 .fahl-overlay {left:44px; } li#fahl-defense-4 .fahl-overlay h4 {background-color:#b32317; } li#fahl-defense-4 .fahl-overlay a:hover {color:#b32317; } li#fahl-defense-5 {top:54px; left:17px; z-index:0; } li#fahl-defense-5 a.fahl-trigger {background:transparent url(images/rollovers/defense_inactive.png) no-repeat; width:585px; height:263px; } /* Oil & Gas landing */ /*THESE ARE RESET FOR CUSTOM POSITIONS */ li#fahl-oil-gas-1 {top: 54px; left: 118px; } li#fahl-oil-gas-1 a.fahl-trigger {background:transparent url(images/rollovers/oil_gas_production.png) no-repeat; width:97px; } li#fahl-oil-gas-1 .fahl-overlay {left:22px; } li#fahl-oil-gas-1 .fahl-overlay h4 {background-color:#00b5e2; } li#fahl-oil-gas-1 .fahl-overlay a:hover {color:#00b5e2; } li#fahl-oil-gas-2 {top: 195px; left: 143px; } li#fahl-oil-gas-2 a.fahl-trigger {background:transparent url(images/rollovers/oil_gas_transportation.png) no-repeat; width:126px; } li#fahl-oil-gas-2 .fahl-overlay {left:22px; } li#fahl-oil-gas-2 .fahl-overlay h4 {background-color:#b32317; } li#fahl-oil-gas-2 .fahl-overlay a:hover {color:#b32317; } li#fahl-oil-gas-3 {top: 45px; left: 489px; } li#fahl-oil-gas-3 a.fahl-trigger {background:transparent url(images/rollovers/oil_gas_refining.png) no-repeat; width:77px; } li#fahl-oil-gas-3 .fahl-overlay {left:22px; } li#fahl-oil-gas-3 .fahl-overlay h4 {background-color:#949b51; } li#fahl-oil-gas-3 .fahl-overlay a:hover {color:#949b51; } li#fahl-oil-gas-4 {top: 175px; left: 389px; } li#fahl-oil-gas-4 a.fahl-trigger {background:transparent url(images/rollovers/oil_gas_storage.png) no-repeat; width:77px; } li#fahl-oil-gas-4 .fahl-overlay {left:22px; } li#fahl-oil-gas-4 .fahl-overlay h4 {background-color:#d4891d; } li#fahl-oil-gas-4 .fahl-overlay a:hover {color:#d4891d; } /* Power Gen landing */ li#fahl-power-gen-1 { top: 112px; left: 58px; } li#fahl-power-gen-1 a.fahl-trigger {background:transparent url(images/rollovers/pg_stationary_diesel.png) no-repeat; width:145px; } li#fahl-power-gen-1 .fahl-overlay {left:22px; } li#fahl-power-gen-1 .fahl-overlay h4 {background-color:#002d56; } li#fahl-power-gen-1 .fahl-overlay a:hover {color:#002d56; } li#fahl-power-gen-2 { top: 290px; left: 78px; } li#fahl-power-gen-2 a.fahl-trigger {background:transparent url(images/rollovers/pg_solar_power.png) no-repeat; width:210px; } li#fahl-power-gen-2 .fahl-overlay {left:22px; } li#fahl-power-gen-2 .fahl-overlay h4 {background-color:#949b51; } li#fahl-power-gen-2 .fahl-overlay a:hover {color:#949b51; } li#fahl-power-gen-3 { top: 92px; left: 236px; } li#fahl-power-gen-3 a.fahl-trigger {background:transparent url(images/rollovers/pg_steam.png) no-repeat; width:72px; } li#fahl-power-gen-3 .fahl-overlay {left:22px; } li#fahl-power-gen-3 .fahl-overlay h4 {background-color:#b32317; } li#fahl-power-gen-3 .fahl-overlay a:hover {color:#b32317; } li#fahl-power-gen-4 { top: 200px; left: 288px; } li#fahl-power-gen-4 a.fahl-trigger {background:transparent url(images/rollovers/pg_combustion.png) no-repeat; width:107px; } li#fahl-power-gen-4 .fahl-overlay {left:22px; } li#fahl-power-gen-4 .fahl-overlay h4 {background-color:#7d6b55; } li#fahl-power-gen-4 .fahl-overlay a:hover {color:#7d6b55; } li#fahl-power-gen-5 { top: 30px; left: 353px; } li#fahl-power-gen-5 a.fahl-trigger {background:transparent url(images/rollovers/pg_combined_cycle.png) no-repeat; width:131px; } li#fahl-power-gen-5 .fahl-overlay {left:22px; } li#fahl-power-gen-5 .fahl-overlay h4 {background-color:#d4891d; } li#fahl-power-gen-5 .fahl-overlay a:hover {color:#d4891d; } li#fahl-power-gen-6 { top: 145px; left: 364px; } li#fahl-power-gen-6 a.fahl-trigger {background:transparent url(images/rollovers/pg_cogeneration.png) no-repeat; width:119px; } li#fahl-power-gen-6 .fahl-overlay {left:22px; } li#fahl-power-gen-6 .fahl-overlay h4 {background-color:#413b3a; } li#fahl-power-gen-6 .fahl-overlay a:hover {color:#413b3a; } li#fahl-power-gen-7 { top: 100px; left: 577px; } li#fahl-power-gen-7 a.fahl-trigger {background:transparent url(images/rollovers/pg_hydro.png) no-repeat; width:71px; } li#fahl-power-gen-7 .fahl-overlay {left:22px; } li#fahl-power-gen-7 .fahl-overlay h4 {background-color:#00b5e2; } li#fahl-power-gen-7 .fahl-overlay a:hover {color:#00b5e2; } /* RS landing */ li#fahl-reliability-services-1 { left: 510px; top: 77px; } li#fahl-reliability-services-1 a.fahl-trigger {background:transparent url(images/rollovers/rs_power.png) no-repeat; width:73px; } li#fahl-reliability-services-1 .fahl-overlay {left:22px; } li#fahl-reliability-services-1 .fahl-overlay h4 {background-color:#949b51; } li#fahl-reliability-services-1 .fahl-overlay a:hover {color:#949b51; } li#fahl-reliability-services-2 { left: 214px; top: 126px; } li#fahl-reliability-services-2 a.fahl-trigger {background:transparent url(images/rollovers/rs_manufacturing.png) no-repeat; width:131px; } li#fahl-reliability-services-2 .fahl-overlay {left:22px; } li#fahl-reliability-services-2 .fahl-overlay h4 {background-color:#41383a; } li#fahl-reliability-services-2 .fahl-overlay a:hover {color:#41383a; } li#fahl-reliability-services-3 { left: 71px; top: 172px; } li#fahl-reliability-services-3 a.fahl-trigger {background:transparent url(images/rollovers/rs_pulp_paper.png) no-repeat; width:113px; } li#fahl-reliability-services-3 .fahl-overlay {left:22px; } li#fahl-reliability-services-3 .fahl-overlay h4 {background-color:#00b0da; } li#fahl-reliability-services-3 .fahl-overlay a:hover {color:#00b0da; } li#fahl-reliability-services-4 { left: 393px; top: 209px; } li#fahl-reliability-services-4 a.fahl-trigger {background:transparent url(images/rollovers/rs_refining.png) no-repeat; width:85px; } li#fahl-reliability-services-4 .fahl-overlay {left:22px; } li#fahl-reliability-services-4 .fahl-overlay h4 {background-color:#7c6a55; } li#fahl-reliability-services-4 .fahl-overlay a:hover {color:#7c6a55; } li#fahl-reliability-services-5 { left: 129px; top: 246px; } li#fahl-reliability-services-5 a.fahl-trigger {background:transparent url(images/rollovers/rs_steel.png) no-repeat; width:66px; } li#fahl-reliability-services-5 .fahl-overlay {left:22px; } li#fahl-reliability-services-5 .fahl-overlay h4 {background-color:#d4891d; } li#fahl-reliability-services-5 .fahl-overlay a:hover {color:#d4891d; } li#fahl-reliability-services-6 { left: 85px; top: 377px; } li#fahl-reliability-services-6 a.fahl-trigger {background:transparent url(images/rollovers/rs_chemical.png) no-repeat; width:90px; } li#fahl-reliability-services-6 .fahl-overlay {left:22px; } li#fahl-reliability-services-6 .fahl-overlay h4 {background-color:#b32317; } li#fahl-reliability-services-6 .fahl-overlay a:hover {color:#b32317; } li#fahl-reliability-services-7 { left: 505px; top: 382px; } li#fahl-reliability-services-7 a.fahl-trigger {background:transparent url(images/rollovers/rs_offshore.png) no-repeat; width:90px; } li#fahl-reliability-services-7 .fahl-overlay {left:22px; } li#fahl-reliability-services-7 .fahl-overlay h4 {background-color:#002d56; } li#fahl-reliability-services-7 .fahl-overlay a:hover {color:#002d56; }