.OEM #topBannerArea { top:0;left:0; } .OEM #logoContainer { background:transparent url('../Images/FacebookFloodAlerts/HeaderBar-LogoPanel-Background2.png') no-repeat; } .OEM #app-topMenu { top:70px;left:0; } .OEM #floodalerts-map { top:112px;left:0; } .OEM #app-bottomMenu { left:77px; } .OEM #app-footer { left:0;border-radius:0; } .OEM.noBanner #app-topMenu { top:0!important; } .OEM.noBanner #floodalerts-map { top:45px!important; } .OEM.Facebook.noBanner #app-topMenu { top:10px!important; } .OEM.Facebook.noBanner #floodalerts-map { top:55px!important; } /* ----- OEM MOBILE VIEW ----- */ .OEM.mobile { font-family:'Signika' ,arial, sans-serif; font-size:1em;overflow:hidden; } .OEM.mobile #appContainer { font-size:1.625em; } .OEM.mobile #appContainer.view-map #listContainer, .OEM.mobile #appContainer.view-map #topBanner .view-map { display:none!important; } .OEM.mobile #appContainer.view-map #mapContainer { display:block!important; } .OEM.mobile #appContainer.view-map #topBanner .view-list { display:inline!important; } .OEM.mobile #topBanner { width:100%;height:4.2em;background:#113768;box-shadow:0 0.25em 0.5em rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index:1;overflow:hidden; } .OEM.mobile #topBanner .button { position:absolute;top:1.15385em;right:1.15385em; } .OEM.mobile #topBanner #logoContainer { display:block;width:24em;max-width:100%;height:0;padding-top:19.6078%;background-size:100% auto;position:relative; } .OEM.mobile #topBanner #FA-Logo { display:block;width:100%;height:100%;max-height:4.2em;background:transparent url('../Images/FacebookFloodAlerts/HeaderBar-LogoPanel-Logo2.png') no-repeat 5% center;background-size:50% auto;position:absolute;top:0;left:0; } .OEM.mobile #listContainer { width:100%;position:absolute;top:4.2em;bottom:4.2em;left:0;z-index:0; } .OEM.mobile #currentAlertsListDiv {-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;perspective: 1000;transform: translate3d(0, 0, 0);width: 100%;height: 100%;padding: 1.15385em;box-sizing: border-box;overflow: auto;-webkit-overflow-scrolling: touch; } .OEM.mobile #alertList { width:100%;height:100%; } .OEM.mobile .alertsList .listItem { width:100%;overflow:hidden;margin-bottom:1em;padding:1.15385em;border-radius:1em;box-sizing:border-box;display:table;position:relative; } .OEM.mobile .alertsList .listItem .icon { width:3em;padding-right:1.15385em;display:table-cell;vertical-align:top; } .OEM.mobile .alertsList .listItem .icon img { width:100%;height:auto; } .OEM.mobile .alertsList .listItem .listItem-content { display:table-cell;vertical-align:top; } .OEM.mobile .alertsList .listItem h3.title { margin:0 0 0.5em;font-size:2em;border-bottom:1px solid Black; } .OEM.mobile .alertsList .listItem-content .date { display:block;clear:both; } .OEM.mobile .alertsList .listItem-content .date strong:after { content:': '; } .OEM.mobile .alertsList .listItem-buttons { width:100%;margin-bottom:1em;text-align:right;white-space:nowrap; } .OEM.mobile .alertsList .link-back-to-map-alerts { display:inline-block;margin-right:0.25em;cursor:pointer;white-space:nowrap;vertical-align:top; } .OEM.mobile .alertsList .tweetAlert { display:inline-block;width:1.8em;height:1.8em;border:1px Solid #126e7c;border-radius:50%;cursor:pointer;position:relative;vertical-align:top; background: rgb(61,247,255); /* Old browsers */ background: -moz-linear-gradient(top, rgb(61,247,255) 0%, rgb(1,176,213) 90%, rgb(0,125,154) 100%, rgb(14,106,126) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(61,247,255)), color-stop(90%,rgb(1,176,213)), color-stop(100%,rgb(0,125,154)), color-stop(100%,rgb(14,106,126))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(61,247,255) 0%,rgb(1,176,213) 90%,rgb(0,125,154) 100%,rgb(14,106,126) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(61,247,255) 0%,rgb(1,176,213) 90%,rgb(0,125,154) 100%,rgb(14,106,126) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(61,247,255) 0%,rgb(1,176,213) 90%,rgb(0,125,154) 100%,rgb(14,106,126) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(61,247,255) 0%,rgb(1,176,213) 90%,rgb(0,125,154) 100%,rgb(14,106,126) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3df7ff', endColorstr='#0e6a7e',GradientType=0 ); /* IE6-9 */ } .OEM.mobile .alertsList .tweetAlert:hover { background: rgb(64,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgb(64,255,255) 0%, rgb(0,205,252) 90%, rgb(0,151,194) 100%, rgb(14,106,126) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(64,255,255)), color-stop(90%,rgb(0,205,252)), color-stop(100%,rgb(0,151,194)), color-stop(100%,rgb(14,106,126))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(64,255,255) 0%,rgb(0,205,252) 90%,rgb(0,151,194) 100%,rgb(14,106,126) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(64,255,255) 0%,rgb(0,205,252) 90%,rgb(0,151,194) 100%,rgb(14,106,126) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(64,255,255) 0%,rgb(0,205,252) 90%,rgb(0,151,194) 100%,rgb(14,106,126) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(64,255,255) 0%,rgb(0,205,252) 90%,rgb(0,151,194) 100%,rgb(14,106,126) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffff', endColorstr='#0e6a7e',GradientType=0 ); /* IE6-9 */ } .OEM.mobile .alertsList .tweetAlert:active { margin-top:1px;position:relative;top:1px; background: rgb(0,144,187); /* Old browsers */ background: -moz-linear-gradient(top, rgb(0,144,187) 0%, rgb(0,200,255) 90%, rgb(54,255,255) 100%, rgb(14,106,126) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,144,187)), color-stop(90%,rgb(0,200,255)), color-stop(100%,rgb(54,255,255)), color-stop(100%,rgb(14,106,126))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(0,144,187) 0%,rgb(0,200,255) 90%,rgb(54,255,255) 100%,rgb(14,106,126) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(0,144,187) 0%,rgb(0,200,255) 90%,rgb(54,255,255) 100%,rgb(14,106,126) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(0,144,187) 0%,rgb(0,200,255) 90%,rgb(54,255,255) 100%,rgb(14,106,126) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(0,144,187) 0%,rgb(0,200,255) 90%,rgb(54,255,255) 100%,rgb(14,106,126) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090bb', endColorstr='#0e6a7e',GradientType=0 ); /* IE6-9 */ } .OEM.mobile .alertsList .tweetAlert:before { content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-size:100% 100%;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gsHCjsnmsgB0gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAEMElEQVRo3u2YQUgjVxjH/zNJrNnECKWyUuplrQobQWHbQxekIO6h9LCQWy3pwWtbKfawFEorLYIFK4jHFlopUmFRKdQSRdGAC1aTNqmaVSHYWLONbLqJcWIym3nv34sHC1KTbWJ6mN9lLvPN+37v+97MewOYmJiYmJiYmJiYXIJy1QOSrAHQCKAewFMAR4qipFGFRBz/IfZNkt8IIfYKhUJS1/WjTCazlkwmPyZ5/dx9L5G8Q9JZKYkbJO/5fL6XnyH2Q5KPeAFCCBkMBn/d398fIPkFyfV4PP4lgDsAnJUQ6RVCFPx+/9rIyMitEuLeJvkXL0HXdYOkXFtbe9jZ2flbR0fHSKUq8ilJSim5vLy8NzMz80YRMc+TnGeRHB4eyqmpKS4tLcUWFxffBfBiJUQ+Oz9oJBJ5vLKy8gnJ2n+J6RJCHBcrIoTgycmJHBsbCyuK8j2Au5UQ6TMMQ54fOJvNinA4/CCZTHouWpwk3xJCGMWKpFIp9vf3S1VVTwDcq8iblWR7KpVKXJSApml6LBZbT6fTH5G8TbKR5DWS75Qisrq6SpfLlQbQD0AtNjdriS6RRCJx3+Vyvaeq/xzD4XDUOByOV6WUr+RyubwQ4k+r1fqHzWazKYpSdEKGYUBV1YcAvgUgi41TS6iGAqCrpaXlQSgU2iJ58QNVVbHb7Xan03mjtrb2dYvFcltV1aLbI51OQ9f1AgCWMsNFiyiKQiFEF8mvW1tbGyv1wY3FYsjn80/OvvrlFwEAi8Xyi5TS5nQ6X1CU8q9BIQS2t7dBMlZREQCr8Xj850pVI5VKIRQKSQDbFWuts/bKFAqF4UgkkqyESCAQwO7ubgpAqNTYUiuCtra2nxYWFj6fm5tLZjKZsklIKTE/P4/j4+MNADtXtQNuXV9f/yoUCiU0TZMsA4FAgM3NzQLAB1e5le/M5XJ7JMsiYRgGBwYGCCAAoPlKzyWBQGBY0zRRDpHp6Wk2NDQYAAaqcrycmJi4H4lEhJTPXphwOMzu7m4CmAbQULWzcm9v7/Dg4GDC5/NR1/WSJA4ODuj1egkgDKC7qod+kjWzs7Pvb25ubpdSmWg0yr6+PgI4AOC90oRJ2kg+R7KeZBtJL8nvSD4uVkBKSb/fT4/HQwBRAH1XPfMduq4PCSF+NAxjzTCMAyHE01IEjo6OODo6SrfbLQH4AXiq0kZDQ0OeycnJ5a2trSfZbPbSRS6lpK7r3Nvb4/j4OHt6eqTFYjkCMArAXe3/Wm632+1tb2+/63a7m2/evGlrampCfX09rFYrhBDQNA2JRAI7OzsIBoPc2NgwotHo71LKeQA/AFgGIP4vP+iuA7jlcDheq6ur67Db7U2KorgMw7Dk83kjm82enJ6ePiK5AyAIYONsTchKdEu59uI1ABwArgGwnM12HsDp2ZUwMTExMTExMSmavwHyTkPi4n0NygAAAABJRU5ErkJggg=='); } .OEM.mobile .alertsList .tweetAlert:active:before { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gsHCjsXvBExfgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAEJklEQVRo3u2YX0hkVRzHv+ecmdvs3NEZs3YHzT9o5p8RFcdhKVkVZR3CB/+8WIY+7GsmuT4sSSQUgUEGPtdSGNLD4kMQwSKyFAW2W+mW4y6DC+0Km7q27eiObuud++3FwGJrva3XCbofOE/3/jjnc86955zfD3BwcHBwcHBwcHB4CCINfWoAggD8AO4DWAVwJx3y+iPEtgH4UEoZd7lc65qmrWZkZMxmZ2e/DuDYnveeAnASgM8uiSIAZ6LR6NP/InYIwE0A/GuTUpq1tbVzhYWFpwG8A+BiTk7OGMmTJG2R6ZFS7jQ0NMwODQ2FLcS9BOCXB0nsbZqmGQDM48ePX5mbm/thfn7+XbtWZAQAhRBsamqKd3Z2Pr+PmMcBnH+YxB8tNzfX7O7uZnNz8/WWlpaXSebYIfLm3k7Ly8tvNTY2vgHA8w8xJ6SUif2KSCnp8/nMgYGBy6ZpfkKy3Q6RU0opc2/HXq83VVVV9XV2dnbX3/ycL0opjf2KBAIBjo+Pm6lUapPkGZK27KyVgUBg5UED0HX9t/z8/It+v/81AM/tbrFeAH1WROrr65lIJO6QHCAp9zswl0WRxWAweG5jY6PfNM0/PUgmk1oymYxIKeuOHDlyTyn1s2EYyzs7O25LA3K5YJrmFQAfCSFMuw7PRqXUC7W1tT8KIbjfWbbS2tvbubW19SXJDCuDkxbepVLqhBDig3g8HrRrWywoKIDH47m9e+rbIoJUKvW9lNJ99+7dJ0geuIRSCqFQCEKI67aKAPgqNzf3G7tWIysrCzU1NSaA2O6na5vIhtvtHq2oqFi3Q6Surg6lpaW/Api3GmtVBPF4/PPW1ta32tra1jMzMw9MQkqJaDQKv99/CcDVw7oBPxOJRN6vrq5e0XXdPIjdKhwOc2lpKUXy1cO8ytd4PJ44gAORUEpxbGyMJL8lWXyoSUk4HB7VdT11ECJdXV1cW1szSJ5OS3rZ19d3rry8PPUoh2NVVRVnZmZIcorkk2nLlScnJ0dHRkZWotEoNU2zJJGXl8eJiQmSvEyyOd15v9bR0fFKZWVlzMrKFBUV8ezZsyR5g2TvYRcN3AAe2y0clALoBfAxgFv7FRBCsKGhgVNTUyR5jeSpw575ak3T3pZSfqaUmlVK3ZBS3rcicPToUQ4ODnJhYcEk+QXJrrR8Q8PDw109PT0XQqHQba/X+9CfXAhBTdNYUlLC/v5+Tk9Pm4ZhrJJ8j2QorXUtkqFYLNa7sLDQHovFihcXF93Ly8tIJBIwDANKKfh8PgSDQZSVlSEcDjMSiRjFxcU/SSnPA/gUwAUhROo/UaAjeQxAOJlMPru5uVm9vb2dRzLT5XIpj8dj6Lq+6fV6bwohrgL4DsAlANfsTJYeGZLabuHOC0ABSAG4B2ALwD2rN1kHBwcHBweH/zu/A6vIVYPCJ3A0AAAAAElFTkSuQmCC'); } .OEM.mobile .alertsList .SevereWarning.listItem, .OEM.mobile .alertsList .Warning.listItem { background-color: #fe0b0b; background-image: linear-gradient(bottom, rgb(255,9,9) 0%, rgb(255,91,91) 90%); background-image: -o-linear-gradient(bottom, rgb(255,9,9) 0%, rgb(255,91,91) 90%); background-image: -moz-linear-gradient(bottom, rgb(255,9,9) 0%, rgb(255,91,91) 90%); background-image: -webkit-linear-gradient(bottom, rgb(255,9,9) 0%, rgb(255,91,91) 90%); background-image: -ms-linear-gradient(bottom, rgb(255,9,9) 0%, rgb(255,91,91) 90%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,9,9)), color-stop(0.90, rgb(255,91,91)) ); } .OEM.mobile .alertsList .Alert.listItem { background-color: #fe9311; background-image: linear-gradient(bottom, rgb(255,112,9) 0%, rgb(254,162,92) 90%); background-image: -o-linear-gradient(bottom, rgb(255,112,9) 0%, rgb(254,162,92) 90%); background-image: -moz-linear-gradient(bottom, rgb(255,112,9) 0%, rgb(254,162,92) 90%); background-image: -webkit-linear-gradient(bottom, rgb(255,112,9) 0%, rgb(254,162,92) 90%); background-image: -ms-linear-gradient(bottom, rgb(255,112,9) 0%, rgb(254,162,92) 90%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,112,9)), color-stop(0.9, rgb(254,162,92)) ); } .OEM.mobile .alertsList .WarningNoLongerInForce.listItem { background-color: #b8b8b8; background-image: linear-gradient(bottom, rgb(184,184,184) 0%, rgb(207,207,207) 100%); background-image: -o-linear-gradient(bottom, rgb(184,184,184) 0%, rgb(207,207,207) 100%); background-image: -moz-linear-gradient(bottom, rgb(184,184,184) 0%, rgb(207,207,207) 100%); background-image: -webkit-linear-gradient(bottom, rgb(184,184,184) 0%, rgb(207,207,207) 100%); background-image: -ms-linear-gradient(bottom, rgb(184,184,184) 0%, rgb(207,207,207) 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(184,184,184)), color-stop(1, rgb(207,207,207)) ); } .OEM.mobile .button { padding:0.25em 1em;border:1px Solid #567b12;border-radius:2em;cursor:pointer;color:White;text-shadow:0 1px 0 #000;font-weight:bold;outline:0;-webkit-appearance:none; background-color:#617921; background-image:linear-gradient(bottom, rgb(79,122,14) 0%, rgb(107,165,20) 10%, rgb(160,206,62) 90%); background-image:-o-linear-gradient(bottom, rgb(79,122,14) 0%, rgb(107,165,20) 10%, rgb(160,206,62) 90%); background-image:-moz-linear-gradient(bottom, rgb(79,122,14) 0%, rgb(107,165,20) 10%, rgb(160,206,62) 90%); background-image:-webkit-linear-gradient(bottom, rgb(79,122,14) 0%, rgb(107,165,20) 10%, rgb(160,206,62) 90%); background-image:-ms-linear-gradient(bottom, rgb(79,122,14) 0%, rgb(107,165,20) 10%, rgb(160,206,62) 90%); background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(79,122,14)), color-stop(0.1, rgb(107,165,20)), color-stop(0.9, rgb(160,206,62)) ); } .OEM.mobile .button:hover { color:#3c560e;text-shadow:0 1px 0 White; background-color:#70911a; background-image:linear-gradient(bottom, rgb(89,148,1) 0%, rgb(121,196,8) 10%, rgb(190,249,62) 90%); background-image:-o-linear-gradient(bottom, rgb(89,148,1) 0%, rgb(121,196,8) 10%, rgb(190,249,62) 90%); background-image:-moz-linear-gradient(bottom, rgb(89,148,1) 0%, rgb(121,196,8) 10%, rgb(190,249,62) 90%); background-image:-webkit-linear-gradient(bottom, rgb(89,148,1) 0%, rgb(121,196,8) 10%, rgb(190,249,62) 90%); background-image:-ms-linear-gradient(bottom, rgb(89,148,1) 0%, rgb(121,196,8) 10%, rgb(190,249,62) 90%); background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(89,148,1)), color-stop(0.1, rgb(121,196,8)), color-stop(0.9, rgb(190,249,62)) ); } .OEM.mobile .button:active { margin-top:1px;position:relative;top:1px; background-color:#70911a; background-image: linear-gradient(bottom, rgb(190,249,62) 0%, rgb(121,196,8) 10%, rgb(89,148,1) 90%); background-image: -o-linear-gradient(bottom, rgb(190,249,62) 0%, rgb(121,196,8) 10%, rgb(89,148,1) 90%); background-image: -moz-linear-gradient(bottom, rgb(190,249,62) 0%, rgb(121,196,8) 10%, rgb(89,148,1) 90%); background-image: -webkit-linear-gradient(bottom, rgb(190,249,62) 0%, rgb(121,196,8) 10%, rgb(89,148,1) 90%); background-image: -ms-linear-gradient(bottom, rgb(190,249,62) 0%, rgb(121,196,8) 10%, rgb(89,148,1) 90%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(190,249,62)), color-stop(0.1, rgb(121,196,8)), color-stop(0.9, rgb(89,148,1)) ); } .OEM.mobile #mapContainer { width:100%;position:absolute;top:4.2em;bottom:4.2em;left:0;z-index:0; } .OEM.mobile .MicrosoftMap .OverlaysTL, .OEM.mobile #mapContainer #mainLayers, .OEM.mobile #mapContainer #saveViewButton, .OEM.mobile #mapContainer #hidePinsButton, .OEM.mobile .mapControl-button.panUp, .OEM.mobile .mapControl-button.panDown, .OEM.mobile .mapControl-button.panLeft, .OEM.mobile .mapControl-button.panRight, .OEM.mobile .mainLayers { display:none!important; } .OEM.mobile #shoothill-mapControl-buttons { position:absolute;top:1.15385em;left:1.15385em;z-index:100; } .OEM.mobile .mapControl-button { width:24px;height:25px;border:0;background:transparent url('../Images/FacebookFloodAlerts/mapControl-buttons-bg.png') no-repeat;cursor:pointer; } .OEM.mobile .mapControl-button:active { margin-top:1px; } .OEM.mobile .mapControl-button.zoomIn { background-position:-79px -121px; } .OEM.mobile .mapControl-button.zoomIn:hover { background-position:-137px -1px; } .OEM.mobile .mapControl-button.zoomIn:active { background-position:-166px -30px; } .OEM.mobile .mapControl-button.zoomOut { background-position:-108px -1px; } .OEM.mobile .mapControl-button.zoomOut:hover { background-position:-137px -31px; } .OEM.mobile .mapControl-button.zoomOut:active { background-position:-166px -61px; } .OEM.mobile a.MapPushpinBase { -moz-transition-property: height,width;-o-transition-property: height,width;-webkit-transition-property: height,width;transition-property: height,width;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;-webkit-transition-duration: 0.25s;transition-duration: 0.25s; } .OEM.mobile .MapPushpinBase img { height:100%;width:100% } /*3: Alert, 2: Warning, 1: Severe Warning, 4: No Longer In Effect*/ .OEM.mobile #floodalerts-map {height:100%;top:0px!important} .OEM.mobile #floodalerts-map_infobox_content { border:0!important;background:transparent!important;width:203px;position:relative; } .OEM.mobile #floodalerts-map_infobox_content .popup-title { background:transparent url('../Images/popupBackground.png') no-repeat; } .OEM.mobile #floodalerts-map_infobox_content .popup1 .popup-title,#floodalerts-map_infobox_content .popup2 .popup-title { background-position:left top; } .OEM.mobile #floodalerts-map_infobox_content .popup3 .popup-title { background-position:left -31px; } .OEM.mobile #floodalerts-map_infobox_content .popup4 .popup-title { background-position:left -93px; } .OEM.mobile #floodalerts-map_infobox_content .popup5 .popup-title { background:transparent url('Images/FacebookFloodAlerts/popup-header-mylocation.png') no-repeat; } .OEM.mobile #floodalerts-map_infobox_content .popup-title h3 { margin:0;padding:5px 10px 4px 10px;font-size:0.8em;font-variant:small-caps;color:White;text-shadow:0 1px 0 #333; } .OEM.mobile #floodalerts-map_infobox_content .popup1 h3 { padding-left:30px;background:transparent url('../Images/popupBackground.png') no-repeat 8px -124px; } .OEM.mobile #floodalerts-map_infobox_content .popup2 h3 { padding-left:30px;background:transparent url('../Images/popupBackground.png') no-repeat 8px -149px; } .OEM.mobile #floodalerts-map_infobox_content .popup3 h3 { padding-left:30px;background:transparent url('../Images/popupBackground.png') no-repeat 8px -176px; } .OEM.mobile #floodalerts-map_infobox_content .popup-description { width:180px;padding:10px 13px 13px 10px;background:transparent url('../Images/popupBackground.png') no-repeat left bottom;text-shadow:0 1px 0 #fff;color:#444; } .OEM.mobile #floodalerts-map_infobox_content .popup-description p { margin:0;padding:0;font-size:0.9em; } .OEM.mobile #floodalerts-map_infobox_content .popup-close { width:16px;height:16px;background:transparent url('../Images/cancel.png');position:absolute;top:6px;right:10px;cursor:pointer; } .OEM.mobile #floodalerts-map_infobox_content .tweetAlert { background: no-repeat url('../Images/twitter-logo-transparent.png');height: 16px;width: 16px;position: absolute;top: 6px;right: 31px;cursor:pointer } .OEM.mobile #floodalerts-map_infobox_arrow { display:none!important; } .OEM.mobile .alertDetails { font-weight:bold;text-align:right;padding-top:5px!important;cursor:pointer } .OEM.mobile .alertPin { cursor: pointer } .OEM.mobile #mobile-footer { width:100%;height:4.2em;background:#113768;position:absolute;bottom:0;left:0; } .OEM.mobile #mobile-footer-shoothill-logo { display:block;width:auto;height:50%;position:absolute;bottom:25%;right:1.15385em; } .OEM.mobile #mobile-footer-shoothill-logo img { width:auto;height:100%;border:none; } @media only screen and (max-width:31.25em) { .OEM.mobile { font-size:0.5em; } .OEM.mobile #topBanner .button { top:1.05882em;right:1.05882em; } .OEM.mobile #appContainer { font-size:2.125em; } .OEM.mobile #listContainer-scrollable { padding:1.05882em; } .OEM.mobile #shoothill-mapControl-buttons { top:1.05882em;left:1.05882em; } .OEM.mobile #floodalerts-map_infobox_content { font-size:2em; } }