#/*! normalize.css v2.1.0 | MIT License | git.io/normalize | amended */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{margin:0;}a:focus{outline:none;}a:active,a:hover{outline:0;}b,strong{font-weight:700;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}img{border:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}h1,h2,h3,h4,h5,p{font-size:100%;font-weight:400;margin:0;padding:0;}br{clear:both;}.cf{zoom:1}.cf:before,.cf:after{content:'';display:table}.cf:after{clear:both} /* -- */ @font-face { font-family:"Al-Jazeera-Arabic-Light"; src: url("/images/fonts/Al-Jazeera-Arabic-Light.eot") } @font-face { font-family:"Al-Jazeera-Arabic-Light"; src: url("/images/fonts/Al-Jazeera-Arabic-Light.ttf") } @font-face { font-family:"Al-Jazeera-Arabic-Light"; src: url("/images/fonts/Al-Jazeera-Arabic-Light.woff") } html { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; height: auto; width: 100%; overflow-x: auto; min-width: 320px; } body { position: fixed; top: 0; left: 0; right: 0; bottom: 0; font: 14px/1.5 'Noto Sans', sans-serif; color: #333; background: #fafafa; overflow-x: hidden; min-width: 320px; width: 100%; } .clear { clear: both; } a { color: #e6323d; text-decoration: none; } a:hover { text-decoration: underline; } input { padding: 8px; border: 1px solid #c2c3c5; } .rtl { direction: rtl; text-align: right; } .ltr { direction: ltr; } .arabic { font-family: 'Al-Jazeera-Arabic-Light', 'Noto Sans', sans-serif; font-size: 24px !important; letter-spacing: 2px; } .noTransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .tooltip-container { display: inline-block; position: relative; } .expires-icon { background: #e6323d; border-radius: 100px; height: 20px; width: 20px; display: inline-block; line-height: 20px; position: relative; margin: 0 10px; color: #fff; text-align: center; font-size: 14px; } .tooltip-icon { background: #e6323d; border-radius: 100px; height: 20px; width: 20px; display: inline-block; line-height: 20px; position: relative; margin: 0 10px; color: #fff; text-align: center; font-size: 14px; } .tooltip-icon:hover { text-decoration: none; } .tooltip-icon.dark { top: 5px; background-color: #58595b; border-radius: 4px; height: 33px; width: 33px; display: inline-block; line-height: 34px; position: relative; margin: 0; color: #fff; text-align: center; font-size: 21px; } .search-lens { width:30px; height:30px; background-image:url('/images/lens.png'); background-repeat:no-repeat; background-size:20px; background-position:center; } .tooltip { display: none; z-index: 4; padding: 15px; top: 0; left: 35px; width: 200px; position: absolute; background: #ffffff; border: 1px solid #ccc; margin: 0; line-height: 21px; text-align: center; } .tooltip strong { font-weight: bold; font-size: 13px; } .tooltip a { color: #333; font-size: 12px; line-height: 31px; position: relative; top: 8px; } .tooltip a span { color: #e6323d; } .pageInner { padding: 40px; } h1, h2, h3, h4, h5 { font-family: 'Roboto', sans-serif; font-weight: 300; } /* -- */ .menu-search { display: none; } .menu-mobile { display: none; } #head { position: fixed; width: 100%; left: 0; top: 0; min-width: 925px; z-index: 2; background: #e6323d; line-height: 36px; height: 46px;} #head #collapse { display: none; } #head .menu-main { position: relative; float: left; z-index: 1; text-align: left; padding-left: 10px; background: #e6323d; line-height: 0; top:6px; } #head .menu-main img { width: 115px; height: 37px; } #head .menu-second { position: absolute; z-index: 0; text-align: right; right: 0; background: #e6323d; top: 3px; font-size: 13px; font-weight: 300; } /*#head .menu-second a:hover, #head .menu-second a:active { border-bottom: 2px solid white; }*/ #head .mobile-twitter-feed { display: none; } #head .logo { display: none; } #head .menu-toggle { display: none; z-index: 5; } #head .menu-search-toggle { display: none; } #head .selfie-competition { display: none; } #head li { display: inline-block; list-style: none; } #head ul { margin: 0px; padding: 0px; } #head .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } #head .nav-collapse.opened { max-height: 9999px } #head .nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #head a { display: inline-block; color: white; text-decoration: none; padding: 0 10px; margin: 0 0px; } #head a.develop { border: 2px solid; border-radius:4px; } #head .basket img { position: relative; top: 1px; margin: 0 3px; } #head .social { display: inline-block; width: 210px; background: #58595b; padding: 0 24px; margin-left: 18px; position: relative; } #head .social a { margin: 0; padding: 0 8px; } #head .social img { vertical-align: text-bottom; } #head .social .facebook { display: block; position: absolute; top: 5px; left: 12px; width: 90px; height: 28px; overflow: hidden; } #head .social .instagram { position: relative; top: 4px; left: 0; width: 24px; height: 24px; } #head span { position: relative; display: inline-block; } #head span .dropdown { display: none; position: absolute; left: 0; text-align: left; background: #e6323d; } #head span .dropdown a { background-color: #e6323d; display: block; padding: 2px 12px; line-height: 19px; margin: 0; } #head span:hover .dropdown { display: block; } #head span .dropdown a:hover { background-color: #58595b; } #head a.fill { color: #E6323D; background: #fff; border-radius: 4px;text-decoration: none; border: 2px solid white;} #head span.language { background-color: #e6323e; width: 121px; } #head span a.language { border: none !important; } #head span.language > a { width: 100%; padding: 0; margin: 0; text-align: center; } #head span.language .dropdown { font-size: 12px; padding: 0; background: #454545; } #head span.language .dropdown a { background: #454545; padding: 2px 20px; } #head span.language .dropdown a:hover { text-decoration: underline; } #head span.language .dropdown .change-three-word-lang { background: #e6323d; padding: 10px; color: white; } #head .about .dropdown { width: 120px; } #head .menu-account .dropdown { width: 150px; padding: 0 0 20px; margin-top: 0px; } #head .menu-account .dropdown a { padding: 2px 19px; } /*#head span.language .dropdown a { color: #e6323d; }*/ #head span.language .dropdown a:hover { background-color: #e6323d; color: white; text-decoration: none; } #head span.language .dropdown { background: white; } #head .menu-account .dropdown { padding: 0 0 3px; margin-top: 0px; } #head .menu-account .dropdown a { padding: 10px 12px; background: #fff; color: #e6323d; } #head .menu-account .dropdown a:hover { background: #e6323d; color: #fff; } #head .menu-account a:hover { border-bottom: none; } #search-bar { width: 100%; min-width: 320px; position: absolute; left: 0; overflow: hidden; height: 100px; display: none; } #map { position: absolute; z-index: 0; top: 46px; left: 0; bottom: 0; right: 0; overflow: hidden; } #map .splash { position: absolute; z-index: 5; text-align: center; left: 50%; top: 50%; bottom: 0; cursor: pointer; background: url(/images/home/new-splash.png) no-repeat center; width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-size: contain; } #map .splash .text { position: absolute; text-align: center; color: #333333; top: 50%; margin-top: -140px; left: 50%; margin-left: -110px; width: 220px; height: 235px; } #map .splash .text img { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } #map .splash h1 { font-size: 22px; } #map .splash h2 { font-size: 18px; width: 200px; margin: 0 auto; } #map .splash p { margin-bottom: 12px; } #map .splash .text .show-location { position: static; } #map .splash .text .splash-buttons { margin: 50px 0 0; } #map .splash .text .button { display: inline-block; text-decoration: none; font-size: 12px; padding: 6px 10px; } #map .splash .text .show-location { display: none; } #map .splash .strong { font-weight: bold; } #map .splash.es h1 { font-size: 32px; } #map .splash.es h2 { margin-top: 20px; } #map .splash.ja h1 { font-size: 32px; } #map .splash.ru h1 { font-size: 30px; line-height: 42px; } #map .pointer { position: absolute; z-index: 2; top: 50%; left: 50%; margin: -95px 0 0 -76px; width: 76px; height: 94px; background: url(/images/map/marker_blank.png) no-repeat top left; pointer-events: none; } #map .pointer { text-align: center; padding: 0 38px; color: white; } #map .pointer span { display: block; margin-top: 20px; font-size: 13px; } #map .pointer span.en { margin-top: 17px; font-size: 14px; font-weight: bold; } #map .pointer span.es { font-size: 13px; } #map .pointer span.pt { margin-top: 18px; font-size: 14px; } #map .pointer span.ru { margin-top: 32px; font-size: 9px; } #map .pointer span.ja { margin-top: 14px; } #map .pointer span.zh { margin-top: 31px; } #map .mapInner { position: absolute; bottom: 46px; top: 0; left: 0; right: 0; } #map #map-canvas { position: absolute; z-index: 1; bottom: 0; top: 0; left: 0; right: 0; } #map .pin { position: absolute; top: 50%; left: 50%; z-index: 99; margin-top: -90px; margin-left: -76px; width: 152px; height: 90px; background: url(/images/map/marker-border.png) no-repeat center center; background-size: contain; } html.oneword #map .pin { background-image: url(/images/map/marker-oneword.png); } #map .pin.css { display: none; } #map #rotator { position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -37px; margin-top: -36px; display: none; opacity: 0; pointer-events: none; } #map #rotator div { width: 74px; height: 72px; position: absolute; background: url(/images/map/rotator-bg.png); -webkit-transform: rotate(0deg); } #map #rotator span { width: 74px; height: 72px; position: absolute; display: block; background: url(/images/map/rotator-text.png); } @keyframes pulse { 50% { background-color: #e6323d; } } @-webkit-keyframes pulse { 50% { background-color: #e6323d; } } #map #oneword-details-toggle { display: none; position: absolute; right: 35px; width: 40px; height: 40px; background: #ffffff url(/images/map/oneword-details.png) no-repeat center center; background-size: 24px 24px; z-index: 7; } #map #oneword-details-toggle.animate { animation: pulse 1.5s ease-out infinite; -webkit-animation: pulse 1.5s ease-out infinite; -moz-animation: pulse 1.5s ease-out infinite; -o-animation: pulse 1.5s ease-out infinite; } #map #oneword-details-mobile { display: block; height: auto; position: absolute; bottom: -100%; width: 100%; color: #59595b; background: #ffffff; z-index: 6; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: margin 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #map #oneword-details-mobile.active { bottom: 40px !important; top: auto; max-height: -moz-calc(100% - 40px); max-height: -o-calc(100% - 40px); max-height: calc(100% - 40px); overflow: auto; } #map #oneword-details-mobile .close-icon { width: 16px; position: absolute; left: 50%; margin-left: -8px; top: 0; } #map #oneword-details-mobile .close-icon img { display: block; } #map #oneword-details-mobile section { margin-right: 55px; float: left; } #map #oneword-details-mobile section:last-child { margin-right: 0; } #map #oneword-details-mobile section.location { width: -moz-calc(28% - 55px); width: -o-calc(28% - 55px); width: calc(28% - 55px); } #map #oneword-details-mobile section.description { width: -moz-calc(38% - 55px); width: -o-calc(38% - 55px); width: calc(38% - 55px); } #map #oneword-details-mobile section.notes { width: 34%; margin-right: 0; } #map #oneword-details-mobile section.description .contact-details { margin: 0; } #map #oneword-details-mobile section.description .contact-details strong { width: 50px; display: inline-block; } #map #oneword-details-mobile section.notes section.delivery-notes { margin: 0 0 20px; } #map #oneword-details-mobile section.notes .social a { margin: 0 12px 0 0; width: 32px; height: 32px; float: left; background-size: contain; } #map #oneword-details-mobile section.notes .social a:last-of-type { margin: 0; } #map #oneword-details-mobile section.notes .social .facebook { background-image: url(/images/social/facebook.png); } #map #oneword-details-mobile section.notes .social .twitter { background-image: url(/images/social/twitter.png); } #map #oneword-details-mobile section.notes .social .googleplus { background-image: url(/images/social/gplus.png); } #map #oneword-details-mobile section.notes .social .linkedin { background-image: url(/images/social/linkedin.png); } #map #oneword-details-mobile section.notes .social .instagram { background-image: url(/images/social/instagram.png); } #map #oneword-details-mobile section h3 { font-size: 16px; color: #e6323d; } #map #oneword-details-mobile .social { margin: 30px 0 0; width: 100%; } #map #oneword-details-mobile .social a { width: 31px; height: 30px; } #map #word-view { position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; line-height: 46px; font-size: 14px; background-color: #58595b; color: #fff; text-align: center; z-index: 6; box-shadow: 0 0 7px #777; -webkit-transition: margin 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #map #word-view:before { content: url(/images/map/arrow.png); position: absolute; left: 50%; top: -28px; margin-left: -10px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; pointer-events: none; } #map #word-view.active:before { top: 28px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 5; } #map #word-view.active { height: 138px; } #map #word-view.active.large { height: 185px; } #map #word-view .directions:hover { background: #606164 url(/images/map/arrow-down.png) no-repeat center top;} #map #word-view .history { position: absolute; height: 18px; width: 10px; padding: 14px 10px; top: 0; color: #fff; display: none; font-weight: bold; font-size: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #map #word-view .history:hover { cursor: pointer; text-decoration: none; } #map #word-view .history.back { left: 0; background: url(/images/map/history-back.png) no-repeat center center; background-size: 10px; } #map #word-view .history.forward { left: initial; right: 0; background: url(/images/map/history-forward.png) no-repeat center center; background-size: 10px; } #map #word-view > div { cursor: pointer; } #map #word-view > div:hover { background-color: #606164; } #map #word-view .display { background-color: #e6323d !important; font-size: 16px;} #map #word-view .move-oneword, #map #word-view .directions, #map #word-view .open-maps, #map #word-view .share { border-bottom: 1px solid #787878; } #map #word-view .buy img { width: 20px; height: 20px; position: relative; top: 7px; left: -6px; } #map #word-view .wordbar-toggle { display: none; position: absolute; width: 21px; height: 18px; left: 35px; top: 14px; cursor: pointer; } #map #word-view .wordbar-toggle:hover { background-color: initial; } #map #word-view .wordbar-toggle:before { content: ''; position: absolute; top: 0; left: 0; width: 21px; height: 3px; border: 4px solid #fff; border-width: 4px 0; } #map #word-view .wordbar-toggle:after { content: ''; position: absolute; top: 14px; left: 0; width: 21px; height: 4px; background-color: #fff; } html.oneword #map #word-view .display, #map #word-view.oneword { background-color: #000 !important; } html.oneword #map #word-view:before, #map #word-view.oneword:before { content: url(/images/map/arrow-black.png); } #map #esri-logo { height: auto; width: 85px; position: absolute; right: 52px; bottom: 55px; z-index: 6; display: none; } #map #esri-logo.active { bottom: 140px; } #map .map-control { display: block; margin: 0 0 5px; padding: 10px; cursor: pointer; color: #fff; text-align: center; } #map .map-control .inner { width: 36px; height: 36px; background-color: #e6323d; border-radius: 3px; } #map .map-control.show-location .inner { cursor: pointer; background-image: url(/images/map/icon-location-new.png); background-repeat: no-repeat; background-position: center center; background-size: 18px; } #map .map-control.lock { top: 220px; top: 100px !important; } #map .map-control.lock .inner { width: 72px; height: auto; padding: 10px 0; } #map .map-control.find-pin { top: 142px !important; } #map .map-control.find-pin .inner { width: 72px; height: auto; padding: 10px 0; } #map .esri-logo { display: block; /*margin: 0 26px 5px; padding: 10px;*/ cursor: pointer; /*color: #fff; text-align: center;*/ } #map .esri-logo img { width: 25%; height: 25%; } #map #directions { background: #474747; z-index: 5; color: #fff; text-align: center; position: absolute; bottom: 40px; right: -300px; width: 300px; height: -moz-calc(100% - 18px); height: -webkit-calc(100% - 18px); height: -o-calc(100% - 18px); height: calc(100% - 40px); -webkit-transition: margin 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #map #directions.active { right: 0; } #map #directions .inner { position: relative; width: 100%; height: 100%; } #directions .directions-header { background: #58595b; } #directions .directions-header .toggle { float: left; line-height: 40px; height: 40px; overflow: hidden; width: -moz-calc(100% - 120px); width: -o-calc(100% - 120px); width: calc(100% - 120px); cursor: pointer; color: #fff; } #directions .directions-header .toggle .show { display: none; } #directions .directions-header .toggle .hide { display: inline; } #directions .directions-header .toggle:hover { text-decoration: none; } #directions .directions-header .distance { float: left; width: 60px; margin-top: 10px; overflow: hidden; } #directions .directions-header .time { float: left; width: 60px; margin-top: 10px; } #directions.minimised { height: 80px !important; bottom: 40px !important; top: auto !important; } #directions.minimised .directions-container { height: 0px !important; } #directions.minimised .directions-container { overflow: hidden !important; } #directions.minimised .toggle .show { display: inline; } #directions.minimised .toggle .hide { display: none; } #map #directions .directions-container { overflow-y: auto; overflow-x: hidden; background: #474747 url(/images/map/icon-arrow-directions.png) no-repeat center top; margin: 0; text-align: left; padding: 25px 20px; max-height: -moz-calc(100% - 150px); max-height: -o-calc(100% - 150px); max-height: calc(100% - 150px); } #map #directions .warning { margin-bottom: 25px; font-weight: bold; } #map #directions .directions-list { margin: 0; padding: 0; } #map #directions .directions-list li { margin: 0 20px 20px 20px; } #map .directions-menu { background: #58595b; position: absolute; bottom: 0; height: 50px; right: 0; width: 100%; z-index: 6; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #map .directions-menu .google-icon { float: left; height: 100%; margin-right:10px; } #map .directions-menu .google-maps img { width: 35px; height: 30px; margin: 9px 0 0; } #map .directions-menu .icons { float: left; height: 100%; } #map .directions-menu .icons a { display: inline-block; height: 24px; width: 28px; background: url(/images/map/directions-icons.png); margin: 12px 0 0 8px; } #map .directions-menu .icons a.active, #map .directions-menu .icons a:hover { background-position-y: 26px; text-decoration: none; } #map .directions-menu .icons .walking { background-position: 0 0; margin-left: 0; } #map .directions-menu .icons .cycling { background-position: -28px 0; } #map .directions-menu .icons .driving { background-position: -56px 0; } #map .directions-menu .icons .public { background-position: -84px 0; } #map .directions-menu .close-icon { float: right; height: 100%; } #map .directions-menu .button { float: right; margin: 11px 0 0 0; } #map .directions-menu .button.close { height: 28px; width: 28px; padding: 0; margin: 11px 0 0 0; line-height: 28px; font-size: 18px; color: #fff; } /* form.search { position: absolute; width: 100%; display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: vertical; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center;} */ form.search .words { z-index: 2; position: fixed; left: 40%; margin: 50px auto; float: left; } form.search .words .button { position: absolute; left: 3%; top: 6px; } form.search .words button { position: absolute; right: 3%; top: 8px; font-size: 18px; opacity: 0.3; border: none; background: none; padding: 0 5px; } form.search .words button i { font-size: 18px; } form.search .words input[type="text"] { width: 245px; height: 15px; padding: 12px 41px 12px 14px; text-overflow: ellipsis; border-radius: 4px; } form.search .words #error { display: none; position: absolute; background-color: #ffffff; top: 50px; border: 1px solid #ccc; padding: 10px 5px; font-size: 14px; text-align: center; width: 275px; border-radius: 4px; z-index: 10;} form.search .words #error .text { font-weight: bold !important; } form.search .convert { position: absolute; top: 0; right: -14%; } #content { padding-left: 0; } #content > h1 { background: #e6323d; color: white; font-size: 42px; padding-left: 50px; line-height: 150px; } #content .inner { padding: 50px 0 50px 50px; max-width: 845px; } #content .inner hr { clear: both; height: 1px; border: 0; color: #ddd; background-color: #ddd; width: 100%; max-width: 845px; margin: 0; } #content .inner p { margin: 0 0 1em; } #content .inner h2 { margin: 0; font-size: 20px; font-weight: bold; margin-bottom: 12px; } /* -- Popups -- */ #popup-blanket { position: fixed; z-index: 9; display: none; top: 0; bottom: 0; left: 0; right: 0; background: black; opacity: 0.8; } #popup-container { position: fixed; z-index: 10; display: none; top: 0; bottom: 0; left: 0; right: 0; } #popup-container-general { position: fixed; z-index: 8; display: none; top: 0; bottom: 0; left: 0; right: 0; } .popup { position: absolute; top: 50%; left: 50%; background: #fff url(/images/popup/bg.png) repeat-x top; border-radius: 8px; width: 414px; text-align: center; box-shadow: 0px 1px 8px rgba(0,0,0,0.25); overflow: hidden; } .popup > .close { position: absolute; top: 21px; right: 13px; background: url(/images/popup/close.png); width: 26px; height: 26px; cursor: pointer; } .popup h1 { font-size: 24px; margin-top: 30px; } .popup-generic { padding: 45px 20px 25px; } .popup-generic .button-row { margin: 25px 0 10px; } .popup-generic .button-row .button { margin-right: 10px; display: inline-block; line-height: 30px; height: 30px; } .popup-generic .button-row .button:last-of-type { margin-right: 0; } .nav-maps { height:42px; width:42px; margin-bottom:-15px; margin-right:30px; margin-left:0px;} .popup-email { width: 324px; background-color: #ddd; } .popup-email p { margin: 8px 0 0; } .popup-email p.small { font-size: 11px; margin-bottom: 18px; } .popup-email form { margin: 0 18px; text-align: left; } .popup-email form label { display: block; margin-top: 12px; font-size: 15px; } .popup-email form label input { margin-top: 8px; font-size: 13px; width: 270px; } .popup-email form label textarea { font-size: 13px; padding: 8px; width: 270px; height: 60px; border: 1px solid #c2c3c5; } .popup-email form .submit { margin: 24px 0; text-align: center; } .popup-email form .submit .success { color: #0ba24a; display: none; } .popup-email form .submit .error { color: #e6323d; display: none; margin-bottom: 18px; } .popup-email .message-head { border: 1px solid #ccc; background: #f6f6f6; border-bottom: none; padding: 4px 12px 12px; margin-top: 8px; } .popup-email .message-head p { font-size: 12px; } .popup-email .message-head p.m_link { text-decoration: underline; color: blue; } .popup-email .message-head p.m_words { font-weight: bold; } .popup-satnav { width: 324px; background-color: #ffffff; } .popup-satnav h2 { margin-top: 18px; font-size: 20px; } .popup-satnav p { font-size: 11px; margin: 8px 0 18px; } .popup-satnav .coordinates { font-size: 15px; } .popup-satnav .coordinates .coords { text-align: center; margin-top: 12px; width: 269px; color: #e6323d; font-size: 18px; } .popup-satnav .coordinates .toggle { margin-top: 10px; } .popup-satnav form { margin: 0 18px; text-align: left; } .popup-satnav form label { display: block; margin-top: 12px; font-size: 15px; } .popup-satnav form label input { margin-top: 8px; font-size: 13px; width: 269px; } .popup-satnav form label textarea { margin-top: 8px; font-size: 13px; width: 269px; padding: 8px; height: 60px; border: 1px solid #c2c3c5; } .popup-satnav form .submit { margin: 24px 0; text-align: center; } .popup-satnav form .submit .success { color: #0ba24a; display: none; } .popup-satnav form .submit .error { color: #e6323d; display: none; } .popup-embed { background-color: #ccc; } .popup-embed p { margin: 10px 0; } .popup-embed form textarea { margin: 20px; width: 360px; height: 100px; } .popup-contact { width: 324px; background-image: url(/images/popup/bg-dark.png); } .popup-contact form { margin: 0 18px; text-align: left; } .popup-contact form .info { margin: 18px 0 15px; } .popup-contact form label { display: block; margin-top: 12px; font-size: 15px; } .popup-contact form label input { margin-top: 8px; font-size: 13px; width: 270px; } .popup-contact form label textarea { margin-top: 8px; font-size: 13px; padding: 8px; width: 270px; height: 80px; border: 1px solid #c2c3c5; } .popup-contact form .submit { margin: 24px 0 32px; text-align: center; } .popup-contact form .submit .success { color: #0ba24a; display: none; } .popup-private { width: 324px; background-image: url(/images/popup/bg-dark.png); } .popup-private p.error { color: #e6323d; } .popup-private form { margin: 0 18px; } .popup-private form .info { margin: 18px 0 15px; } .popup-private form label { display: block; margin-top: 12px; font-size: 15px; } .popup-private form label input { margin-top: 8px; font-size: 13px; width: 150px; } .popup-private form label textarea { margin-top: 8px; font-size: 13px; padding: 8px; width: 270px; height: 80px; border: 1px solid #c2c3c5; } .popup-private form label .button { width: 70px; margin-left: 2px; } .popup-private form .submit { margin: 25px 0; text-align: center; } .popup-privacy { width: 324px; background-image: url(/images/popup/bg-dark.png); } .popup-privacy span { color: #e6323d; } .popup-privacy form { margin: 0 18px; } .popup-privacy form .private-message { margin: 4px 0; font-size: 13px; display: none; } .popup-privacy form .section { border-bottom: 1px solid #ccc; padding: 10px 0; } .popup-privacy form .info { margin: 18px 0 15px; } .popup-privacy form label { display: block; margin: 6px 0; font-size: 15px; } .popup-privacy form label.checkboxes { font-size: 13px; } .popup-privacy form label input { margin-top: 8px; font-size: 13px; width: 122px; } .popup-privacy form label input.checkbox{ width: 20px; } .popup-privacy form label .button { width: 70px; margin-left: 2px; } .popup-privacy form label .add { width: 45px; margin: 5px 0; text-align: center; } .popup-privacy form .submit { margin-top: 10px; text-align: center; } .popup-privacy form .success { margin-top: 10px; display: none; } .popup-privacy form .success span { color: #0ba24a; } .popup-privacy form .access-management .notify { color: #000; font-size: 11px; } .popup-privacy form label .access-list { text-align: left; color: #777; margin-top: 2px; max-height: 120px; overflow: auto; } .popup-privacy form label .access-list div { padding: 6px 0; border-bottom: 1px dotted #ddd; font-size: 13px; position: relative; } .popup-privacy form label .access-list div img { position: absolute; top: 9px; right: 6px; cursor: pointer; } .popup-login { width: 600px; background-color: #ddd; text-align: left; } .popup-login h1 { margin-left: 18px; } .popup-login h2 { font-size: 24px; margin-top: 30px; line-height: 1.2; margin-bottom: 18px; } .popup-login .col { float: left; max-width: 300px; } .popup-login form { margin: 0 18px; } .popup-login form label { display: block; margin-top: 12px; font-size: 15px; } .popup-login form label input { margin-top: 8px; font-size: 13px; width: 240px; } .popup-login form .login { margin: 24px 0 32px; } .popup-login form .login .button { padding: 8px 30px; margin-right: 26px; margin-bottom: 6px; } .popup-login form .login a { white-space: nowrap; } .popup-login form .error { display: none; width: 258px; margin: 24px 0 32px; color: red; } .popup-login .col.second { width: 256px; margin-left: 40px; } .popup-login .col.second .signup { margin-top: 28px; } .popup-signup { width: 300px; } .popup-signup p { margin: 10px 0 10px; text-align: center; font-size: 18px; } .popup-signup form { margin: 0 18px; text-align: left; } .popup-signup form label { margin: 0 0 20px; display: block; margin-top: 12px; font-size: 12px; color: #59595b; line-height: 1; font-weight: bold; } .popup-signup form label span { font-weight: normal !important; } .popup-signup form label input { margin: 0; padding: 6px; margin-top: 8px; font-size: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-signup form label select { height: 29px; margin-top: 8px; font-size: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-signup form .submit { margin: 15px 0; text-align: center; } .popup-signup #message { margin: 0; } .popup-signup .error { display: none; color: red; margin-top: 15px; } .popup-signup form label.terms { font-size: 14px; color: #333; font-weight: normal; } .popup-signup form label.terms input { display: inline; width: auto; } .popup-password { width: 300px; } .popup-password form { margin: 0 18px; text-align: left; } .popup-password form label { display: block; margin-top: 12px; font-size: 15px; } .popup-password form label input { margin-top: 8px; font-size: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-password form .submit { clear: both; padding: 24px 0; text-align: center; } .popup-password form .submit .error { color: #e6323d; display: none; margin-bottom: 18px; font-size: 12px; } .popup-forgotten { width: 300px; background-color: #fff; } .popup-forgotten p { font-size: 11px; margin: 8px 0 18px; } .popup-forgotten form { margin: 0 18px; text-align: left; } .popup-forgotten form label { display: block; margin-top: 12px; font-size: 15px; } .popup-forgotten form label input { margin-top: 8px; font-size: 13px; width: 246px; } .popup-forgotten form .submit { margin: 24px 0; text-align: center; } .popup-forgotten form .submit .sent { color: #0ba24a; display: none; } .popup-forgotten form .submit .error { color: #e6323d; display: none; } .popup-save-location { width: 350px; } .popup-save-location h1 { margin-bottom: 22px; } .popup-save-location p { width: 80%; margin: 0 auto 22px; } .popup-save-location p span { color: #e6323d; } .popup-save-location .button { margin: 12px 6px 24px; } .popup-oneword { width: 300px; background: #fff url(/images/popup/bg-black.png) repeat-x top; font-size: 75%; } .popup-oneword h1 { font-size: 17px; margin-bottom: 15px; padding: 0 20px; line-height: 36px; padding-left: 43px; background: url(/images/popup/icon-buy-oneword.png) no-repeat left center; display: inline-block; } .popup-oneword p { margin-bottom: 15px; padding: 0 20px; } .popup-oneword h2 { text-align: left; margin-bottom: 15px; padding: 0 20px; } .popup-oneword span.big { font-size: 28px; position: relative; top: 6px; left: 2px; line-height: 12px; } .popup-oneword #currency { float: right; margin-right: 25px; margin-top: 3px; } .popup-oneword .prices { text-align: left; padding: 0 20px; } .popup-oneword .prices label { display: block; /*width: 156px;*/ margin-bottom: 6px; } .popup-oneword .prices label input { margin-right: 6px; } .popup-oneword .info { margin: 15px; } .popup-oneword .availability { margin-bottom: 15px; padding: 0 20px; text-align: left; } .popup-oneword .availability .text { width: 195px; padding-left: 18px; position: relative; left: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-oneword .availability .asterisk { position: relative; left: 4px; z-index: 1; } .popup-oneword .help { font-size: 12px; } .popup-oneword .help .valid { color: #0ba24a; display: none; } .popup-oneword .help .invalid { color: #e6323d; display: none; } .popup-oneword .bottom { margin-top: 15px; background: #ddd; padding: 10px 0; } .popup-oneword .bottom .button { margin: 0 6px; } .popup-oneword .bottom .basket { padding-left: 40px; background: #e6323d url(/images/popup/cart.png) no-repeat 12px center; } .popup-oneword-info .info { padding: 35px 20px; text-align: left; } .popup-oneword-info .info p { margin: 10px 0; } .popup-renew { width: 350px; } .popup-renew h1 { margin-bottom: 22px; } .popup-renew p { margin-bottom: 22px; } .popup-renew p span { color: #e6323d; } .popup-renew #currency { float: right; margin-right: 25px; } .popup-renew .prices { text-align: left; margin: 0 10px 18px 37px; } .popup-renew .prices label { float: left; width: 151px; margin-bottom: 6px; } .popup-renew .prices label input { margin-right: 6px; } .popup-renew .bottom { margin-top: 18px; background: #ddd; padding: 34px 0; } .popup-renew .bottom .button { margin: 0 6px; } .popup-renew .bottom .basket { padding-left: 40px; background: #e6323d url(/images/popup/cart.png) no-repeat 12px center; } .popup-preview-oneword { background: #fff url(/images/popup/bg-black.png) repeat-x top; width: 300px; } .popup-preview-oneword .close-preview { margin: 0 30px; border-top: 1px solid #e1e1e1; padding: 25px 0; } .popup-preview-oneword section { margin: 0 0 20px; } .popup-preview-oneword a:hover { text-decoration: none; } .popup-preview-oneword h3 { font-size: 16px; color: #e6323d; } .popup-preview-oneword p { margin: 0 36px; } .popup-preview-oneword .social { text-align: center; } .popup-preview-oneword .social a { margin: 0 12px 0 0; display: none; width: 32px; height: 32px; background-size: contain; } .popup-preview-oneword .social a:last-of-type { margin: 0; } .popup-preview-oneword .social .facebook { background-image: url(/images/social/facebook.png); } .popup-preview-oneword .social .twitter { background-image: url(/images/social/twitter.png); } .popup-preview-oneword .social .googleplus { background-image: url(/images/social/gplus.png); } .popup-preview-oneword .social .linkedin { background-image: url(/images/social/linkedin.png); } .popup-preview-oneword .social .instagram { background-image: url(/images/social/instagram.png); } .popup-change-word-language { padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-change-word-language p { margin: 10px 0; } .popup-change-word-language label { display: block; text-align: left; margin: 10px 0 0; } .popup-change-word-language .button { display: inline-block; text-decoration: none; margin: 0 10px; } .popup-change-word-language input, .popup-change-word-language select { display: block; width: 100%; height: 35px; font-size: 12px; padding: 0 10px; margin: 10px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup-change-word-language .buttons { margin: 25px 0; } .popup-move-oneword { padding: 10px 20px 10px; } .popup-move-oneword .content { margin: 10px 0; } .popup-move-oneword .content .status { font-weight: bold; } .popup-move-oneword .content ul { max-height: 450px; overflow-y: auto; list-style-type: none; margin: 10px 0; padding: 0; } .popup-move-oneword .content li { padding: 0; } .popup-move-oneword .content li a { display: block; padding: 7px 0; color: #333; } .popup-move-oneword .content li a:hover { background: #ccc; text-decoration: none; color: #fff; } .popup-move-oneword .button-row { margin: 25px 0; } .popup-move-oneword .button-row a { margin: 0 5px; } .popup-download-app { padding: 10px 20px 10px; width: 300px; } .popup-download-app a { margin-right: 10px; margin-left: 10px; } .popup-download-app h2 { margin-top: 20px !important; font-size: 17px !important; margin-bottom: 10px !important; color: #333 !important;} .popup-download-app .download-row { padding: 10px 0px; } .popup-move-success { padding: 30px; } .popup.popup-move-success h1 { margin-top: 20px; } .popup-selfie { padding: 35px 20px 20px; } .popup-selfie h1 { font-size: 15px; margin: 0 0 11px; font-weight: bold; font-style: italic; } .popup-selfie h2 { font-size: 14px; margin: 0 0 11px; } .popup-selfie p { margin: 0 0 7px; } .popup-selfie label { display: block; margin: 0 0 15px; } .popup-selfie label .checkbox { margin-right: 5px; } .popup-selfie .btn-row { margin: 20px 0 0; } .popup-selfie .button { margin: 0 5px; display: inline-block; } .popup-selfie .button.disabled { cursor: default; } .popup-selfie-desktop { padding: 35px 20px 20px; } .popup-selfie-desktop h1 { font-size: 15px; margin: 0 0 11px; font-weight: bold; font-style: italic; } .popup-selfie-desktop h2 { font-size: 14px; margin: 0 0 11px; } .popup-selfie-desktop p { margin: 0 0 7px; } .popup-selfie-desktop label { display: block; margin: 0 0 15px; } .popup-selfie-desktop label .checkbox { margin-right: 5px; } .popup-selfie-desktop .btn-row { margin: 20px 0 0; } .popup-selfie-desktop .button { margin: 0 5px; display: inline-block; } .popup-selfie-desktop .button.disabled { cursor: default; } .popup-geolocation-error { padding: 35px 20px 20px; } .popup-geolocation-error .popup-geolocation-error h1 { font-size: 15px; margin: 0 0 11px; font-weight: bold; font-style: italic; } .popup-geolocation-error p { margin: 0 0 7px; } .popup-geolocation-error .btn-row { margin: 20px 0 0; } .popup-geolocation-error .button { margin: 0 5px; display: inline-block; } .popup-geolocation-error .button.disabled { cursor: default; } .popup-geolocation-error-selfie { padding: 35px 20px 20px; } .popup-geolocation-error-selfie span.device { font-weight: bold; font-style: italic; } .popup-geolocation-error-selfie h1 { font-size: 15px; margin: 0 0 11px; font-weight: bold; font-style: italic; } .popup-geolocation-error-selfie p { margin: 0 0 7px; } .popup-geolocation-error-selfie .btn-row { margin: 20px 0 0; } .popup-geolocation-error-selfie .button { margin: 0 5px; display: inline-block; } .popup-geolocation-error-selfie .button.disabled{ cursor: default; } .statement-table { border-top: 1px solid #ddd; width: 100%; margin-bottom: 28px; } .statement-table th { padding: 28px 0; text-align: left; font-size: 16px; font-weight: normal; } .statement-table td { padding: 4px 4px 4px 0; } .statement-table tr > *:last-child { text-align: right; } .statement-table.horizontal { display: none; } .statement-table.horizontal tr > *:last-child { text-align: left; } .statement-table.horizontal tr { border: 0; } .statement-table.horizontal td { border: 0; } /* -- */ .pg-account .account, .pg-manage .account { margin: 50px; } .pg-account .account h2, .pg-manage .account h2 { font-size: 36px; line-height: 36px; color: #e6323d; margin-bottom: 12px; } .pg-account .account h3, .pg-manage .account h3 { font-size: 24px; color: #e6323d; margin: 12px 0; } .pg-account .account p, .pg-manage .account p { margin-bottom: 18px; } .pg-account .account p.notice, .pg-manage .account p.notice { font-size: 18px; margin: 20px 0; } .pg-account .account .oneword-buttons, .pg-manage .account .oneword-buttons { text-align: left; margin: 25px 0 0; } .pg-account .account .oneword-buttons a, .pg-manage .account .oneword-buttons a { margin-right: 5px; } .pg-account .account a.button, .pg-manage .account a.button { margin-left: 0; display: inline-block; padding: 6px 10px; margin-right: 5px; } .pg-account .account a.button:hover, .pg-manage .account a.button:hover { text-decoration: none; } .pg-account .account .button.btn-mobile { display: none; } .pg-account .account #additional { display: none; } .pg-account .account #additional h3 { color: black; margin-top: 25px; } .pg-account .account #additional h3 span { color: #e6323d; } .pg-account .account #additional #map-oneword { width: 620px; height: 240px; margin-bottom: 5px; } .pg-account .account .oneword-info { margin-top: 36px; font-size: 16px; } .pg-account .account .oneword-info label { float: left; width: 291px; margin: 0 40px 14px 0; } .pg-account .account .oneword-info label.right { margin-right: 0; } .pg-account .account .oneword-info label.half { margin-right: 18px; width: 136px; } .pg-account .account .oneword-info label input { width: 271px; margin-top: 8px; font-size: 12px; } .pg-account .account .oneword-info label textarea { width: 602px; margin-top: 8px; font-size: 12px; padding: 8px; height: 80px; border: 1px solid #c2c3c5; } .pg-account .account .oneword-info label.half input { width: 117px; } .pg-account .account .oneword-info .submit { text-align: right; margin: 12px 0 36px; padding-right: 20px; } .pg-account .account .oneword-info .submit input { margin-left: 8px; } .pg-account .account p a { margin-right: 10px !important; } .pg-account .account p .tooltip-icon { height: 30px; width: 30px; border-radius: 4px; line-height: 30px; margin-left: 0px;} .pg-account #edit { display: none; padding: 46px 0 0 50px; background: #e6323d; color: white; } .pg-account #edit h2 { font-size: 36px; line-height: 36px; margin-bottom: 12px; } .pg-manage .onewords { border-bottom: 0; border: 0; padding: 0 0 20px; } .pg-manage .tabs { height: 30px; border-bottom: 1px solid #e1e1e1; } .pg-manage .tabs a { float: left; height: 0; line-height: 30px; padding: 0 17px; font-size: 14px; color: #fff; border-bottom: 30px solid #58595b; border-left: 4px solid transparent; border-right: 4px solid transparent; } .pg-manage .tabs a:hover { text-decoration: none; } .pg-manage .tabs a.active { height: 0; padding: 0 17px; border-bottom: 30px solid #e1e1e1; border-left: 4px solid transparent; border-right: 4px solid transparent; color: #333; } .pg-manage .tab-content { border-bottom: 1px solid #e1e1e1; padding-top: 25px; padding-bottom: 25px; } .pg-manage .tab-content .mobile-tab { display: none; float: none; background: #58595b url(/images/manage/icon-mobile-tab.png) no-repeat right center; border-right: 10px solid transparent; color: #fff; height: 40px; line-height: 40px; border-bottom: 1px solid #666666; } .pg-manage .tab-content .mobile-tab:hover { text-decoration: none; } .pg-manage .tab-content .mobile-tab.active { border-bottom: 0; padding: 0; height: 40px; line-height: 40px; background: #dfdfdf url(/images/manage/icon-mobile-tab-active.png) no-repeat right center; } .pg-manage .tab-content h3 { margin: 0; } .pg-manage .customise { max-width: 610px; } .pg-manage .customise p { margin: 10px 0; } .pg-manage .customise .error { color: #e6323d; margin: 10px 0; } .pg-manage .customise section.address { float: left; width: 286px; } .pg-manage .customise section.address label:last-child { margin-bottom: 0; } .pg-manage .customise section.details { float: right; width: 286px; } .pg-manage .customise label { display: block; text-align: left; margin: 0 0 10px 0; font-size: 12px; font-weight: bold; line-height: 1; color: #59595b; } .pg-manage .customise .field { border: 1px solid #cccccc; margin-top: 9px; width: 100%; max-width: 100%; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-manage .customise select.field { height: 32px; } .pg-manage .customise textarea { height: 60px; } .pg-manage .customise .social-media { margin: 20px 0 0; } .pg-manage .customise .social-media p { text-align: left; margin: 0; font-size: 12px; font-weight: bold; color: #59595b; line-height: 1; } .pg-manage .customise .social-media p.label { text-align: left; } .pg-manage .customise .social-media p.info { font-weight: normal; margin: 10px 0; } .pg-manage .customise .social-media .icons { margin: 10px 0; } .pg-manage .customise .social-media .icons a { width: 32px; height: 32px; display: block; float: left; margin-right: 12px; background-size: contain; } .pg-manage .customise .social-media .icons a:last-child { margin-right: 0; } .pg-manage .customise .social-media .field { width: -moz-calc(100% - 25px); width: -o-calc(100% - 25px); width: calc(100% - 25px); margin: 0 9px 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-manage .customise .social-media a.add { width: 16px; height: 15px; background: url(/images/manage/icon-add.png) no-repeat; line-height: 32px; float: left; margin: 8px 0; } .pg-manage .customise .social-media a.facebook { background-image: url(/images/social/facebook-inactive.png); } .pg-manage .customise .social-media a.facebook.active { background-image: url(/images/social/facebook.png); } .pg-manage .customise .social-media a.twitter { background-image: url(/images/social/twitter-inactive.png); } .pg-manage .customise .social-media a.twitter.active { background-image: url(/images/social/twitter.png); } .pg-manage .customise .social-media a.google-plus { background-image: url(/images/social/gplus-inactive.png); } .pg-manage .customise .social-media a.google-plus.active { background-image: url(/images/social/gplus.png); } .pg-manage .customise .social-media a.linkedin { background-image: url(/images/social/linkedin-inactive.png); } .pg-manage .customise .social-media a.linkedin.active { background-image: url(/images/social/linkedin.png); } .pg-manage .customise .social-media a.instagram { background-image: url(/images/social/instagram-inactive.png); } .pg-manage .customise .social-media a.instagram.active { background-image: url(/images/social/instagram.png); } .pg-manage .customise .submit { margin: 25px 0 0; text-align: right; } .pg-manage .customise .submit input { margin: 0 0 0 10px; text-align: right; } .pg-manage .privacy section { border-bottom: 1px solid #e1e1e1; padding: 25px 0; } .pg-manage .privacy label { display: block; } .pg-manage .privacy input[type=text], .pg-manage .privacy input[type=password] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-manage .privacy section.toggle { padding-top: 0; } .pg-manage .privacy section.toggle div { margin: 15px 0 0; } .pg-manage .privacy section.toggle input { margin-right: 5px; vertical-align: middle; } .pg-manage .privacy section.toggle p { margin: 0; width: auto; } .pg-manage .privacy section.toggle .private-message { margin-top: 15px; } .pg-manage .privacy section.password input.password { margin-left: 5px; width: 158px; } .pg-manage .privacy section.allowed-users ul { list-style-type: none; } .pg-manage .privacy section.allowed-users ul li { height: 20px; margin: 14px 0; } .pg-manage .privacy section.allowed-users ul li span { float: left; margin-right: 7px; } .pg-manage .privacy section.allowed-users input[name=invite] { width: 248px; margin-right: 12px; float: left; } .pg-manage .privacy section.allowed-users .inline { float: left; margin-right: 12px; height: 34px; line-height: 34px; } .pg-manage .privacy section.allowed-users .button { padding: 8px 15px; margin: 2px 0 0 10px; } .pg-manage .privacy .access-list img { cursor: pointer; } .pg-manage .delegate section.managers ul { list-style-type: none; } .pg-manage .delegate section.managers ul li { margin: 14px 0; vertical-align: middle; } .pg-manage .delegate section.managers ul li .button { display: inline-block; margin-top: 0; } .pg-manage .delegate section.managers ul li img { display: inline-block; vertical-align: middle; } .pg-manage .delegate section.managers ul li span { margin-right: 7px; } .pg-manage .delegate section.managers input[name=invite] { width: 248px; margin-right: 12px; float: left; } .pg-manage .delegate section.managers .inline { float: left; margin-right: 12px; height: 34px; line-height: 34px; } .pg-manage .delegate section.managers .button { padding: 8px 15px; margin: 2px 0 0 10px; } .pg-manage .delegate form ul img { cursor: pointer; } .pg-manage .renew .options { margin: 20px 0; } .pg-manage .renew .submit-row .button.basket { padding-left: 40px; background: #e6323d url(/images/popup/cart.png) no-repeat 12px center; } .pg-manage .renew label { display: block; margin: 14px 0; } .pg-manage .renew .submit-row { margin: 24px 0 0; } .pg-manage .embed textarea { width: 445px; height: 60px; } .pg-manage .change-capitalisation div.error { margin: 20px 0; } .pg-manage .change-capitalisation div.error p { color: #f04c40; margin: 5px 0; } .pg-manage .change-capitalisation p { margin: 15px 0; } .pg-manage .change-capitalisation form span { height: 34px; float: left; position: relative; top: 0; left: 17px; font-weight: bold; font-size: 18px; line-height: 34px; } .pg-manage .change-capitalisation input[type=text] { width: 286px; padding-left: 18px; } .pg-manage .change-capitalisation .button { margin: 22px 0 0; } .pg-renew .pageInner { max-width: initial; padding: 40px; } .pg-renew .pageInner .currency-select { text-align: left; margin: 0 0 10px; } .pg-renew .pageInner p { margin: 0 0 20px; } .pg-renew .pageInner p.error { color: #ef4b41; font-weight: bold; } .pg-renew .pageInner .table { margin: 0 auto; } .pg-renew .pageInner section.mobile { display: none; } .pg-renew .pageInner section.desktop { display: block; } .pg-renew .pageInner table { margin: 50px 0; } .pg-renew .pageInner table p { margin: 0; min-width: 150px; } .pg-renew .pageInner table th { text-align: center; padding: 0 10px 10px; } .pg-renew .pageInner table .oneword-item:nth-child(even) { background: #eee; } .pg-renew .pageInner table td { text-align: center; vertical-align: middle; padding: 10px 25px; } .pg-renew .pageInner table td.oneword, .pg-renew .pageInner table th.oneword { padding: 0 25px 10px; text-align: left; } .pg-renew .pageInner table td.selectall { min-width: 65px; padding: 10px 0; } .pg-renew .pageInner table td.checkbox { padding: 0 10px; } .pg-renew .pageInner .warning { color: #ef4b41; } .pg-renew .pageInner .safe { color: #37A237; } .pg-renew .pageInner .alert { color: #e9a800; } .pg-renew .pageInner section.mobile ul.onewords { list-style-type: none; margin: 25px 0; padding: 0; border: 0; } .pg-renew .pageInner section.mobile ul.onewords li { position: relative; padding: 25px 10px; border-top: 1px solid #e1e1e1; text-align: left; } .pg-renew .pageInner section.mobile ul.onewords li:last-of-type { border-bottom: 1px solid #e1e1e1; } .pg-renew .pageInner section.mobile ul.onewords li .checkbox-column { } .pg-renew .pageInner section.mobile ul.onewords li ul { list-style-type: none; margin: 0; padding: 0; } .pg-renew .pageInner section.mobile ul.onewords li ul li { border: 0; margin: 0; padding: 0; } .pg-renew .pageInner section.mobile ul.onewords li ul li:last-of-type { border: 0; } .pg-renew .pageInner section.mobile ul.onewords li ul li .heading { width: 150px; float: left; font-weight: bold; } .pg-renew .pageInner section.mobile ul.onewords li ul li a.oneword { color: #ef4c40; text-decoration: none; } .pg-renew .pageInner section.mobile input[type=checkbox] { } .pg-edit-account .pageInner { margin: 30px; font-size: 14px; max-width: 610px; } .pg-edit-account .pageInner form { display: block; margin: 20px 0 0; padding: 0 0 20px; border-bottom: 1px solid #e1e1e1; } .pg-edit-account .pageInner label { display: block; margin: 10px 0 0 0; } .pg-edit-account .pageInner label span { display: block; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .pg-edit-account .pageInner label.last { margin-right: 0; } .pg-edit-account .pageInner input.field { width: 286px; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-edit-account .pageInner .plus { position: absolute; left: 5px; top: 33px; color: #333; } .pg-edit-account .pageInner input.split-start { width: 46px; margin-right: 9px; padding-left: 7px; } .pg-edit-account .pageInner input.split-end { width: 231px; /*position: absolute; top: 117px; left: 393px;*/ } .pg-edit-account .pageInner label.radio { width: auto; margin: 20px 0 0; } .pg-edit-account .pageInner label.radio input { width: auto; margin: 0 2px; position: relative; top: -1px; } .pg-edit-account .pageInner .button.back { display: inline-block; margin: 20px 0 0; padding: 6px 8px; } .pg-edit-account a.button { text-decoration: none; } .pg-edit-account .pageInner .submit { margin-top: 20px; } .pg-edit-account .button.password { margin-right: 20px; } .pg-edit-account input.button { width: auto; } .pg-basket .pageInner { width: 640px; padding: 40px; } .pg-basket .pageInner h2 { font-size: 36px; line-height: 36px; color: #e6323d; margin-bottom: 12px; } .pg-basket .pageInner p { margin-bottom: 18px; width: 620px; } .pg-basket .pageInner td { border-bottom: 1px solid #ddd; } .pg-basket .pageInner td:last-child { text-align: center; } .pg-basket .pageInner td:last-child { text-align: center; } .pg-basket .info { font-size: 12px; color: #666; font-style: italic; } .pg-basket #currency { float: right; } .pg-basket .translate { font-style: italic; } .pg-basket .oneword-table th { padding: 20px 0 12px; } .pg-basket .oneword-table .total th { font-size: 16px; font-style: italic; padding: 24px 4px 0 0; border-bottom: none; } .pg-basket .oneword-table .total td { font-size: 16px; font-weight: bold; padding: 24px 4px 0 0; border-bottom: none; } .pg-basket .oneword-table img { display: block; margin: 5px 0; } .pg-basket .oneword-table .oneword { color: #e6323d; } .pg-basket .oneword-table .oneword span { color: #999; } .pg-basket .oneword-table .remove { cursor: pointer; } .pg-basket .payment { margin: 46px 0 0 0; width: 640px; } .pg-basket .payment h2 { font-size: 18px; margin-bottom: 18px; } .pg-basket .payment .login .button { margin-right: 12px; } .pg-basket .payment .pay { text-align: right; } .pg-basket .payment .pay p.info { width: auto; margin: 5px 0 0 ; } .pg-basket .payment .pay .button { margin: 6px 0 0 12px; } .pg-basket .payment .pay .note { margin: 4px 0 0 0; color: #777; font-size: 10px; } .pg-basket .payment .discount { margin: 0 0 35px; text-align: right; } .pg-basket .payment .discount .button { margin-left: 10px; } .pg-basket .payment .discount input { margin-left: 10px; } .pg-basket .payment .discount .status { padding-top: 10px; text-align: left; width: 268px; float: right; } .pg-basket .payment .discount .status p { margin: 0; padding: 0; } .pg-basket .payment .discount .status .error { color: #e6323d; } .pg-basket .payment .discount .status .success { color: #37A237; } .pg-basket .payment .terms { text-align: center; margin: 0 0 24px; } .pg-basket .payment .terms input { margin: 0 3px 0 0; position: relative; top: -1px; } /*.pg-basket .continue { margin-left: 50px; }*/ .pg-login .login-section { width: 960px; padding: 40px 0 0; } .pg-login .login-section h2 { color: #e6323d; font-size: 36px; line-height: 40px; margin: 0 0 25px; } .pg-login section.login { float: left; width: 47%; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-login section.signup { border-left: 1px solid #dadada; float: left; width: 53%; padding: 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-login .btn-row { margin-top: 30px; } .pg-login .btn-row a { display: inline-block; margin-bottom: 20px; padding: 6px 10px; text-align: center; } .pg-login .btn-row a:hover { text-decoration: none; } .pg-login form label { display: block; margin: 0 0 20px; } .pg-login form label span { display: block; font-size: 14px; line-height: 1; color: #59595b; font-weight: bold; margin: 0 0 8px; } .pg-login form label input { margin: 0; padding: 6px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-login form .forgotten { float: right; text-align: right; } .pg-login form .error { color: #e6323d; } .pg-register #content { clear: both; width: 100%; overflow: hidden; padding-bottom: 40px;} .pg-register p { margin: 18px 0px; font-size: 16px; } .pg-register p.login-link { font-size: 14px; } .pg-register .register-form { padding: 50px; } .pg-register .register-form form { margin: 0 18px; text-align: left; } .pg-register .register-form form label { margin: 0 0 20px; display: block; margin-top: 12px; font-size: 12px; color: #59595b; line-height: 1; font-weight: bold; } .pg-register .register-form form label span { font-weight: normal !important; } .pg-register .register-form form label input { margin: 0; padding: 6px; margin-top: 8px; font-size: 13px; width: 462px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-register .register-form form label select { height: 29px; margin-top: 8px; font-size: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-register .register-form form .submit { margin: 15px 0; } .pg-register .register-form #message { margin: 18px 40px; } .pg-register .register-form .error { display: none; color: red; margin-top: 15px; } .pg-register .register-form form label.terms { font-size: 14px; color: #333; font-weight: normal; } .pg-register .register-form form label.terms input { display: inline; width: auto; } .pg-register .api-register .api-checkbox { display: block; margin-bottom: 22px; font-size: 18px; color: #333; font-weight: normal;} .pg-register .api-register .api-checkbox input { width: 13px; height: 13px; padding: 0; margin:0; margin-left:10px; vertical-align: bottom; position: relative; top: 0px; *overflow: hidden; } .pg-register .api-register .error { color: red; } .pg-register .api-register { width: 500px; padding: 50px; float: left;} .pg-register .api-register #api-terms p { font-size: 12px; } .pg-register .api-register form { margin: 0 18px; text-align: left; } .pg-register .api-register form label { margin: 0 0 20px; display: block; margin-top: 12px; font-size: 12px; color: #59595b; line-height: 1; font-weight: bold; } .pg-register .api-register form label input { margin: 0; padding: 6px; margin-top: 8px; font-size: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-register .api-register form label select { height: 29px; margin-top: 8px; margin-bottom: 12px; font-size: 13px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pg-register .api-register form label input.disabled { opacity: 0.7; } .pg-register .api-register form label input.phone_area { padding-left: 20px; width: 35px; margin-right: 7px; } .pg-register .api-register form label input.phone { width: 195px; } .pg-register .api-register form label input.url { padding-left: 6px; width: 225px; } .pg-register .api-register form label span.plus { position: absolute; top: 30px; left: 10px; } .pg-register .api-register form label span.http { position: static; } .pg-register .api-register form label span.info { font-size: 12px; color: #555; position: relative; top: 4px; } .pg-register .api-register .error { display: none; color: red; margin-top: 15px; } .pg-register .api-register form .submit { margin: 14px 0; } .pg-register .api-register form .submit .success { color: #0ba24a; display: none; } .pg-register .api-register form label.terms { font-size: 14px; color: #333; font-weight: normal; } .pg-register .api-register form label.terms input { display: inline; width: auto; } .pg-reset .error h2 { font-size: 18px; margin: 24px 0 24px 50px; } .pg-reset .reset { padding: 46px 0 0 50px; } .pg-reset .reset label { display: block; margin: 0 40px 14px 0; } .pg-reset .reset label input { width: 271px; margin-top: 8px; font-size: 12px; } .pg-complete .pageInner p { margin: 15px 0; } .pg-complete .pageInner .payment-buttons { margin: 15px 0 0; } .pg-complete .pageInner .payment-buttons .button { float: left; margin: 0 10px 0 0; } .pg-complete .pageInner h2 { margin: 20px 0 0; font-size: 22px; color: #ef4c40; } .pg-complete .pageInner ul li { margin: 10px 0; } .pg-contact .submit { border: 0; padding: 0; } .pg-contact .contact-content { max-width: 300px; padding: 40px 0 40px 40px; } .pg-contact p { margin-bottom: 25px; } .pg-contact label { margin: 20px 0; display: block; } .pg-contact label span { display: block; font-size: 12px; color: #59595b; font-weight: 600; margin-bottom: 7px; } .pg-contact label input[type=text], .pg-contact label input[type=email] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e1e1e1; padding: 7px 9px; } .pg-contact label textarea { width: 100%; height: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e1e1e1; padding: 7px 9px; } .pg-verify .verify { padding: 46px 0 0 50px; } .pg-verify .verify h2 { font-size: 16px; margin: 16px 0 0; } .pg-verify .verify a.button { display: inline-block; } .pg-verify .verify form { margin-top: 36px; } .pg-verify .verify label { float: left; width: 291px; margin: 0 40px 14px 0; } .pg-verify .verify label input { width: 271px; margin-top: 8px; font-size: 12px; } .pg-verify .verify .submit { margin: 12px 0 0; } #api-terms { border: 1px solid #aaa; padding: 20px; margin: 20px 0; height: 204px; overflow: scroll; font-size: 12px; } .pg-faq .faq { margin: 0; padding: 30px 40px; max-width: 1170px; } .pg-faq .faq section { padding: 20px 0; border-bottom: 1px solid #e1e1e1; } .pg-faq .faq h2 { clear: both; margin: 0; font-size: 18px; color: #ef4c40; } .pg-faq .faq p { font-size: 14px; color: #58595b; margin: 20px 0 0; } .pg-terms h2 { font-size: 19px; } .pg-terms section { margin-bottom: 15px; } .pg-terms strong { font-weight: 500; font-size: 14px;} .pg-terms ol.level1 { counter-reset: level1; list-style-type: none; margin: 5px 0 20px; } .pg-terms ol.level1 > li { position: relative; padding-left: 10px; } .pg-terms ol.level1 > li:before { position: absolute; top: 0; left: -30px; counter-increment: level1; content: counter(level1) ". "; } .pg-terms ol.level2 { counter-reset: level2; list-style-type: none; margin: 5px 0 20px; } .pg-terms ol.level2 > li { position: relative; padding-left: 10px; } .pg-terms ol.level2 > li:before { position: absolute; top: 0; left: -30px; counter-increment: level2; content: counter(level1) ". " counter(level2) ". "; } .pg-terms ol.level3 { counter-reset: level3; list-style-type: lower-alpha; margin: 5px 0 20px; } .pg-terms ol.level3 > li { position: relative; padding-left: 10px; } .legals-page { padding: 35px 50px; font-size: 12px; max-width: 680px; } .legals-page section { margin: 0 0 25px; } .legals-page h2 { font-weight: bold; font-size: 16px; margin: 0 0 10px; } .legals-page p { margin: 10px 0; } .legals-page table td { border: 1px solid #ccc; padding: 6px; } .legals-page table tr.top { font-weight: bold; } .legals-page #index-competition strong { font-weight: bold; } .legals-page #index-competition ol.level1 li { margin: 20px 0; } .legals-page #index-terms strong { font-weight: bold; } .legals-page #index-terms ol.level1 li { margin: 20px 0; } .press-page { padding: 35px 50px; font-size: 12px; } .press-page p { margin: 10px 0; } .press-page .hosting { padding: 10px 20px; background-color: #fff; border: 1px solid #ccc; min-height: 70px; } .press-page .hosting img { float: left; margin: 12px 20px 12px 0; } #content .page-index { margin: 35px 50px 15px; font-size: 16px; } .pg-press .legals-page section { padding: 20px 0; border-bottom: 1px solid #e1e1e1; } .pg-press .legals-page section.last { border: 0; } .pg-press .legals-page h2 { font-size: 18px; color: #ef4c40; margin: 0 0 7px; } .pg-press .legals-page p { font-size: 14px; color: #58595b; margin: 0; line-height: 18px; } .pg-press .legals-page h3 { font-size: 14px; line-height: 18px; font-weight: bold; } .pg-press .legals-page h4 { float: left; width: 74px; font-size: 14px; line-height: 18px; } .pg-press .legals-page ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; font-size: 14px; } .pg-press .legals-page ul li { background: url(/images/press/icon-forward.png) no-repeat right center; } .pg-press .legals-page ul li a { display: block; padding-right: 15px; } .pg-press .legals-page img { float: left; margin-right: 30px; padding-bottom: 40px; } .pg-press .contact-details { margin-bottom: 20px; } .pg-press .brand-assets p { margin-bottom: 10px; } .pg-press .press-releases p { float: left; margin-right: 17px; width: 120px; } .pg-statement .pageInner { margin: 30px; width: 610px;} .pg-statement h2 { font-size: 36px; line-height: 36px; color: #e6323d; margin-bottom: 12px; } .pg-statement .statement-table { margin: 0; border: 0; } .pg-statement .statement-table th { padding: 0; } .pg-statement .statement-table td { padding: 20px 0; border-bottom: 1px solid #e1e1e1; } .pg-statement .statement-table { border-bottom: 1px solid #e1e1e1; } .pg-statement .button { padding: 6px 10px; } .pg-statement .nav { margin: 25px 0 0; } .pg-statement .nav.top { margin: 0 0 25px; } .pg-statement .nav .account { float: left; } .pg-statement .nav .print { float: right; } .pg-statement .statement-table.horizontal { text-align: left; } .pg-statement .statement-table.horizontal .last-column { text-align: right; } .pg-statement .statement-table.horizontal tbody { padding: 25px 0; border-bottom: 1px solid #e1e1e1; } .pg-statement .statement-table.horizontal tbody:first-of-type tr:first-of-type th, .pg-statement .statement-table.horizontal tbody:first-of-type tr:first-of-type td { padding: 0 0 10px; } .pg-statement .statement-table.horizontal tbody:last-of-type { border-bottom: 0; } .pg-statement .statement-table.horizontal tbody tr:first-of-type th, .pg-statement .statement-table.horizontal tbody tr:first-of-type td { padding: 25px 0 10px; } .pg-statement .statement-table.horizontal tbody tr:last-of-type th, .pg-statement .statement-table.horizontal tbody tr:last-of-type td { padding: 10px 0 25px; } .pg-statement .statement-table.horizontal tr { border: 0; } .pg-statement .statement-table.horizontal td { padding: 10px 0; border: 0; } .pg-api-plookup .form-plookup { border: 2px solid #eee; background: white; border-radius: 4px; padding: 20px; text-align: center; width: 50%; height: 50%;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;} .pg-api-plookup .form-group { margin-bottom: 20px; text-align: center} .pg-api-plookup label { display: block } .pg-api-plookup p#message { font-size: 25px; } .pg-api-plookup .btn#ajaxPlookup { padding: 5px 20px 5px 20px; width: 50px; margin: 0 auto; background: #D0D0D0; color: white; border-radius: 4px;} .pg-api-plookup .btn#ajaxPlookup:hover { color:#5D5B7E; cursor: pointer; } .pg-api-reference .section { max-width: 800px; background: #fafafa; margin: 0 auto; border: 1px solid #ccc; margin-bottom: 48px; padding: 24px; } .pg-api-reference .section h2 { font-weight: bold; font-size: large; margin-bottom: 10px;} .pg-api-reference .section p { margin-bottom: 15px; } .pg-api-reference .prettyprint { overflow-x: auto; margin: 0; } .pg-api-reference .url { background: #fff; border: 1px solid #ccc; padding: 6px 12px 8px; white-space: nowrap; overflow-x: auto; } .pg-api-reference .params { background: #fff; border: 1px solid #ccc; padding: 6px 12px 8px; white-space: nowrap; overflow-x: auto; } .pg-api-reference .params div { float: left; width: 160px; } .pg-api-reference .params div.desc { float: left; width: 270px; } .pg-api-reference .params div span { color: #c82829; } .pg-api-reference .php .expand { cursor: pointer; } .pg-api-reference .php .expand span { font-size: 20px; margin-right: 4px; display: inline-block; width: 10px; text-align: center; } .pg-api-reference .php .toggle { display: none; } .pg-message #content { padding: 40px } .pg-message h1 { font-size: 20px } .pg-message-reset-success .message a.button { display: block; width: 100px; margin-top: 30px;} .pg-delete-account #content { padding: 40px; } .pg-delete-account .action-box { padding: 40px; font-size: 30px; color: white; background: #e6323d} .pg-delete-account .action-box h3, .pg-delete-account .action-box form { display: inline-block;} .pg-delete-account form, .pg-delete-account a { display: inline-block;} .pg-delete-account .button { margin-top: 20px; width: 150px; font-size: 17px; line-height: normal; text-align: center; } .pg-delete-account .button:hover { background: white; color: #e6323d; } /* -- */ .button { border: none; background-color: #e6323d; border-radius: 4px; color: white; font-size: 12px; padding: 8px 10px; } .button.dark { background-color: #58595b; } .button.disabled { background-color: #ddd; cursor: default; } .button.searcher { background: #e6323d url(http://map.what3words.com/images/side/search.png) no-repeat center; padding: 8px 20px; position: relative; top: -2px; } .button:hover { text-decoration: none; } .onewords { padding: 30px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .oneword-table { border: 0; width: 100%; } .oneword-table th { padding: 28px 0; text-align: left; font-size: 16px; font-weight: normal; padding: 0; } .oneword-table td { padding: 4px 4px 4px 0; } .oneword-table .button.dark { margin-right: 8px; } .oneword-table td:last-child { text-align: right; white-space: nowrap; } .oneword-table tr.sel { color: #e6323d; } .oneword-table .expires-soon { color: #e6323d; padding: 0 2px; font-size: 19px; } .oneword-table.horizontal { display: none; text-align: left; } .oneword-table.horizontal tbody { display: block; width: 100%; } .oneword-table.horizontal tr { display: block; width: 100%; } .oneword-table.horizontal th { margin: 0; padding: 0; } .oneword-table.horizontal td { text-align: left; padding: 0; margin: 0; } .oneword-table.horizontal td.buttons { text-align: center; padding: 0; } .oneword-list { display: none; list-style-type: none; margin: 0; padding: 0; } .oneword-list li { margin: 10px 0 0; border-bottom: 1px solid #e1e1e1; } .oneword-list li:last-of-type { border: 0; } .oneword-list .heading { float: left; width: 60px; padding: 0 10px 0 0; } .oneword-list .buttons { margin: 10px 0; } .statement-table { border-top: 1px solid #ddd; width: 100%; margin-bottom: 28px; } .statement-table th { padding: 28px 0; text-align: left; font-size: 16px; font-weight: normal; } .statement-table td { padding: 4px 4px 4px 0; } .statement-table tr > *:last-child { text-align: right; } .statement-table.horizontal { display: none; } .statement-table.horizontal tr > *:last-child { text-align: left; } .statement-table.horizontal tr { border: 0; } .statement-table.horizontal td { border: 0; } /* -- */ #infobox { position: absolute; bottom: 36px; right: 36px; padding: 12px 12px 28px; width: 260px; z-index: 2; border-radius: 8px; } #infobox { background: #fff url(/images/popup/bg-dark.png) repeat-x top; text-align: center; box-shadow: 0px 1px 8px rgba(0,0,0,0.25); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #infobox p { margin: 12px 0 18px; } #infobox .button { margin: 0 6px; } #infobox .save-location .button { margin: 6px; } #sharebox { position: fixed; display: none; padding: 40px 15px 25px; opacity: 0; bottom: 36px; left: 336px; width: 310px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; border-radius: 8px; background: #fff url(/images/popup/bg.png) repeat-x top; text-align: center; box-shadow: 0px 1px 8px rgba(0,0,0,0.25); overflow: hidden; top: 50%; left: 50%; margin: -100px 0 0 -155px; bottom: auto; z-index: 7; } html.oneword #sharebox { background: #fff url(/images/popup/bg-black.png) repeat-x top; } html.oneword #sharebox h2 { content: "Share OneWord location"; } #sharebox .close { position: absolute; top: 20px; right: 10px; background: url(/images/popup/close.png); width: 26px; height: 26px; cursor: pointer; } #sharebox h2 { font-size: 17px; margin-bottom: 15px; } #sharebox p { width: 260px; margin: 0 auto 15px; max-width: 260px; } #sharebox h1 { font-size: 24px; margin-top: 30px; } #sharebox .buttons { margin: 15px 0; } #sharebox .buttons a { margin: 0 5px; width: 32px; height: 32px; display: inline-block; background-size: contain; } #sharebox .link { text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sharebox .link.long-words { width: 350px; margin: 8px 0; font-size: 13px; } #sharebox .buttons .facebook { background-image: url(/images/social/facebook.png); } #sharebox .buttons .twitter { background-image: url(/images/social/twitter.png); } #sharebox .buttons .googleplus { background-image: url(/images/social/gplus.png); } #sharebox .buttons .gps { background-image: url(/images/social/gps.png); } #sharebox .buttons .embed { background-image: url(/images/social/embed.png); } #sharebox .buttons .email { background-image: url(/images/social/message.png); } #content #sharebox .inner { padding: 0px; } #rc-menu { position: absolute; z-index: 8; left: -200px; width: 200px; background: #fff; border: 1px solid #ccc; box-shadow: 0px 3px 8px rgba(0,0,0,0.4); } #rc-menu div { padding: 0 12px; margin: 0; cursor: pointer; font-size:11px; line-height: 20px} .context-dark { background-color: #ccc; } .grey-top { border-top: 1px dotted #666; } .red-top { border-top: 1px solid #e6323d; } .map-menu { position: absolute; z-index: 8; background: #fff; border: 1px solid #ccc; box-shadow: 0px 3px 8px rgba(0,0,0,0.4); } .map-menu div { line-height: 36px; padding: 0 12px; cursor: pointer; } .map-menu div:hover { background: #f8f8f8; } .ui-menu .ui-menu-item { border-bottom: 1px solid #ddd; } .ui-menu .ui-menu-item:last-child { border-bottom-width: 0; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menut-item a.ui-state-active { background: #f04c40; color: #fff; border: 0; } .ui-menu .ui-menu-item .ui-menu-item-icon { background-repeat: no-repeat !important; background-position: 2px, 0 !important; background-size: 16px !important; margin: 0 !important; padding-left: 23px; } .ui-menu .ui-menu-item .ui-menu-item-icon span { display: block; } .ui-menu .ui-menu-item .ui-menu-item-icon span.info { font-size: 11px; } .ui-menu .ui-menu-item.sublabel .ui-menu-item-icon { background-size: 30px !important; padding-left: 38px; } .pg-api p { margin:10px 0; } .pg-api .lcol, .api .rcol { float:left; width:100%; max-width:400px; margin:10px 25px 15px 0; } .pg-api .lcol h2, .api .rcol h2 { margin:0; font-size:20px; font-weight:bold; margin-bottom:12px; } .pg-api .content { margin:50px; } .pg-api .content p { margin-bottom:35px; font-weight:bold; } .pg-api .content a { color:#000; } .pg-api .content .lcol, .content .rcol { float:left; width:100%; max-width:400px; margin:10px 50px 50px 0; } .api p { margin:10px 0; } .api .lcol, .api .rcol { float:left; width:100%; max-width:400px; margin:10px 25px 15px 0; } .api .lcol h2, .api .rcol h2 { margin:0; font-size:20px; font-weight:bold; margin-bottom:12px; } .api { margin: 50px; } .api .cont { margin:50px; } .api .cont p { margin-bottom:35px; font-weight:bold; } .api .cont a { color:#000; } .api .cont .lcol, .cont .rcol { float:left; width:100%; max-width:400px; margin:10px 50px 50px 0; } [title=Show\ 45\ degree\ view] { display:none; } #attribution-control { font-size: 10px; padding-left: 6px; padding-right: 6px; background-color: rgb(245, 245, 245); color: rgb(68, 68, 68); opacity: 0.7; white-space: nowrap; text-align: right; line-height: 14px; } #attribution-control a { text-decoration: none; cursor: pointer; color: rgb(68, 68, 68); }