* { border: 0; padding: 0; margin: 0; font-family: Verdana,sans-serif; font-size: 10pt; } form { display: inline; } html,body { min-width: 360px; background-color: lightgrey; height: 100%; } header { background-color: white; padding-top: 5px; } .headerbannerSmall { background-color: white; height: 83px; background-image: linear-gradient(white,white,white,lightgray); position: fixed; right:0; left:0; } .header { width: 379px; background-image: url(/images/logo.gif); background-position: 50% 0; background-repeat: no-repeat; background-size: contain; margin-left: auto; margin-right: auto; height: 100px; display: block; } .headerSmall { width: 191px; margin-left: auto; margin-right: auto; background-image: url(/images/logosmall.gif); background-position: 50% 0; background-repeat: no-repeat; background-size: contain; height: 50px; display: block; } a,a:visited { text-decoration: none; color: #4040FF; } a:hover { text-decoration: none; color: #FF0000; } a:active { text-decoration: none; color: #FF0000; } .bannerbox { width: 468px; height: 60px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; } .mainarea { width: 100%; } .mainareaSmall { width: 100%; position: absolute; overflow: none; top: 87px; bottom: 0px; } .mapContainer { position: absolute; top: 0px; bottom: 40px; right:0; left:0; background-color: #000000; } .pageContent { padding: 10px; background-color: lightgray; min-height: calc(100vh - 197px); } footer { background-color: #303030; color: #A0A0A0; clear: both; height: 40px; width: 100%; font-size: 6pt !important; } .footerlinks { font-size: 8pt !important; text-align: center; padding-top: 4px; color: #606060; } footer a,footer a:visited { color: #c0c0c0; font-size: 8pt !important; } footer a:hover,footer a:active { color: #ffffff; text-decoration: none; } .copyright { text-align: center; padding-top: 6px; font-size: 6pt !important; } .copyright > a { font-size: 6pt !important; } h1 { font-size: 14pt; } .menu { text-align: center; height: 24px; padding-top: 8px; background-image: linear-gradient(white,lightgray); } .menu li { display: inline; list-style-type: none; } .menu li a,.menu li a:visited { padding: 3px; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid grey; border-bottom: 1px solid grey; border-radius: 5px; background-color: whitesmoke; color: black; cursor: pointer; font-size: 9pt; } .menu li a:hover { background-color: azure; } .menu li a:active { background-color: lightgrey; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid white; border-bottom: 1px solid white; } .menuSmall { height: 24px; padding-top: 8px; text-align: center; white-space: nowrap; } .menuSmall li { display: inline; list-style-type: none; margin-right: 1px; margin-left: 1px; } .menuSmall li a,.menuSmall li a:visited { padding: 2px; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid grey; border-bottom: 1px solid grey; background-color: whitesmoke; border-radius: 5px; color: black; cursor: pointer; font-size: 9pt; } .menuSmall li a:hover { background-color: azure; } .menuSmall li a:active { background-color: lightgrey; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid white; border-bottom: 1px solid white; } .accountSmall,.accountSmall:visited { float: right; width: 56px; height: 32px; background-image: url(/images/account2.png); background-position: 50% 0px; background-repeat: no-repeat; background-size: 32px; cursor: pointer; margin-right: 5px; padding: 0; opacity: 0.75; } .accountSmall:hover,.accountSmall:active { background-position: 50% -32px; opacity: 1; } .accountSmall span { display: inline-block; width: 56px; color: #0000FF; text-align: center; font-weight: bold; margin-top: 32px; font-size: 8pt; } .accountSmall span:active,.accountSmall span:hover { color: #FF0000; } @media only screen and (max-width: 620px) { .mainarea { top: 87px; } .headerbanner { height: 83px; } .header { width: 191px; background-image: url(/images/logosmall.gif); height: 50px; } .menu li { padding-left: 0; padding-right: 0; } }  .er404 { font-size: 58pt; font-weight: bold; } .pageContent p { margin-top: 8px; margin-bottom: 8px; font-size: 11pt; } .pageContent a { font-size: 11pt; } .pageContent input[type="button"],.pageContent input[type="submit"],.linkButton,.pageContent .linkButton:visited,.closeButton,.closeButton:visited { padding: 4px; border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid grey; border-bottom: 2px solid grey; border-radius: 5px; background-color: whitesmoke; color: black; cursor: pointer; font-size: 12pt; color: #000000; } .labelButton { text-align: center !important; border-top: 2px solid white !important; border-left: 2px solid white !important; border-right: 2px solid grey !important; border-bottom: 2px solid grey !important; border-radius: 5px !important; padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 10px !important; padding-right: 10px !important; width: auto !important; } .labelButton:hover { background-color: azure !important; color: #000000 !important; } .labelButton:active { background-color: lightgrey !important; border-top: 2px solid grey !important; border-left: 2px solid grey !important; border-right: 2px solid white !important; border-bottom: 2px solid white !important; color: #000000 !important; } .pageContent input[type="button"]:hover,.pageContent input[type="submit"]:hover,.pageContent .linkButton:hover,.closeButton:hover { background-color: azure; color: #000000; } .pageContent input[type="button"]:active,.pageContent input[type="submit"]:active,.pageContent .linkButton:active,.closeButton:active { background-color: lightgrey; border-top: 2px solid grey; border-left: 2px solid grey; border-right: 2px solid white; border-bottom: 2px solid white; color: #000000; } .linkButton { margin-bottom: 5px; } .note { font-style: italic; font-size: 10pt !important; margin-top: 0 !important; color: #505050; } .leftNote { text-align: left !important; padding-left: 30px; } .pageContent input[type="text"],.pageContent input[type="email"],.pageContent input[type="number"],.pageContent input[type="password"],.pageContent input[type="tel"],.pageContent textarea,.pageContent select { padding: 4px; border-top: 2px solid grey; border-left: 2px solid grey; border-right: 2px solid white; border-bottom: 2px solid white; border-radius: 5px; background-color: whitesmoke; color: black; outline: none; width: 100%; max-width: 280px; } .pageContent input[type="text"]:focus,.pageContent input[type="text"]:hover,.pageContent select:hover,.pageContent select:focus,.pageContent input[type="email"]:focus,.pageContent input[type="password"]:focus,.pageContent input[type="number"]:focus,.pageContent input[type="tel"]:focus,.pageContent input[type="email"]:hover,.pageContent input[type="password"]:hover,.pageContent input[type="number"]:hover,.pageContent input[type="tel"]:hover,.pageContent textarea:hover,.pageContent textarea:focus { background-color: azure; border-top: 2px solid grey; border-left: 2px solid grey; border-right: 2px solid white; border-bottom: 2px solid white; outline: none; } .pageContent input[type="text"]:active,.pageContent input[type="email"]:active,.pageContent input[type="number"]:active,.pageContent input[type="password"]:active,.pageContent input[type="tel"]:active,.pageContent textarea:active,.pageContent select:active { background-color: white; border-top: 2px solid grey; border-left: 2px solid grey; border-right: 2px solid white; border-bottom: 2px solid white; outline: none; } .pageContent input[type="number"] { width: 100px; } textarea { height: 70px; vertical-align: top; margin-top: 0 !important; } select { margin-top: 8px; margin-bottom: 8px; } input[type='submit'] { all: unset; } input[type='submit'] { line-height: normal; } input[type="checkbox"] { -webkit-appearance: none; background-color: whitesmoke; border-top: 2px solid grey; border-left: 2px solid grey; border-right: 2px solid white; border-bottom: 2px solid white; padding: 9px; border-radius: 5px; display: inline-block; position: relative; cursor: pointer; } input[type="checkbox"]:hover { background-color: azure; } input[type="checkbox"]:active,input[type="checkbox"]:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1); } input[type="checkbox"]:checked { background-image: url(/images/tick.gif); background-position: 50% 50%; background-repeat: no-repeat; } input[type="checkbox"]:checked:after { cntent: '\2714'; font-size: 14px; font-weight: bold; position: absolute; top: 0px; left: 3px; color: #404040; } label { display: inline; }  .pageContent .boxContainer { margin-left: auto; margin-right: auto; width: 80%; max-width: 800px; min-width: 340px } @media only screen and (max-width: 723px) { .pageContent .boxContainer { width: 95%; max-width: 100%; } } @media only screen and (max-width: 620px) { .pageContent .boxContainer { width: 100%; max-width: 100%; } .pageContent { padding-left: 2px; padding-right: 2px; padding-top: 2px; } } .pageContent .boxContainer h1 { border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid grey; background-color: white; padding: 10px; text-align: center; border-radius: 10px 10px 0 0; font-size: 14pt; border-bottom: 1px solid gray; } h1 { font-weight: normal; } .boxContent { background-position: 50% 0; background-repeat: no-repeat; } .seperator { background-color: #808080; height: 1px; line-height: 1px; margin-left: -10px; margin-right: -10px; margin-top: -10px; } .listingLogoBox { height: 245px; line-height: 245px; } .listingLogoBox > img { display: none; } .pageContent .boxContainer .boxContent { background-color: #F0F0F0; padding: 10px; text-align: center; border-bottom: 1px solid gray; border-left: 2px solid white; border-right: 2px solid grey; border-top: 1px solid white; } .pageContent .boxContainer .boxFooter { border-top: 1px solid white; border-right: 2px solid grey; border-bottom: 2px solid grey; border-left: 2px solid white; background-color: #FFFFFF; padding: 10px; text-align: center; border-radius: 0 0 10px 10px; min-height: 24pt; background-image: linear-gradient(white,lightgray); } .fullPage { width: 100% !important; max-width: 100% !important; } .fullPage .boxContent { text-align: left !important; padding-top: 10px; } .fullPage .boxFooter a,.centered a { float: none !important; margin-right: 5px !important; display: inline-block; } .pageContent .boxContainer .boxFooter > input[type="submit"] { float: right; } .extraLinkButton { float: left; margin-right: 10px; } .alert { padding: 10px; border-radius: 5px; border: 1px solid; width: 75%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; display: block; } .alert-danger { border-color: #FF0000; background-color: #FFE0E0; color: #FF0000; } .alert-info { border-color: #80A0FF; background-color: #B0D0FF; color: #000000; } .alert-warning { border-color: #FFA080; background-color: #FFD0B0; color: #000000; } .alert-success { border-color: #00FF00; background-color: #E0FFD0; color: #000000; } .formFooter { padding-top: 4px; margin-right: 5px; text-align: right; } .formfield input[type="text"],.formfield input[type="password"],.formfield input[type="email"],.formfield input[type="tel"],.formfield textarea { width: 90%; margin-right: 10px; margin-top: 8px; margin-bottom: 8px; } .formfield input[type="checkbox"] { vertical-align: middle; position: relative; } .checkboxbox { width: 24% !important; display: inline-block; text-align: left; margin-left: 0px; margin-right: 10px; } fieldset { padding-top: 5px; padding-bottom: 5px; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid lightgray; border-left: 1px solid lightgray; background-color: #E8E8E8; border-radius: 5px; width: 100%; } .formfield > div { display: table-cell; width: 50%; text-align: left; margin-right: 5px; border-radius: 0 5px 5px 0; border-left: 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid lightgray; border-right: 1px solid lightgray; } .formfields { display: table !important; width: calc(100% - 10px); margin-left: auto; margin-right: auto; } .formfield { margin-bottom: 4px; margin-left: 5px; margin-right: 5px; background-color: #F0F0F0; border-radius: 5px; display: table-row; width: 100%; } .outerBorder { padding-top: 8px; padding-bottom: 8px; padding-right: 10px; border-radius: 5px; border-right: 1px solid lightgray; border-bottom: 1px solid lightgray; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background-color: #F0F0F0; margin-left: 5px; margin-right: 5px; } .formfield label { padding-top: 8px; padding-bottom: 8px; text-align: right; display: table-cell; width: 50%; cursor: pointer; padding-right: 10px; border-radius: 5px 0 0 5px; border-right: 0; border-bottom: 1px solid lightgray; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; } .fullLabelBox { padding-left: 5px; padding-right: 7px; margin-bottom: 5px; margin-top: 5px; } .fullLabelBox > p { padding-top: 8px; padding-bottom: 8px; text-align: center; display: block; border-radius: 5px !important; width: 100% !important; border-left: 1px solid lightgray !important; border-top: 1px solid lightgray; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color: #E0E0E0; } fieldset > legend { background-color: gray; background-image: linear-gradient(gray,#404040); border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-radius: 5px 5px 0 0; color: white; display: block; width: 100%; font-size: 14pt; margin-top: -7px; margin-left: -1px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; } .iconBoxCMS { height: 40px; line-height: 40px; background-repeat: no-repeat; background-position: 50% 50%; } .logoBoxCMS { height: 225px; line-height: 225px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .iconBoxCMS label,.logoBoxCMS label { font-weight: bold; text-shadow:0px 0px 10px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff; } .listing { line-height: 32px; height: 32px; text-align: left; padding-left: 10px; } .listingFooter { padding-top: 5px; } .listingFooter > input[type="submit"] { float: right; margin-right: 5px; } .listing > input[type="submit"] { float: right; margin-right: 10px; } #attributeGecode { text-align: right; position: absolute; z-index: 100; right: 0; text-shadow:0px 0px 10px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff; padding-right: 5px; } .typesLabel { width: 32px; height: 32px; display: inline-block; vertical-align:middle; background-repeat: no-repeat; background-image: url(/images/types.png?v=5); } .mtypesLabel { width: 32px; height: 32px; display: inline-block; vertical-align:middle; background-repeat: no-repeat; background-image: url(/images/media.png); } .etypesLabel { width: 32px; height: 32px; display: inline-block; vertical-align:middle; background-repeat: no-repeat; background-image: url(/images/etypes.png?v=4); } .typesLabel > img { display: none; } .mtypesLabel > img { display: none; } .etypesLabel > img { display: none; } .socialLabel { width: 32px; height: 32px; display: inline-block; vertical-align:middle; background-repeat: no-repeat; background-image: url(/images/social.png?v=2); } .socialLabel > img { display: none; } .eventTypeLabel { width: 32px; height: 32px; display: inline-block; vertical-align:middle; background-repeat: no-repeat; background-image: url(/images/etypes.png?v=4); } .eventTypeLabel > img { display: none; } .floatDelete { float: right; margin-top: -8px; margin-right: 4px; vertical-align: middle; height: 26px; line-height: 26px; } .floatDelete > label { vertical-align: middle; cursor: pointer; } .floatDelete > input { vertical-align: middle; } .listingList { border-collapse: collapse; margin: 10px; width: calc(100% - 20px); box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 5px; } .listingList thead tr { background-color: #505050; color: #ffffff; text-align: left; line-height: 30px; } .listingList thead tr th { padding-left: 8px; } .listingList td,.verticalTable th { line-height: 38px; border-top: 1px solid #D0D0D0; padding-left: 8px; } .listingList tbody tr { border-bottom: 1px solid #dddddd; } .listingList tbody tr:nth-of-type(even) { background-color: #f3f3f3; } .verticalTable th { text-align: right; } .verticalTable td { text-align: left; } .verticalTable td { line-height: 20px !important; } .amiga404 { background-color: #000000; padding: 10px; margin-bottom: 20px; border: 1px solid #808080; } .amiga404 > div { margin-left: auto; margin-right: auto; max-width: 600px; border: 10px solid #FF0000; background-color: #000000; color: #FF0000; padding: 20px; text-align: center; font-family: 'Courier New',Courier,monospace; font-weight: bold; line-height: 30px; font-size: 16pt; animation: blinker 1s linear infinite; } @keyframes blinker { 0% { border: 10px solid #000000; } 49% { border: 10px solid #000000; } 50% { border: 10px solid #FF0000; } 100% { border: 10px solid #FF0000; } } .searchbox { width: 100%; } .searchbox > input[type="text"] { width: 45%; } .radioitem { padding-left: 10px; display: inline-block; } .radioitem > input[type="radio"] { margin-top: 2px; } .radioitem > label { display: inline-block; vertical-align: top; } .includebox { padding-top: 10px; } .includebox > b { display: inline-block; vertical-align: top; } .searchbox td { line-height: 50px; vertical-align: top; text-align: left; white-space: nowrap; } @media only screen and (max-width: 720px) { .searchbox td a { font-size: 9pt !important; } } .ledgendPageCounter { text-align: left; line-height: 20px; height: 20px; } .ledgendPageCounter > div { padding-left: 10px; display: inline-block; float: left; } .ledgendPageCounter > span { float: right; display: inline-block; padding-right: 10px; } .ledgendPageCounter > span > a { color: #FFFFFF; cursor: pointer; } .ledgendPageCounter > span > a:hover { color: #00FFFF; } .footerNavigation { background-color: #E0E0E0; margin-bottom: -5px; padding: 5px; border-top: 1px solid #D0D0D0; } .listing_small { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-radius: 5px 5px 5px 5px; margin: 10px; padding: 10px; text-align: left; background-color: #E0E0E0; } .listingIcon { width: 32px; height: 32px; margin-right: 10px; margin-bottom: 10px; } .listingHeader { font-size: 16pt !important; font-weight: normal; line-height: 32px; cursor: pointer; } .listing_content { clear: both; } .moreButton { font-size: 10pt !important; float: right; } .edgeTopImage { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -6px; } .blankLabel { border: 0 !important; text-align: left !important; display: inline-block !important; padding-left: 10px; width: auto !important; padding: 2px !important; } .options { background-color: #E0E0E0; margin-top: -5px; padding: 5px; border-bottom: 1px solid #D0D0D0; line-height: 26px; height: 26px; } .options input[type="submit"] { font-size: 9pt; } .loudButton { background-color: #FFE0E0 !important; } .htmlcode { padding: 10px; border-radius: 5px; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid lightgray; border-left: 1px solid lightgray; background-color: #E0E0E0; text-align: center; font-family: monospace,monospace; width: 50%; margin-left: auto; margin-right: auto; } .podyoudesc { display: inline-block; padding-left: 15px; } .letters { font-size: 11pt; color: #C0C0C0; }  @keyframes gradient { 0% { background-position: 00% 80%; } 20% { background-position: 00% 20%; } 80% { background-position: 00% 20%; } 100% { background-position: 00% 80%; } } .typesListMapTab { background-color:#C0C0C0; width: 24px; height: 80px; top:0; position: absolute; border-radius: 10px 0 0 10px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #A0A0A0; cursor: pointer; pointer-events: auto !important; margin-top: -1px; background: linear-gradient(-45deg,#40FFFF,#80FFFF,#FFC0C0,#FF8080); background-size: 400% 400%; animation: gradient 3s ease infinite; } .typesListMapTab:hover { background-color:#C8C8C8; } .typesListMapTab span { transform: rotate(-90deg); display: block; margin-top: 42px; font-size: 12pt; font-weight: bold; } .typesModeMapTab { background-color:#A0A0A0; width: 23px; height: 70px; position: absolute; border-radius: 5px 0px 0px 5px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; cursor: pointer; pointer-events: auto !important; margin-top: 0px; margin-left: 4px; padding-top: 3px; } .typesModeMapTab:hover { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #A0A0A0; border-left: 1px solid #A0A0A0; background-color:#C8C8C8; } .typesModeMapTab span { transform: rotate(-90deg); display: block; margin-top: 43px; margin-left: -2px; font-size: 12pt; font-weight: bold; } @keyframes seeme2{ 55% { margin-left: 4px; background-color:#A0A0A0; color: #000000; } 60% { margin-left: 0px; background-color: #FFFFFF; color: #000000; } 65% { margin-left: 4px; background-color:#A0A0A0; color: #000000; } } .tabSelected,.tabSelected:hover { background-color: #FFFFFF; margin-left: 0px; } .typesListMap { width: 205px; bottom: 0; top: 0; position: absolute; right: 0; overflow-y: auto; overflow-x: hidden; } .mapCategory { background-color:#C0C0C0; margin-left: 24px; height: 34px; text-align: left; line-height: 34px; vertical-align: middle; cursor: pointer; pointer-events: auto !important; width: 300px; position: absolute; z-index: 100; } .mapCategoryBG { width: 100%; background-color: #FFFFFF; opacity:0.5; position: absolute; z-index: -1; bottom: auto; margin-left: 24px; } .mapCategory:hover { background-color: #FFFFFF; } .mapCategory span { display: inline-block; font-size: 8pt; padding-left: 4px; vertical-align: top; white-space: nowrap; } .mapCategory input { display: inline-block; margin-top: 5px; margin-left: 8px; } .mapCategory div { margin-top: 1px; margin-left: 4px; vertical-align: top; } .eventControlHeader { background-color: #E0E0E0; height: 25px; line-height: 25px; margin-left: 24px; padding-left: 10px; cursor: pointer; pointer-events: auto !important; } .eventControlHeader:hover { background-color: #F0F0F0; } .optionsHolder { overflow: hidden; } .visibleHeader { float: right; padding-right: 7px; color: #404040; font-style: italic; font-size: 8pt; } .invisibleHeader { float: right; padding-right: 7px; color: #B0B0B0; font-style: italic; font-size: 8pt; } .allMapMarkers { width: 372px; border:0; margin: 0; padding: 0; } .allMapMarkers th { background-image: url(/images/mapmarkers.png); background-position: 0 0; background-repeat: no-repeat; height: 60px; overflow: hidden; } .altMapMarkers th { background-image: url(/images/altmapmarkers.png); background-position: 0 50%; } .allMapMarkers th > label { width: 46px; float: left; height: 60px; border: 0; padding: 0; margin: 0; } .allMapMarkers td { text-align: center; width: 46px; } .allMapMarkers td > input { cursor: pointer; } .tooltip { position: relative; padding: 5px; background: rgba(255,255,225,0.85); color: black; border-radius: 5px; border: 1px solid #404040; white-space: nowrap; box-shadow: 0 1px 4px rgba(0,0,0,0.2); } .mapInformationPopup { pointer-events: auto !important; position: absolute; background-color: white; border-radius: 10px; cursor: default; box-shadow: 0 0 15px rgba(0,0,0,1); } .ol-zoom-in,.ol-zoom-out ,.ol-attribution > button { cursor:pointer !important; } .popupContentLeft { width: 100%; height: 100%; border-right: 1px solid #808080; margin-right: 1px; } .mapError { margin-left: auto; margin-right: auto; max-width: 300px; left: 0; right: 0; text-align: center; position: absolute; padding-top: 20px; text-align: center; z-index: 10; background-color: #FFFFFF; box-shadow: 0 0 15px rgba(0,0,0,1); border-radius: 10px; padding: 20px; margin-top: 40px; } .mapError > h2 { font-size: 16pt; } .mapBannerBox { margin-left: auto; margin-right: auto; width: 320px; height: 50px; display: block; left: 0; right: 0; top:0; text-align: center; position: absolute; background-color: #FFFFFF; pointer-events: auto !important; } @media screen and ( max-height: 320px ) { .mapBannerBox { display: none; } } .verybusy { background-image: url(/images/busy2.gif); background-position: 50% 50%; background-repeat: no-repeat; background-color: #FFFFFF; position: absolute; width: 40px; height: 30px; border-radius: 2px; pointer-events: none; box-shadow: 0 0 2px rgba(0,0,0,0.5); left: 2.5em; top: 0.6em; line-height: .4em; } .infoBox { position: absolute; top: 0px; left: 0px; width: 0px; bottom: 40px; background-repeat: no-repeat; background-position: 50% 20px; background-image: url(/images/verybusy.gif); background-color: #FFFFFF; } .infoBox > p { position: absolute; right: 0; left: 0; text-align: center; display:block; top: 120px; z-index: 0; } .geolocate-me { top: 75px; left: .5em; cursor:pointer; pointer-events: auto !important; } .cluster-me > button { background-image: url(/images/cluster2.png); cursor:pointer; background-position: 0px 50%; background-repeat: no-repeat; background-size: 60px 30px; } .cluster-me { top: 105px; left: .5em; cursor:pointer; pointer-events: auto !important; } .geolocate-me > button { background-image: url(/images/locate.png); cursor:pointer; background-position: 50% 50%; background-repeat: no-repeat; } .ol-rotate { left: 0.5em !important; bottom: 0.5em !important; top: auto !important; right: auto !important; } .ol-rotate > button { cursor: pointer; } @media only screen and (min-width: 621px) { .smallListing { display: none; } .possibleSplit { display: none; } } @media only screen and (max-width: 620px) { .normalListing { display: none; } .notsmall { display: none; } .possibleSplit { display: inline; } } .closeButton2 { position: fixed; z-index: 10; right: 16px; top: 12px; font-size: 9pt; font-weight: bold; width: 32px; height: 32px; line-height: 16px; vertical-align: top; background-color: #FFC0C0; box-shadow: 0 0 35px rgba(0,0,0,0.2),0 0 15px rgba(0,0,0,1); } .closeButton2:hover { background-color: #FF0000; color: #FFFFFF; } .closeButton2:active { background-color: #E00000; color: #E0E0E0; } .retrofooter,.retrofooter:active,.retrofooter:visited { float: left; line-height: 30px; vertical-align: middle; padding-left: 10px; color: #909090; } .retrofooter:hover { color: #6060FF; }