.litetooltip-wrapper { position: absolute; font: normal 90% Verdana; z-index: 10000; display: block; visibility: visible; min-width: 100px; } .litetooltip-wrapper.incontainer { position: relative; } .litetooltip-wrapper.incontainer .tooltip-content { position: relative; } .litetooltip-wrapper.top, .litetooltip-wrapper.top-left, .litetooltip-wrapper.top-right { margin-top: -3px; padding: 5px 0px 10px 0px; } .litetooltip-wrapper.right, .litetooltip-wrapper.right-top, .litetooltip-wrapper.right-bottom { margin-left: 3px; padding: 0px 5px 0px 10px; } .litetooltip-wrapper.bottom, .litetooltip-wrapper.bottom-left, .litetooltip-wrapper.bottom-right { margin-top: 3px; padding: 10px 0px 5px 0px; } .litetooltip-wrapper.left, .litetooltip-wrapper.left-top, .litetooltip-wrapper.left-bottom { margin-left: -3px; padding: 0px 10px 0px 5px; } .litetooltip-wrapper .tooltip-arrow { border-color: transparent; border-style: solid; width: 0px; height: 0px; padding: 0px; } .litetooltip-wrapper .tooltip-arrow.top { margin-left: -8px; position: absolute; left: 50%; bottom: 0px; border-width: 10px 8px 0px 8px; } .litetooltip-wrapper .tooltip-arrow.top-left { margin-left: 8px; left: 0px; bottom: 0px; position: absolute; border-width: 10px 8px 0px 8px; } .litetooltip-wrapper .tooltip-arrow.top-right { margin-right: 8px; right: 0px; bottom: 0px; position: absolute; border-width: 10px 8px 0px 8px; } .litetooltip-wrapper .tooltip-arrow.right { margin-top: -8px; position: absolute; top: 50%; left: 0px; border-width: 8px 10px 8px 0; } .litetooltip-wrapper .tooltip-arrow.right-top { margin-bottom: 8px; position: absolute; bottom: 0px; left: 0px; border-width: 8px 10px 8px 0; } .litetooltip-wrapper .tooltip-arrow.right-bottom { margin-top: 8px; position: absolute; top: 0px; left: 0px; border-width: 8px 10px 8px 0; } .litetooltip-wrapper .tooltip-arrow.bottom { margin-left: -8px; position: absolute; left: 50%; top: 0px; border-width: 0px 8px 10px 8px; } .litetooltip-wrapper .tooltip-arrow.bottom-left { margin-left: 8px; position: absolute; left: 0px; top: 0px; border-width: 0px 8px 10px 8px; } .litetooltip-wrapper .tooltip-arrow.bottom-right { margin-right: 8px; position: absolute; right: 0px; top: 0px; border-width: 0px 8px 10px 8px; } .litetooltip-wrapper .tooltip-arrow.left { margin-top: -8px; position: absolute; top: 50%; right: 0px; border-width: 8px 0px 8px 10px; } .litetooltip-wrapper .tooltip-arrow.left-top { margin-bottom: 8px; position: absolute; bottom: 0px; right: 0px; border-width: 8px 0px 8px 10px; } .litetooltip-wrapper .tooltip-arrow.left-bottom { margin-top: 8px; position: absolute; top: 0px; right: 0px; border-width: 8px 0px 8px 10px; } .litetooltip-wrapper .tooltip-content { padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-width: 90px; } .litetooltip-wrapper .tooltip-content .clear { clear: both; } .litetooltip-wrapper .tooltip-content > p { padding-left: 3px; } /******************************************/ /*************** templates ****************/ .litetooltip-wrapper .tooltip-menu { padding: 0px; margin: 0px; float: left; } .litetooltip-wrapper .tooltip-menu ul, .litetooltip-wrapper .tooltip-menu ol { margin: 0px; padding: 0px; width: 100%; float: left; clear: both; } .litetooltip-wrapper .tooltip-menu li { padding: 0px; margin: 0px; list-style: none; float: left; border: solid 1px; clear: both; width: 100%; overflow: hidden; } .litetooltip-wrapper .tooltip-menu a { display: block; text-decoration: none; padding: 5px; margin: 0px; clear: both; min-width: 100%; width: 100%; float: left; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson { background: #df3030; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson li { border-color: #df3030; border-bottom: solid 1px #d12b2b; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson a { color: #fff; } .litetooltip-wrapper .tooltip-menu.AlizarinCrimson a:hover { color: #000; background: #f79992; } .litetooltip-wrapper .tooltip-menu.Geradline { background: #f79992; } .litetooltip-wrapper .tooltip-menu.Geradline li { border-color: #f79992; border-bottom: solid 1px #ea8880; } .litetooltip-wrapper .tooltip-menu.Geradline a { color: #000; } .litetooltip-wrapper .tooltip-menu.Geradline a:hover { color: #fff; background: #ee6a60; } .litetooltip-wrapper .tooltip-menu.Conifer { background: #a2d959; } .litetooltip-wrapper .tooltip-menu.Conifer li { border-color: #a2d959; border-bottom: solid 1px #94c652; } .litetooltip-wrapper .tooltip-menu.Conifer a { color: #000; } .litetooltip-wrapper .tooltip-menu.Conifer a:hover { color: #fff; background: #7fba00; } .litetooltip-wrapper .tooltip-menu.Spindle { background: #bfd9f0; } .litetooltip-wrapper .tooltip-menu.Spindle li { border-color: #bfd9f0; border-bottom: solid 1px #d2e0ec; } .litetooltip-wrapper .tooltip-menu.Spindle a { color: #000; } .litetooltip-wrapper .tooltip-menu.Spindle a:hover { color: #fff; background: #6699cc; } .litetooltip-wrapper .tooltip-menu.BostonBlue { background: #6699cc; } .litetooltip-wrapper .tooltip-menu.BostonBlue li { border-color: #6699cc; border-bottom: solid 1px #4f83b7; } .litetooltip-wrapper .tooltip-menu.BostonBlue a { color: #fff; } .litetooltip-wrapper .tooltip-menu.BostonBlue a:hover { color: #000; background: #bfd9f0; } .litetooltip-wrapper .tooltip-menu.CarrotOrange { background: #ed9122; } .litetooltip-wrapper .tooltip-menu.CarrotOrange li { border-color: #ed9122; border-bottom: solid 1px #d47f19; } .litetooltip-wrapper .tooltip-menu.CarrotOrange a { color: #fff; } .litetooltip-wrapper .tooltip-menu.CarrotOrange a:hover { color: #000; background: #fecf3d; } .litetooltip-wrapper .tooltip-menu.Affair { background: #7c4d94; } .litetooltip-wrapper .tooltip-menu.Affair li { border-color: #7c4d94; border-bottom: solid 1px #8d60a4; } .litetooltip-wrapper .tooltip-menu.Affair a { color: #000; } .litetooltip-wrapper .tooltip-menu.Affair a:hover { color: #fff; background: #a778bf; } .litetooltip-wrapper .tooltip-menu.PaleConifer { background: #bad87a; } .litetooltip-wrapper .tooltip-menu.PaleConifer li { border-color: #bad87a; border-bottom: solid 1px #9db963; } .litetooltip-wrapper .tooltip-menu.PaleConifer a { color: #000; } .litetooltip-wrapper .tooltip-menu.PaleConifer a:hover { background: #f5ffbe; } .litetooltip-wrapper .tooltip-menu.BrightSun { background: #fec000; } .litetooltip-wrapper .tooltip-menu.BrightSun li { border-color: #fec000; border-bottom: solid 1px #ebb203; } .litetooltip-wrapper .tooltip-menu.BrightSun a { color: #000; } .litetooltip-wrapper .tooltip-menu.BrightSun a:hover { background: #fecf3d; } .litetooltip-wrapper .tooltip-menu.AmazonLemon { background: #7fba00; } .litetooltip-wrapper .tooltip-menu.AmazonLemon li { border-color: #7fba00; border-bottom: solid 1px #8ac903; } .litetooltip-wrapper .tooltip-menu.AmazonLemon a { color: #000; } .litetooltip-wrapper .tooltip-menu.AmazonLemon a:hover { background: #fde910; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti { background: #593737; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti li { border-color: #593737; border-bottom: solid 1px #734f4f; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti a { color: #fff; } .litetooltip-wrapper .tooltip-menu.CoffeeConfetti a:hover { color: #000; background: #e9d75a; } .litetooltip-wrapper .tooltip-menu.OysterPrim { background: #988d77; } .litetooltip-wrapper .tooltip-menu.OysterPrim li { border-color: #988d77; border-bottom: solid 1px #786e59; } .litetooltip-wrapper .tooltip-menu.OysterPrim a { color: #000; } .litetooltip-wrapper .tooltip-menu.OysterPrim a:hover { background: #fdfeb8; } .litetooltip-wrapper .tooltip-menu li.last-child { border-bottom: 0px; } .litetooltip-wrapper .image-right { float: right; margin: 0px 0px 0px 5px; padding: 2px; } .litetooltip-wrapper .image-left { float: left; margin: 0px 5px 0px 0px; padding: 2px; } .litetooltip-wrapper .video-wrapper { padding-bottom: 56.26%; position: relative; width: 500px; } .litetooltip-wrapper .video-wrapper iframe { display: block; width: 100%; height: 100%; top: 0; left: 0px; position: absolute; } .litetooltip-wrapper .template { float: left; } .litetooltip-wrapper .template h4 { margin: 0px; padding: 2px 4px 4px 4px; color: #fff; font-size: 12px; display: block; } .litetooltip-wrapper .template p { margin: 0px; padding: 2px 4px; display: block; float: left; } .litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol { margin: 0px; padding: 5px 5px 5px 5px; list-style-position: inside; } .litetooltip-wrapper .template li { padding: 2px 0px; } .litetooltip-wrapper .template p, .litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol { background: #fff; color: #333; } .litetooltip-wrapper .template.AlizarinCrimson, .litetooltip-wrapper .template.AlizarinCrimson h4 { background: #df3030; } .litetooltip-wrapper .template.RadicalRed, .litetooltip-wrapper .template.RadicalRed h4 { background: #ff1e53; } .litetooltip-wrapper .template.Geradline, .litetooltip-wrapper .template.Geradline h4 { background: #f79992; color: #333333; } .litetooltip-wrapper .template.Conifer, .litetooltip-wrapper .template.Conifer h4 { background: #a2d959; } .litetooltip-wrapper .template.Limeade, .litetooltip-wrapper .template.Limeade h4 { background: #7fba00; } .litetooltip-wrapper .template.AppleGreen, .litetooltip-wrapper .template.AppleGreen h4 { background: #4cc744; } .litetooltip-wrapper .template.Spindle, .litetooltip-wrapper .template.Spindle h4 { background: #bfd9f0; color: #333333; } .litetooltip-wrapper .template.Danube, .litetooltip-wrapper .template.Danube h4 { background: #6699cc; } .litetooltip-wrapper .template.BostonBlue, .litetooltip-wrapper .template.BostonBlue h4 { background: #4182c2; } .litetooltip-wrapper .template.CarrotOrange, .litetooltip-wrapper .template.CarrotOrange h4 { background: #ed9122; } .litetooltip-wrapper .template.BrightSun, .litetooltip-wrapper .template.BrightSun h4 { background: #fecf3d; color: #333333; } .litetooltip-wrapper .template.Affair, .litetooltip-wrapper .template.Affair h4 { background: #7c4d94; } .litetooltip-wrapper .template.HotRed, .litetooltip-wrapper .template.HotRed h4 { background: #df3030; } .litetooltip-wrapper .template.HotRed p, .litetooltip-wrapper .template.HotRed ul, .litetooltip-wrapper .template.HotRed ol { background: #f79992; color: #000; } .litetooltip-wrapper .template.HuskyBlue, .litetooltip-wrapper .template.HuskyBlue h4 { background: #4182c2; } .litetooltip-wrapper .template.HuskyBlue p, .litetooltip-wrapper .template.HuskyBlue ul, .litetooltip-wrapper .template.HuskyBlue ol { background: #bfd9f0; color: #000; } .litetooltip-wrapper .template.MoonAffair, .litetooltip-wrapper .template.MoonAffair h4 { background: #7c4d94; } .litetooltip-wrapper .template.MoonAffair p, .litetooltip-wrapper .template.MoonAffair ul, .litetooltip-wrapper .template.MoonAffair ol { background: #e8cbf7; color: #000; } .litetooltip-wrapper .template.PaleMint, .litetooltip-wrapper .template.PaleMint h4 { background: #7fba00; } .litetooltip-wrapper .template.PaleMint p, .litetooltip-wrapper .template.PaleMint ul, .litetooltip-wrapper .template.PaleMint ol { background: #f5ffbe; color: #000; } .litetooltip-wrapper .template.BlueRomance, .litetooltip-wrapper .template.BlueRomance h4 { background: #0066ff; } .litetooltip-wrapper .template.BlueRomance p, .litetooltip-wrapper .template.BlueRomance ul, .litetooltip-wrapper .template.BlueRomance ol { background: #d2f6de; color: #000; } .litetooltip-wrapper .template.AmazonLemon, .litetooltip-wrapper .template.AmazonLemon h4 { background: #7fba00; } .litetooltip-wrapper .template.AmazonLemon p, .litetooltip-wrapper .template.AmazonLemon ul, .litetooltip-wrapper .template.AmazonLemon ol { background: #fde910; color: #000; } .litetooltip-wrapper .template.LimeConfier, .litetooltip-wrapper .template.LimeConfier h4 { background: #7fba00; } .litetooltip-wrapper .template.LimeConfier p, .litetooltip-wrapper .template.LimeConfier ul, .litetooltip-wrapper .template.LimeConfier ol { background: #a2d959; color: #000; } .litetooltip-wrapper .template.MustardSun, .litetooltip-wrapper .template.MustardSun h4 { background: #ed9122; } .litetooltip-wrapper .template.MustardSun p, .litetooltip-wrapper .template.MustardSun ul, .litetooltip-wrapper .template.MustardSun ol { background: #fecf3d; color: #000; } .litetooltip-wrapper .template.AtollSea, .litetooltip-wrapper .template.AtollSea h4 { background: #0a6f75; } .litetooltip-wrapper .template.AtollSea p, .litetooltip-wrapper .template.AtollSea ul, .litetooltip-wrapper .template.AtollSea ol { background: #fecf3d; color: #000; } .litetooltip-wrapper .template.BlazeOrange, .litetooltip-wrapper .template.BlazeOrange h4 { background: #ff6600; } .litetooltip-wrapper .template.BlazeOrange p, .litetooltip-wrapper .template.BlazeOrange ul, .litetooltip-wrapper .template.BlazeOrange ol { background: #0a6f75; color: #fff; } .litetooltip-wrapper .template.CoffeeConfetti, .litetooltip-wrapper .template.CoffeeConfetti h4 { background: #593737; } .litetooltip-wrapper .template.CoffeeConfetti p, .litetooltip-wrapper .template.CoffeeConfetti ul, .litetooltip-wrapper .template.CoffeeConfetti ol { background: #e9d75a; color: #000; } .litetooltip-wrapper .template.OysterPrim, .litetooltip-wrapper .template.OysterPrim h4 { background: #988d77; } .litetooltip-wrapper .template.OysterPrim p, .litetooltip-wrapper .template.OysterPrim ul, .litetooltip-wrapper .template.OysterPrim ol { background: #fdfeb8; color: #000; } .litetooltip-hotspot-wrapper { position: relative; width: 100%; height: auto; z-index: 1; } .litetooltip-hotspot-container { position: relative; height: 0px; } .litetooltip-hotspot-container img { position: absolute; top: 0px; left: 0px; z-index: 2; } .litetooltip-hotspot-container .hotspot { position: absolute; z-index: 3; cursor: pointer; } .litetooltip-hotspot-container .hotspot .data-container { display: none; } .litetooltip-hotspot-container .blink { opacity: 0.8; -moz-opacity: 0.8; animation: litetooltip_hotspot_blink .6s ease-in infinite; -moz-animation: litetooltip_hotspot_blink .6s ease-in infinite; -ms-animation: litetooltip_hotspot_blink .6s ease-in infinite; -webkit-animation: litetooltip_hotspot_blink .6s ease-in infinite; } @keyframes litetooltip_hotspot_blink { to { opacity: 0.3; } } @-webkit-keyframes litetooltip_hotspot_blink { to { opacity: 0.3; } } @-moz-keyframes litetooltip_hotspot_blink { to { opacity: 0.3; -moz-opacity: 0.3; } } @-ms-keyframes litetooltip_hotspot_blink { to { opacity: 0.3; } }