html,body { width:100%;height:100%;margin:0;padding:0; }
body { font-size:80%;overflow:hidden;min-width:660px; }
#form1 { width:100%;height:100%; }
#appContainer { width:100%;height:100%;position:relative; }
.Facebook #appContainer { height: 100%!important }
#appContainer #maintenance { width:100%;height:100%;position:relative;background-color:Black;background-color:rgba(0,0,0,0.6);z-index:10000; }
#appContainer #maintenance-message { width:800px;height:600px;position:absolute;top:50%;left:50%;margin:-300px 0 0 -400px; }
body,input,.ui-widget input,.ui-button,#popup_container { font-family:'Signika',Arial,Helvetica,sans-serif; }
h1,h2,h3,h4,h5 { margin:0;color:#0b69a0; }
.helpText { color:#555; }
img.helpIcon { position:relative;top:3px;cursor:pointer; }
p a { font-weight:bold;text-decoration:none;outline:0;border-bottom:1px Dotted #0b69a0; }
p a:hover { color:White;background-color:Black;border-bottom:0; }
.button,#popup_panel input[type="button"] { margin:2px 0;padding:3px 10px;border:1px Solid #567b12;border-radius:16px;cursor:pointer;color:White;text-shadow:0 1px 0 #000;font-weight:bold;font-size:1.1em;outline:0;-webkit-appearance:none; }
.button:hover,#popup_panel input[type="button"]:hover { color:#3c560e;text-shadow:0 1px 0 White; }
.button:active,#popup_panel input[type="button"]:active { margin-top:1px;position:relative;top:1px; }
input[type="text"],input[type="email"],textarea,input[type="password"] { margin:0;padding:3px 7px;border:1px Solid #ddd;border-top-color:#aaa;border-bottom-color:White;border-radius:10px;color:#222;text-shadow:0 1px 0 White;outline:0; }
.ui-button { margin:0 3px 0 0;padding:3px 10px!important;border:1px Solid #567b12!important;border-radius:16px;cursor:pointer;color:White!important;text-shadow:0 1px 0 #000;font-weight:bold!important;font-size:1.1em;font-family:'Signika',Arial,Helvetica,sans-serif!important;outline:0; }
.ui-button span { padding:0!important; }
.ui-button:hover { color:#3c560e!important;text-shadow:0 1px 0 White; }
.ui-button:active { margin-top:1px;position:relative;top:1px; }
#logoutButton.button:active { top:auto!important; }
.MicrosoftNav { display:none!important; }
#floodalerts-map .MicrosoftMap .MicrosoftNav .OverlaysTL { top:45px!important;width:auto!important; }
.MicrosoftMap .MicrosoftNav .OverlaysBR { visibility:hidden!important; }
.MicrosoftMap .MicrosoftNav .LogoContainer { display:none!important; }
.fb-share { cursor: pointer; display: none; width:66px!important;height:23px!important;overflow:hidden;position:absolute!important;top:14px;right:75px; }
.loggedinas { display: inline-block;float: right;padding-left:15px}
#topBannerArea {display: none; position:absolute;top:10px;left:10px;right:0; }
.banner #topBannerArea {display: block; }
#logoContainer { width:408px;height:70px;background:transparent url('Images/FacebookFloodAlerts/HeaderBar-LogoPanel-Background.png') no-repeat;position:absolute;top:0;left:0;z-index:101; }
#FA-Logo { width:232px;height:40px;background:transparent url('Images/FacebookFloodAlerts/HeaderBar-LogoPanel-Logo2.png') no-repeat;position:absolute;top:13px;left:13px; }
#topBannerArea .liveTicker { height:70px; }
#page-ticker-container { width:100%;height:100%;overflow:hidden; }
#page-ticker { margin:0 0 0 200px;padding:0;list-style:none;position:relative; }
#page-ticker li { width:100%;height:68px;display:table; }
#page-ticker li .content { padding-left:200px;display:table-cell;text-align:center;vertical-align:middle; }
#page-ticker li .tickerTitle { padding-left:25px;background:transparent url('Images/popupBackground.png') no-repeat;font-size:1.6em;color:inherit;display:inline; }
#page-ticker li.tickerSevereWarning h3 { background-position:0 -124px; }
#page-ticker li.tickerWarning h3 { background-position:0 -151px; }
#page-ticker li.tickerAlert h3 { background-position:0 -177px; }
#page-ticker li.tickerWarningNoLongerInForce h3 { background-position:0 -202px; }
#page-ticker li p { margin:0; }
#page-ticker .tickerRaised { font-size:0.85em; }
/* MAIN APPLICATION AREA STYLES */
#app-topMenu { height:42px;padding:0 10px;line-height:42px;position:absolute;top:80px;left:10px;right:0;z-index:100; }
#app-topMenu #collapsableMenu { display:inline; }
#app-topMenu .fb-like { max-width:80px!important;height:23px!important;overflow:hidden;position:absolute;top:52px;right:10px;line-height:normal; }
#dateContainer { z-index: 10000;position: absolute;right: 17px;top: 20px; color:white}
#floodalerts-map { position:absolute;top:122px;left:10px;right:0;bottom:60px;z-index:99; }
#floodalerts-map .bing-logo { width:71px;height:29px;background-image:url('Images/FacebookFloodAlerts/bing-logo.png');position:absolute;bottom:45px;right:0;z-index:1; }
#app-bottomMenu { height:87px;position:absolute;bottom:60px;left:13px;right:3px;z-index:100; }
#app-bottomMenu .menuBoxContainer { width:33%;max-width:280px;height:9px;position:relative;float:left; }
#app-bottomMenu .menuBox { height:76px;padding:5px;border:1px Solid #bcbdbd;border-bottom:0;border-radius:5px 5px 0 0;text-shadow:0 1px 0 #fff; }
#editMonitoredLocationBox.menuBox { position:absolute;top:0;left:0;right:5px;padding:10px;height:66px; }
#monitoredLocationAlerts.menuBox { position:absolute;top:0;left:5px;right:5px;}
#currentAlerts.menuBox { position:absolute;top:0;left:5px;right:0; }
.menuBox .alertCounter { max-width:250px;margin-bottom:2px;padding:1px 7px 1px 2px;border:1px Solid;border-radius:5px;font-size:14px;cursor:pointer;color:White;text-shadow:0 1px 0 #000; }
.menuBox .alertCounter .description { margin-left:8px;padding-left:25px;background:transparent url('Images/popupBackground.png') no-repeat 0 -128px; }
.menuBox .alertCounter.alert .description { background-position:0 -181px; }
.menuBox .alertCounter.warning .description { background-position:0 -156px; }
.menuBox .expandButton { margin-left:10px;font-size:0.9em; }
.menuBox h3 { position:absolute;top:-33px;left:7px;padding:2px 8px;background-color:#efefef;border:1px Solid #bcbdbd;border-radius:5px 5px 0 0;border-bottom:0; }
.alertCounter-number { margin-left:1em;font-weight:bold;font-size:1.1em;float:left }
#app-footer { z-index:200;height:60px;border-radius:0 0 0 20px;position:absolute;left:10px;right:0;bottom:0; }
#app-footer #toggleBottomMenu { position:absolute;left:20px;top:-10px;height: 17px;font-size: 13px;line-height: 2px; }
#app-footer .status { color: green;z-index: 100;margin:0 auto; float:left }
.alertsList .noAlertMessage { }
.alertsList .listItem { width:99%;overflow:hidden;margin-bottom:5px;border-radius:5px;color:#444;position:relative; }
.alertsList .listItem h3 { color:inherit;font-size:1.2em!important; }
.alertsList .listItem .icon { width:50px;padding:15px;display:table-cell;vertical-align:top; }
.alertsList .listItem .listItem-content { padding:10px 5px 5px 0;display:table-cell;vertical-align:top; }
.alertsList .listItem-content small { font-size:0.85em; }
.alertsList .listItem-content .link-back-to-map-alerts { position:absolute;top:5px;right:5px;font-size:1em;margin:0 0 10px 10px; }
.alertsList .tweetAlert { background: no-repeat url('Images/twitter-logo-transparent.png');height: 16px;width: 16px;position: absolute;bottom: 5px;right: 5px;cursor: pointer; }
/* GENERIC DIALOG STYLES */
.ui-widget-overlay { background:Black;opacity:0.7;filter:Alpha(Opacity=70); }
.ui-front { z-index:1000; }
.ui-dialog { background:transparent;border:0;border-radius:0;font-family:'Signika',Arial,Helvetica,sans-serif;position:relative; }
.ui-dialog .ui-dialog-content { background:transparent;border:0;padding-top:0;z-index:1; }
.ui-dialog .tabMenu { list-style:none;margin-left:18px;margin-top:0;padding:0;position:relative;z-index:1; }
.ui-dialog .tabMenu .tab { height:24px;margin-right:3px;padding:8px 15px 0 15px;border:1px Solid #567b12;border-top-color:#b3f820;border-bottom:2px Solid #617921;color:White;font-size:15px;float:left;border-radius:10px 10px 0 0;text-shadow:0 1px 0 rgba(0,0,0,0.5);cursor:pointer; }
.ui-dialog .tabMenu .tab:hover { padding-bottom:0;margin-top:0;border-color:#619306;border-top-color:#b3f820;border-bottom-color:#70911a;color:#3c560e;text-shadow:0 1px 0 White; }
.ui-dialog .tabMenu .tab.selected { height:27px;background-color:#efefef!important;background-image:none!important;border:1px Solid #bcbdbd;border-bottom-color:#efefef;color:#0b69a0;text-shadow:0 1px 0 White;cursor:default;font-weight:bold; }
.ui-dialog .tabMenu .tab.selected:hover { padding-bottom:0;margin-top:0;background-image:none; }
.ui-dialog .content { padding:20px;background:#ededed;border:1px Solid #bcbdbd;border-radius:20px;box-shadow:0 2px 3px #444;position:absolute;top:35px;left:0;right:0;bottom:0;z-index:0; }
.ui-dialog .content h3 { font-size:1em; }
.ui-dialog .noTabDialog .content { top:0; }
.ui-dialog .noTabDialog .overflowContent { height:415px;overflow:auto;clear:both; }
.ui-dialog .ui-widget-content p,.ui-dialog .ui-widget-content ul { font-size:0.9em; }
.ui-dialog-titlebar { display:none; }
.ui-dialog .closeButton { width:32px;height:32px;margin:0 0 10px 10px;background:transparent url('Images/FacebookFloodAlerts/Buttons-Background.png') no-repeat -245px -5px;float:right;cursor:pointer; }
.ui-dialog-buttonpane.ui-widget-content { width:100%;max-width:310px;position:absolute;bottom:25px; left:25px;background:transparent;border:0; }
.ui-dialog-buttonpane .ui-dialog-buttonset { width:90px;margin:0 auto; }
.radiusWarningDialog { text-align:center;border:solid 5px #444!important;border-radius:5px!important;max-width:310px!important;position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important; }
#newUserDialogDiv #newUserEditLocationButton { width:403px;font-size:1.3em; }
#monitoredLocationAlertsDialogDiv .editLocationBox { width:403px;height:48px;margin:0 auto;background:transparent url('Images/FacebookFloodAlerts/Buttons-Background.png') no-repeat -5px -206px;position:relative; }
#monitoredLocationsListDiv { max-height:300px;overflow:auto;margin-left: 10px;width: 635px; }
#addnew-monitoredlocation-edit .searchBox { width:238px;padding:7px;background-color:Aqua;border:1px Solid #ddd;border-radius:20px;box-shadow:0 2px 2px rgba(0,0,0,0.2); }
#addnew-monitoredlocation-edit .searchBox .buttonTick { width:32px;height:32px;margin-left:-10px;background:transparent url('Images/FacebookFloodAlerts/Buttons-Background.png') no-repeat -282px -5px;border:0;cursor:pointer;position:relative; }
#addnew-monitoredlocation-edit .searchBox h3 { float:left;padding-top:7px;padding-left:5px;padding-right:5px;font-size:0.95em; }
#addnew-monitoredlocations-searchtext { width:140px;position:relative;top:-2px;border-radius:10px 0 0 10px;font-size:0.95em; }
#addnew-monitoredlocations-map .bing-logo { width:71px;height:29px;background-image:url('Images/FacebookFloodAlerts/bing-logo.png');position:absolute;bottom:3px;right:0;z-index:1; }
#addnew-monitoredlocation-distance { margin-top:10px;padding-left:5px;color:#0b69a0; }
#addnew-monitoredlocation-slider { margin:3px 5px 7px 5px;border:1px Solid #ddd;border-top-color:#aaa;border-bottom-color:White;border-radius:5px; }
.ui-slider-handle { border:1px Solid #567b12!important;border-radius:1.2em;box-shadow:0 1px 1px rgba(0,0,0,0.3); }
#currentAlertsListDiv { max-height:300px;overflow:auto;padding:0 15px; }
#shoothill-mapControl { display: none; padding:10px;height: 400px; position: relative; margin-top: 92px; width: 90px; z-index: 1000 }
#shoothill-mapControl-layers { margin-bottom:5px;border:3px Solid rgba(0,0,0,0.3);border-radius:15px;position:relative;cursor:pointer }
#shoothill-mapControl-layers .label { padding:3px 7px;border-radius:12px; }
#shoothill-mapControl-layers h1 { font-size:1.1em;color:#717171;display:inline-block;text-shadow:0 1px 0 White; }
#shoothill-mapControl-layers .arrow { width:0;height:0;margin-left:5px;border-color:#717171 #d5d6d8 #d5d6d8 #d5d6d8;border-style:solid;border-width:6px 5px 0 5px;display:none; }
#shoothill-mapControl-layers .subMenu { width:230px;height:0;display:none;overflow:hidden;position:absolute;top:23px;right:10px;margin:0;padding:10px 0;border:1px Solid #bcbdbd;border-radius:0 0 10px 10px;border-top:0;box-shadow:1px 2px 3px rgba(0,0,0,0.5);list-style:none;text-shadow:0 1px 0 White;z-index:100; }
#shoothill-mapControl-layers .subMenu .content { padding:0 3px 10px 3px;max-height:345px;overflow:auto; }
#shoothill-mapControl-layers .subMenu li { min-height:29px;margin:0;padding:5px 10px;clear:both;cursor:pointer;border:1px Solid transparent; }
#shoothill-mapControl-layers .subMenu li:hover { background-color:#efefef;border:1px Solid #ccc; }
#shoothill-mapControl-layers .subMenu li .icon { width:25px;height:25px;margin-right:7px;background-image:url('Images/FacebookFloodAlerts/flood-menu-icons2.png');border:3px Solid #555;border-radius:3px;float:left;position:relative; }
#shoothill-mapControl-layers .subMenu li:hover .icon { border-color:White; }
#shoothill-mapControl-layers .subMenu li .checkIcon { width:24px;height:19px;background:transparent url('Images/icon_checkbox.png') no-repeat -26px -36px;position:absolute;bottom:0;right:-6px; }
#shoothill-mapControl-layers .subMenu li:hover .checkIcon { background-position:-26px -110px; }
#shoothill-mapControl-layers .subMenu li.checked .checkIcon { background-position:-26px -2px; }
#shoothill-mapControl-layers .subMenu li.checked:hover .checkIcon { background-position:-26px -71px; }
#shoothill-mapControl-layers .title { padding:0 10px; }
#shoothill-mapControl-layers .description { padding:0 10px;margin-top:0; }
.subMenu .optionRoad .icon { background-position:0 0; }
.subMenu .optionBirdseye .icon { background-position:0 -30px; }
.subMenu .optionEmphasis .icon { background-position:-30px 0; }
.subMenu .optionSevere .icon { background-position:-30px -30px; }
.subMenu .optionWarning .icon { background-position:-60px -30px; }
.subMenu .optionAlert .icon { background-position:-30px -60px; }
.subMenu .optionNoLonger .icon { background-position:-60px -60px; }
.subMenu .optionOrdnanceSurvey .icon { background-position:0 -60px; }
.subMenu .optionAerial .icon { background-position:0 -30px; }
#shoothill-mapControl-layers:hover h1 { color:#325423; }
#shoothill-mapControl-layers:hover .arrow { border-color:#325423 #94d91e #94d91e #94d91e; }
#optionFloodShapes-slider { margin-bottom:5px; }
#shoothill-mapControl-buttons { margin-left: 7px;width:74px;height:143px;position:relative;background:transparent url('Images/FacebookFloodAlerts/mapControl-buttons-bg.png') no-repeat; }
.mapControl-button { width:24px;height:25px;border:0;background:transparent url('Images/FacebookFloodAlerts/mapControl-buttons-bg.png') no-repeat;cursor:pointer; }
.mapControl-button:active { margin-top:1px; }
.mapControl-button.panUp { background-position:-79px -1px;position:absolute;top:3px;left:25px; }
.mapControl-button.panUp:hover { background-position:-108px -31px; }
.mapControl-button.panUp:active { background-position:-137px -61px; }
.mapControl-button.panRight { background-position:-79px -91px;position:absolute;top:25px;left:47px; }
.mapControl-button.panRight:hover { background-position:-108px -121px; }
.mapControl-button.panRight:active { background-position:-166px -1px; }
.mapControl-button.panDown { background-position:-79px -31px;position:absolute;top:47px;left:25px; }
.mapControl-button.panDown:hover { background-position:-108px -61px; }
.mapControl-button.panDown:active { background-position:-137px -91px; }
.mapControl-button.panLeft { background-position:-79px -61px;position:absolute;top:25px;left:3px; }
.mapControl-button.panLeft:hover { background-position:-108px -91px; }
.mapControl-button.panLeft:active { background-position:-137px -121px; }
.mapControl-button.zoomIn { background-position:-79px -121px;position:absolute;top:86px;left:25px; }
.mapControl-button.zoomIn:hover { background-position:-137px -1px; }
.mapControl-button.zoomIn:active { background-position:-166px -30px; }
.mapControl-button.zoomOut { background-position:-108px -1px;position:absolute;top:115px;left:25px; }
.mapControl-button.zoomOut:hover { background-position:-137px -31px; }
.mapControl-button.zoomOut:active { background-position:-166px -61px; }
fieldset { border:0;background-color:#ccc; }
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover { color: #999; }
.checkboxContainer { margin-top:5px;margin-right:15px; }
fieldset .checkboxContainer { float:left; }
.custom-checkbox { position:relative; }
.custom-checkbox input { position:absolute;left:2px;top:3px;margin:0;z-index:0; }
.custom-checkbox label { display:block;position:relative;z-index:1;font-size:1.3em;padding-right:1em;line-height:1;padding:.5em 0 0 30px;margin:0 0;cursor:pointer; }
span.ui-checkbox,span.ui-radio { display:block;float:left;width:24px;height:20px;background: url('Images/icon_checkbox.png') no-repeat;cursor:pointer; }
span.ui-helper-hidden { display:none; }
label { padding:2px; }
span.ui-checkbox { background-position:0 -36px; }
span.ui-checkbox-state-hover { background-position:0 -110px; }
span.ui-checkbox-state-checked { background-position:0 -2px; }
span.ui-checkbox-state-checked-hover { background-position:0 -71px; }
span.ui-radio { background-position:0 -36px; }
span.ui-radio-state-hover { background-position:0 -110px; }
span.ui-radio-state-checked { background-position:0 -2px; }
span.ui-radio-state-checked-hover { background-position:0 -71px; }
.ui-checkbox-disabled,.ui-radio-disabled { opacity:0.7; }
.ui-helper-hidden-accessible { position:absolute;left:-999em; }
#welcomeDialogDiv #noAccessBox { margin-bottom:3px;padding:20px;background-color:#4f6faa;border-radius:15px;color:White;clear:both; }
#noAccessBox h3 { color:White; }
#noAccessBox p { margin:0; }
#noAccessBox #welcome-allowAccess { width:200px;height:50px;padding:0;float:right;background:transparent url('Images/FacebookFloodAlerts/allow-access-button.png') no-repeat;border:0;outline:0;cursor:pointer; }
#noAccessBox #welcome-allowAccess:hover { background-position:0 -60px; }
#noAccessBox #welcome-allowAccess:active { background-position:0 -120px; }
#welcomeDialogDiv #noLoginBox { margin-bottom:3px;padding:20px;background-color:#4f6faa;border-radius:15px;color:White;clear:both; }
#noLoginBox h3 { color:White; }
#noLoginBox p { margin:0; }
#noLoginBox #welcome-allowLogin { width:200px;height:50px;padding:0;float:right;background:transparent url('Images/FacebookFloodAlerts/log-into-facebook-button.png') no-repeat;border:0;outline:0;cursor:pointer; }
#noLoginBox #welcome-allowLogin:hover { background-position:0 -60px; }
#noLoginBox #welcome-allowLogin:active { background-position:0 -120px; }
#welcomeDialogDiv #noFacebook { margin-bottom:25px;padding:10px 20px;background-color:#375e9e;border-radius:15px;color:White;clear:both; }
#noFacebook #welcome-facebookSignup { float:right; }
#noFacebook p { margin:0; }
#alertsHistoryDialogDiv {display:none}
#settingsDialogDiv {display:none}
#contactFormContainer { padding:10px 10px 42px 80px;background:#ccc url('Images/FacebookFloodAlerts/contact_email.png') no-repeat 20px 20px;border:1px Solid #bbb;text-shadow:0 1px 0 White; }
#contactFormContainer tr { padding-bottom:5px; }
#contactFormContainer label { font-weight:bold; }
#contactFormContainer textarea#contactForm-Comment { width:399px;min-height:100px;max-height:150px;font-family:'Signika',Arial,Helvetica,sans-serif;resize:none; }
#contactFormContainer input#contactForm-Submit { float:right; }
#settingsOptionsPanel .settingsOptions-Content { margin:5px;padding:10px;background-color:#ccc;text-shadow:0 1px 0 White; }
#settingsOptionsPanel .checkboxContainer { margin-top:10px;margin-right:0; }
#registerButton { top:auto!important; }
.logoutButton { top:auto!important; display:inline-block }
/*Background Gradients*/
#app-bottomMenu .menuBox,#app-topMenu,.ui-dialog .content,#addnew-monitoredlocation-edit .searchBox,#shoothill-mapControl-layers .label,#shoothill-mapControl-layers .subMenu,#popup_container,#invalidHosting-box, #error-box
{ background-color: #c6c6c6;
background-image: linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image: -o-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image: -moz-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image: -ms-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(198,198,198)), color-stop(1, rgb(239,239,239)) ); }
input[type="text"],#addnew-monitoredlocation-slider,textarea,input[type="password"],input[type="email"]
{ background-color: #fdfdfd;
background-image: linear-gradient(bottom, rgb(198,198,198) 0%, rgb(253,253,253) 5%, rgb(198,198,198) 100%);
background-image: -o-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(253,253,253) 5%, rgb(198,198,198) 100%);
background-image: -moz-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(253,253,253) 5%, rgb(198,198,198) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(253,253,253) 5%, rgb(198,198,198) 100%);
background-image: -ms-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(253,253,253) 5%, rgb(198,198,198) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(198,198,198)), color-stop(0.05, rgb(253,253,253)), color-stop(1, rgb(198,198,198)) ); }
#page-ticker li.tickerSevereWarning,.alertsList .SevereWarning.listItem,.menuBox .alertCounter.severe,#page-ticker li.tickerWarning,.alertsList .Warning.listItem,.menuBox .alertCounter.warning
{ border:1px Solid #cb0000;border-top-color:#ff3001;border-bottom:1px Solid #9b0000;color:White;text-shadow:0 1px 0 rgba(0,0,0,0.6); }
.menuBox .alertCounter.severe:hover,.menuBox .alertCounter.warning:hover
{ border-color:#ed0f0f;border-top-color:#ff4310;border-bottom:1px Solid #b90f0f; }
#page-ticker li.tickerAlert,.alertsList .Alert.listItem,.menuBox .alertCounter.alert
{ border:1px Solid #cc5600;border-top-color:#ff9c01;border-bottom:1px Solid #9c4200;color:#444;text-shadow:0 1px 0 rgba(255,255,255,0.6); }
.menuBox .alertCounter.alert:hover { border-color:#ee6d0f;border-top-color:#ffba10;border-bottom:1px Solid #ba570f; }
#page-ticker li.tickerWarningNoLongerInForce,.alertsList .WarningNoLongerInForce.listItem
{ border:1px Solid #929292;border-top-color:#d9d9d9;border-bottom:1px Solid #707070;color:#444;text-shadow:0 1px 0 rgba(255,255,255,0.6); }
.menuBox .alertCounter.severe,.menuBox .alertCounter.warning { background-color: #bf0404;
background-image: linear-gradient(bottom, rgb(155,0,0) 0%, rgb(255,9,9) 10%, rgb(255,91,91) 90%);
background-image: -o-linear-gradient(bottom, rgb(155,0,0) 0%, rgb(255,9,9) 10%, rgb(255,91,91) 90%);
background-image: -moz-linear-gradient(bottom, rgb(155,0,0) 0%, rgb(255,9,9) 10%, rgb(255,91,91) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(155,0,0) 0%, rgb(255,9,9) 10%, rgb(255,91,91) 90%);
background-image: -ms-linear-gradient(bottom, rgb(155,0,0) 0%, rgb(255,9,9) 10%, rgb(255,91,91) 90%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(155,0,0)), color-stop(0.1, rgb(255,9,9)), color-stop(0.90, rgb(255,91,91)) ); }
.menuBox .alertCounter.severe:hover,.menuBox .alertCounter.warning:hover { background-color: #ff1313;
background-image: linear-gradient(bottom, rgb(255,18,18) 0%, rgb(255,27,27) 10%, rgb(245,128,128) 99%);
background-image: -o-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(255,27,27) 10%, rgb(245,128,128) 99%);
background-image: -moz-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(255,27,27) 10%, rgb(245,128,128) 99%);
background-image: -webkit-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(255,27,27) 10%, rgb(245,128,128) 99%);
background-image: -ms-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(255,27,27) 10%, rgb(245,128,128) 99%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,18,18)), color-stop(0.1, rgb(255,27,27)), color-stop(0.99, rgb(245,128,128)) ); }
.menuBox .alertCounter.severe:active,.menuBox .alertCounter.warning:active { background-color: #c42323;
background-image: linear-gradient(bottom, rgb(255,18,18) 0%, rgb(245,128,128) 10%, rgb(255,27,27) 90%, rgb(255,18,18) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(245,128,128) 10%, rgb(255,27,27) 90%, rgb(255,18,18) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(245,128,128) 10%, rgb(255,27,27) 90%, rgb(255,18,18) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(245,128,128) 10%, rgb(255,27,27) 90%, rgb(255,18,18) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,18,18) 0%, rgb(245,128,128) 10%, rgb(255,27,27) 90%, rgb(255,18,18) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,18,18)), color-stop(0.1, rgb(245,128,128)), color-stop(0.9, rgb(255,27,27)), color-stop(1, rgb(255,18,18)) ); }
.menuBox .alertCounter.alert { background-color: #ad4a02;
background-image: linear-gradient(bottom, rgb(156,65,0) 0%, rgb(255,112,9) 10%, rgb(254,162,92) 90%);
background-image: -o-linear-gradient(bottom, rgb(156,65,0) 0%, rgb(255,112,9) 10%, rgb(254,162,92) 90%);
background-image: -moz-linear-gradient(bottom, rgb(156,65,0) 0%, rgb(255,112,9) 10%, rgb(254,162,92) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(156,65,0) 0%, rgb(255,112,9) 10%, rgb(254,162,92) 90%);
background-image: -ms-linear-gradient(bottom, rgb(156,65,0) 0%, rgb(255,112,9) 10%, rgb(254,162,92) 90%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(156,65,0)), color-stop(0.1, rgb(255,112,9)), color-stop(0.9, rgb(254,162,92)) ); }
.menuBox .alertCounter.alert:hover { background-color: #ba570f;
background-image: linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,147,15) 10%, rgb(255,213,121) 99%);
background-image: -o-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,147,15) 10%, rgb(255,213,121) 99%);
background-image: -moz-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,147,15) 10%, rgb(255,213,121) 99%);
background-image: -webkit-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,147,15) 10%, rgb(255,213,121) 99%);
background-image: -ms-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,147,15) 10%, rgb(255,213,121) 99%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(204,85,1)), color-stop(0.1, rgb(255,147,15)), color-stop(0.99, rgb(255,213,121)) ); }
.menuBox .alertCounter.alert:active { background-color: #ba570f;
background-image: linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,213,121) 10%, rgb(255,147,15) 90%, rgb(204,85,1) 100%);
background-image: -o-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,213,121) 10%, rgb(255,147,15) 90%, rgb(204,85,1) 100%);
background-image: -moz-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,213,121) 10%, rgb(255,147,15) 90%, rgb(204,85,1) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,213,121) 10%, rgb(255,147,15) 90%, rgb(204,85,1) 100%);
background-image: -ms-linear-gradient(bottom, rgb(204,85,1) 0%, rgb(255,213,121) 10%, rgb(255,147,15) 90%, rgb(204,85,1) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(204,85,1)), color-stop(0.1, rgb(255,213,121)), color-stop(0.9, rgb(255,147,15)), color-stop(1, rgb(204,85,1)) ); }
.alertsList .SevereWarning.listItem,li.tickerSevereWarning,.alertsList .Warning.listItem,li.tickerWarning
{ 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)) ); }
.alertsList .Alert.listItem,li.tickerAlert { 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)) ); }
.alertsList .WarningNoLongerInForce.listItem,li.tickerWarningNoLongerInForce
{ 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)) ); }
.button,.ui-dialog .tabMenu .tab,.ui-slider-handle.ui-state-default,.ui-button.ui-state-default,#popup_panel input[type="button"],#invalidHosting-mapLink
{ 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)) ); }
.button:hover,.ui-dialog .tabMenu .tab:hover,.ui-slider-handle.ui-state-hover,#shoothill-mapControl-layers:hover .label,.ui-button.ui-state-hover,#popup_panel input[type="button"]:hover,#invalidHosting-mapLink:hover
{ 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)) ); }
.button:active,.ui-dialog .tabMenu .tab:active,.ui-slider-handle.ui-state-active,.ui-button.ui-state-active,#popup_panel input[type="button"]:active
{ 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)) ); }
#app-footer,#page-ticker-container { background-color: #0e74a5;
background-image: linear-gradient(bottom, rgb(14,115,165) 0%, rgb(62,173,207) 100%);
background-image: -o-linear-gradient(bottom, rgb(14,115,165) 0%, rgb(62,173,207) 100%);
background-image: -moz-linear-gradient(bottom, rgb(14,115,165) 0%, rgb(62,173,207) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(14,115,165) 0%, rgb(62,173,207) 100%);
background-image: -ms-linear-gradient(bottom, rgb(14,115,165) 0%, rgb(62,173,207) 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14,115,165)), color-stop(1, rgb(62,173,207)) ); }
.button.register { background-image: linear-gradient(bottom, rgb(37,62,112) 0%, rgb(59,88,152) 100%);
background-image: -o-linear-gradient(bottom, rgb(37,62,112) 0%, rgb(59,88,152) 100%);
background-image: -moz-linear-gradient(bottom, rgb(37,62,112) 0%, rgb(59,88,152) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(37,62,112) 0%, rgb(59,88,152) 100%);
background-image: -ms-linear-gradient(bottom, rgb(37,62,112) 0%, rgb(59,88,152) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(37,62,112)),
color-stop(1, rgb(59,88,152))
); }
#popup_container {
min-width: 300px; /* Dialog will be no smaller than this */
max-width: 600px; /* Dialog will wrap after this width */
border: solid 5px #444;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#popup_title { font-size:1.3em;margin:15px 15px 0 15px;text-align:center; }
#popup_content { padding:15px;text-align:center; }
#popup_panel { margin-top:15px;font-weight:bold; }
.loader { background-image:url('Images/loader16x16.gif'); width:16px; height:16px; background-repeat:no-repeat }
#addnew-monitoredlocations-map { position:absolute;left:315px;top:10px;bottom:10px;right:10px;border-radius:0 10px 10px 0;overflow:hidden; }
#addnew-monitoredlocation-edit { width:270px;position:absolute;left:20px;top:20px;bottom:20px; }
#shoothillLink { width:354px;height:60px;background:url('Images/FacebookFloodAlerts/logos-3.jpg');float:right;display:block;cursor:pointer; }
.sepa #shoothillLink { background-image:url('Images/FacebookFloodAlerts/logos-4.jpg'); }
ul { font-size:100%!important; }
ul ul { font-size:0.9em!important; }
#saveViewButton { display:block;width:85px;margin-bottom:8px;margin-left:2px;text-align:center; }
#hidePinsButton { display:block;width:85px;margin-bottom:5px;margin-left:2px;text-align:center; }
.hide {display:none}
.show {display:block}
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; }
.MapPushpinBase img { height: 100%; width:100%}
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies { position:fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
/* NO BANNER - STYLING UPDATES 13/09/13 */
.noBanner #topBannerArea { display:none; }
.noBanner #app-topMenu { top:10px;padding-top:3px;padding-left:7px;border-top-left-radius:20px; }
.noBanner #floodalerts-map { top:55px; }
.noBanner .noBanner-visible { display:block!important; }
.noBanner #app-footer { background:#6aa815 url('Images/footer-greenBackground.jpg') repeat-x left top!important; }
.noBanner #floodAlertsLogo { float:left; }
.noBanner #eaLink { width:162px;height:60px;background:url('Images/footer-eaLogo.jpg');float:right; }
.noBanner #shoothillLink { width:227px!important;background-image:url('Images/footer-shoothillLogo.jpg'); }
.noBanner #statusContainer { margin-top:5px!important; }
.noBanner #statusContainer .status { width:200px;margin-bottom:0!important; }
#app-footer #toggleBottomMenu { width:100px;left:50%;margin-left:-60px; }
/* INVALID HOSTING PAGE - STYLING UPDATES - 30/09/13 */
#invalidHosting,#invalidHosting body { width:100%;height:100%;overflow:hidden; }
#invalidHosting body { min-width:0;background:#268db8 url('Images/fa-twitter-background.jpg') no-repeat left top;position:relative; }
#invalidHosting-page { width:100%;height:100%;display:table; }
#invalidHosting-content { display:table-cell;vertical-align:middle; }
#invalidHosting-box { width:400px;margin:0 auto;padding:50px;border-radius:20px;box-shadow:2px 3px 5px rgba(0,0,0,0.3);text-shadow:0 1px 0 White; }
#invalidHosting-mapLink { display:block;padding:20px 30px;border:1px Solid #567b12;border-radius:10px;text-align:center;text-shadow:0 1px rgba(0,0,0,0.7);text-decoration:none;color:white;font-weight:bold;font-size:20px;cursor:pinter; }
#invalidHosting .error,
#invalidHosting .error a { color:Red; }
#invalidHosting .error a:hover { text-shadow:none;color:white; }
/* INVALID HOSTING PAGE - STYLING UPDATES - 30/09/13 */
#error,#error body { width:100%;height:100%;overflow:hidden; }
#error body { min-width:0;background:#268db8 url('Images/fa-twitter-background.jpg') no-repeat left top;position:relative; }
#error-page { width:100%;height:100%;display:table; }
#error-content { display:table-cell;vertical-align:middle; }
#error-box { width:400px;margin:0 auto;padding:50px;border-radius:20px;box-shadow:2px 3px 5px rgba(0,0,0,0.3);text-shadow:0 1px 0 White; }
#error .error,
#error .error a { color:Red; }
#error .error a:hover { text-shadow:none;color:white; }
.loadmask {
z-index: 100;
position: absolute;
top:0;
left:0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
background-color: #CCC;
width: 100%;
height: 100%;
zoom: 1;
}
.loadmask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
border:1px solid #6593cf;
background: #c3daf9;
padding:2px;
}
.loadmask-msg div {
padding:5px 10px 5px 25px;
background: #fbfbfb url('Images/loading.gif') no-repeat 5px 5px;
line-height: 16px;
border:1px solid #a3bad9;
color:#222;
font:normal 11px tahoma, arial, helvetica, sans-serif;
cursor:wait;
}
.masked {
overflow: hidden !important;
}
.masked-relative {
position: relative !important;
}
.masked-hidden {
visibility: hidden !important;
}
.has-advert #corner-advert { max-width:25%;display:block!important;position:absolute;top:0;right:0;z-index:1; }
.has-advert #corner-advert a { display:block; }
.has-advert #corner-advert img { max-width:100%;height:auto; }
@media only screen and (min-width:1012px) {
.OEM.OEM.banner .has-advert #app-topMenu .fb-like { right:248px!important; }
}
@media only screen and (max-width:1012px) and (min-width:501px) {
.OEM.OEM.banner .has-advert #app-topMenu .fb-like { right:25%!important; }
}
@media (min-width:1050px) {
.noBanner #statusContainer { margin-top:17px!important; }
.noBanner #statusContainer .status { width:auto; }
}
@media (max-width:1100px) {
#app-topMenu #menuButton { display:inline!important; }
#app-topMenu #collapsableMenu { display:none;width:200px;padding:10px;background-color:c6c6c6;border-radius:0 0 10px 10px;position:absolute;top:42px;left:10px;z-index:102;
background-image:linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image:-o-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image:-moz-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image:-ms-linear-gradient(bottom, rgb(198,198,198) 0%, rgb(239,239,239) 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(198,198,198)), color-stop(1, rgb(239,239,239)) ); }
#app-topMenu #collapsableMenu .button { display:block;width:100%; }
#app-topMenu #collapsableMenu.open { display:block; }
}
@media (max-width: 830px) {
#app-topMenu {font-size: 0.9em;}
}
@media (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
#app-topMenu h3 { display:none!important; }
#topBannerArea .liveTicker #page-ticker { display:none!important; }
#app-topMenu {font-size: 0.7em;}
}
@media (max-width:500px) {
#invalidHosting,#invalidHosting body { overflow:auto; }
#invalidHosting-box { width:auto;padding:30px; }
#error,#error body { overflow:auto; }
#error-box { width:auto;padding:30px; }
.has-advert #corner-advert { display:none!important; }
#app-topMenu {font-size: 0.6em;}
}
@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}
/* The location pointed to by the popup tip. */
.popup-tip-anchor {
height: 0;
position: absolute;
/* The max width of the info window. */
width: 200px;
}
/* The bubble is anchored above the tip. */
.popup-bubble-anchor {
position: absolute;
width: 100%;
bottom: /* TIP_HEIGHT= */ 8px;
left: 0;
}
/* Draw the tip. */
.popup-bubble-anchor::after {
content: "";
position: absolute;
top: 0;
left: 0;
/* Center the tip horizontally. */
transform: translate(-50%, 0);
/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
width: 0;
height: 0;
/* The tip is 8px high, and 12px wide. */
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: /* TIP_HEIGHT= */ 8px solid white;
}
/* The popup bubble itself. */
.popup-bubble-content {
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -100%);
/* Style the info window. */
background-color: white;
padding: 5px;
border-radius: 5px;
font-family: sans-serif;
overflow-y: auto;
max-height: 60px;
box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
}