/* //////////////////////////////////////////////////////////////////////// // anthrazit.org // //////////////////////////////////////////////////////////////////////// // // // Cascading Style Sheet for mobile.anthrazit.org // // Created 2007 by bitsolution stalder, www.bitsolution.ch // // // //////////////////////////////////////////////////////////////////////// */ /* ======================== | fontfaces ///// ======================== */ /* zurich */ @font-face { font-family: Zurich; src: url(/appl/fonts/tt0178m_.ttf); src: url('/appl/fonts/tt0178m_-webfont.woff') format('woff'); font-weight:normal; } @font-face { font-family: Zurich; src: url(/appl/fonts/tt0179m_.ttf); font-style: italic; } @font-face { font-family: Zurich; src: url(/appl/fonts/tt0180m_.ttf); font-weight:bold; } @font-face { font-family: Zurich; src: url(/appl/fonts/tt0181m_.ttf); font-weight:bold; font-style:italic; } /*extra bold*/ @font-face { font-family: ZurichB; src: url(/appl/fonts/tt0182c_.ttf); font-weight:bold; } /* klavika, sg bhf */ @font-face { font-family: Klavika; src: url(/appl/fonts/KlavikaBoldBold.otf); font-weight:normal; } /* san francisco */ @font-face { font-family: SF; src: url(/appl/fonts/SF-UI-Text-Regular.otf); font-weight:normal; } @font-face { font-family: SF; src: url(/appl/fonts/SF-UI-Text-RegularItalic.otf); font-style: italic; } @font-face { font-family: SF; src: url(/appl/fonts/SF-UI-Text-Bold.otf); font-weight:bold; } @font-face { font-family: SF; src: url(/appl/fonts/SF-UI-Text-BoldItalic.otf); font-weight:bold; font-style:italic; } /* ======================== | TEMPLATE/STRUCT ///// ======================== */ .wrapperMain { text-align:left; } .online .blockTop { height:90px; width:960px; } /*block top*/ .blockTop { margin-bottom:11px;} .elementLogo { padding-top:30px; float:left; } /*searchbar*/ .elementSearchbar { height:25px; padding:5px 9px 9px 9px; background-color:#ddd; background-image:url(/appl/grfx/bg_searchbar.png); background-repeat:repeat-x; background-position:top;} .elementSearchbar { -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; } .elementSearchbar .inputLine { border:none!important; font-family:Arial, Helvetica, sans-serif; width:89%; line-height:20px; padding:2px 0 0 0!important; margin:3px -1px 0 -1px!important; height:23px; font-size:12px; color:#7e7d7d!important; } .elementSearchbar .magnifier{ display:inline-block; float:none; vertical-align:middle; margin-left:0.5em;} .columnLeft .elementSearchbar .inputLine { width:78%; } /*titlebar*/ .elementTitleBar { margin-top:0; margin-bottom:0.8em; clear:both; background:url(/appl/grfx/bg_titlebar.png) repeat-x top center; padding:0 0 0px 13px; min-height:39px; color:#000; font-size:14px; font-weight:bold; text-shadow:0px 1px 0px #e4e4e4; background-color:#c1c1c1; } .elementTitleBarSub { background-image:none; background-color:#e7e7e7; text-shadow:none;} .elementTitleBar .linkRight { float:right; margin:-5px 0px 0 0; font-weight:inherit; } .elementTitleBar .customLink .linkRight { margin:-2px 14px 11px 0; padding-right:0; padding-left:20px; font-size:12px; background:url(/appl/grfx/bg_titlebar_link.png) no-repeat center left; } .elementTitleBar .linkRight:hover { color:#000; } .elementTitleBar .icon { padding-left:24px; background-repeat:no-repeat; background-position:left 11px;} .elementTitleBar .lite { color:#444; padding-right:0.5em;} .elementTitleBar .title { float:none; padding-top:11px; padding-bottom:11px; } .pguideViewDetails .elementTitleBar .title { font-size:1em; margin-bottom:0em; } /* .list .elementTitleBar, .list .elementTitleBarSub { background:none; border:none; border-bottom:1px solid #111; text-shadow:none; margin:0 0 1.5em; 0; padding:0 0 0.3em 0; min-height:0; height:auto; line-height:120%; font-size:100%;} .list .elementTitleBar .title { padding:0; margin:0; height:auto; } .list .elementTitleBar .linkRight { float:right; margin:-2px 0 11px 0; padding-right:0; font-size:12px;text-shadow:none; color:#276BAB; display:block; line-height:22px; width:auto; text-align:right; background:none; } .list .elementTitleBar .back .linkRight { background:none; } */ /*titles*/ .titleBorder { color:#666; font-weight:bold; border-bottom:solid 1px #ccc; padding-bottom:0.5em; margin:0.5em 0 1em 0;} /*loginbox*/ .online .elementMopageLogin { padding:1em 2em 1em 2em; } .elementMopageLogin .col1, .elementMopageLogin .col2 { float:left; width:45%;} .elementMopageLogin .col2 { float:right;} .elementMopageLogin .col1 .arrow { margin-left:100px;} .elementMopageLogin .cols .title { font-size:180%; margin-bottom:0.4em; } .elementMopageLogin .title, .elementMopageLogin .cols .term { text-shadow:0 1px 0 #fff; } .elementMopageLogin .cols .term { font-weight:bold; } .mobile .elementMopageLogin .col1, .mobile .elementMopageLogin .col2 { float:none; width:auto;} .mobile .elementMopageLogin .col1 { margin-bottom:1em;} .elementMopageLogin .elementForm .inputLine { background:none; } .elementLoginReg .dropzone, .elementUserSettings .dropzone { height:100px!important; } /*mopage*/ .poweredByMopage { text-align:center; margin-top:1em;} /*misc*/ hr { margin:0.4em 0 0.6em 0; padding:0 0 0 0; border:none; border-top:1px solid #c1c1c1; border-bottom:none;} .elementDeviceInfoLink { text-align:center; } .elementGoogleCaption { font-size:12px; padding:0em 0 0.3em 0;} /*QR code*/ .elementQrCode { margin-bottom:1em; text-align: left } .size123 .elementQrCode { margin-bottom:1em; text-align: center } .elementQrCode .wrapper { display:inline-block; margin-top:30px;} .elementQrCode .qrcode { text-align:left;} .elementQR { text-align:center; margin:3em 0.5em 0 0;} .wrapperQrCode { padding:2em 4em;} /*fanc promo*/ .online .fancyPromo .wrapperContentInner { padding:0 28px 15px 28px; } .online .fancyPromo .elementTitleBar { margin:-0 -28px 11px -28px; border-bottom:1px solid #eee; } .online .fancyPromo .pguideViewDetails img.rightTop { float:right; margin:-11px -28px 0 0; padding:0 0 0 0; } .fancyPromo .elementAd .elementBannerRectangle { margin-left:-28px; margin-right:-28px; } /*visibility colors*/ .visibleColorRed { background-color:#e40d0d; color:#fff; } .visibleColorGreen { background-color:#00ce27; color:#fff; } .visibleColorYellow { background-color:#ffde00; color:#000; } .visibleColorBlue { background-color:#0664ce; color:#000; } /*visibility*/ .partiallyVisible { padding:0.1em 0.1em 0.1em 0.3em; background-color:#f7e8da; } .spriteVisibility { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat; min-width:10px; display:inline-block; vertical-align:middle; margin-right:0.5em; } .spriteGreen { background-position:0 -263px; } .spriteRed { background-position:0 -291px; } .spriteYellow { background-position:0 -827px; } .spriteBlue { background-position:0 -859px; } /*red switch*/ .elementRedSwitch a { } .elementRedSwitch .pseudoButton { margin-left:0.4em; padding-top:0.45em; padding-bottom:0.45em;} /* ======================== | booked services // ======================== */ .elementBookedServices .row { padding-bottom:0.8em; margin-top:1em; } .elementBookedServices .row .right { text-align:right; float:right; width:auto; } .elementBookedServices .row .right .pseudoButton { width:5em; } .elementBookedServices .row .thumb { float:none; margin:1px; padding:0 0 0 0; } .elementBookedServices .row .image { float:left; margin-right:1em; border:1px solid #bbb;} .elementBookedServices .row .serviceicon { float:left; width:20%; margin-right:1em; } .online .elementBookedServices .row .serviceicon { float:left; width:10%; margin-right:1em; } .elementBookedServices .row .serviceicon img { width:100%; height:auto; } .elementBookedServices .row .type { background-color:#ccc; color:#666; text-shadow:0 1px 0 #fff; text-align:center; font-size:11px; line-height:1.7em; } .elementBookedServices .row .pro .type{ background-color:#78b2d4; color:#006ead; } .elementBookedServices .row .pro .image { border:1px solid #006ead;} .elementBookedServices .row .enterprise .type{ background-color:#eaa87b; color:#e06604; } .elementBookedServices .row .enterprise .image { border:1px solid #e06604;} .hint { color:#C00; font-weight:bold; padding:0.1em; font-size:90%; } .elementBookedServices .serviceInfo { font-size:85%;} /* ======================== | infoboxes // ======================== */ .elementSpacerTop { height:82px;} .elementInfoboxTop { padding-bottom:0.8em; position:relative; z-index: 2; margin-bottom:0.5px;} .infobox, .elementSmsPull { background-color:#fbf1b5; border:1px solid #9b6011; padding:12px; margin:0 0 0 0; color:#9b6011; min-height:40px } .mobile .elementInfoboxTop { padding:0px 0 1px 0;} .online .elementInfoboxTop { margin:-15px 0 0 0; } /*.cug .elementInfoboxTop { margin-top:-8px; }*/ .abs { position: absolute; } .elementSmsPull { background-color:#efefef;} .elementInfoboxTop a.selected { font-weight:bold; } .infobox a { font-weight:bold; } .infobox ul { padding:0; margin:0 0 0 1em;} .noRightCol .elementInfoboxTop { max-width:100%; } .infobox .close { position:absolute; display:block; width:50px; height:64px; text-align: right; top:0; right:0; padding:8px 9px 0 0; line-height:0; color:#666!important; } .infobox .close img {width:9px; height:auto; opacity:0.5; } .infobox pre { background-color: inherit; color: inherit;} /*info*/ .elementInfoboxTop .infobox { padding:12px; color:#686868; background-color: #eee; border:1px solid #ddd; opacity:0.97; } .mobile .elementInfoboxTop .infobox { border:none; } .online .tabMopage .infobox { min-height:36px;} .elementInfoboxTop .cellIcon { width:62px; } .elementInfoboxTop .cellIconTop { width:62px; vertical-align: top; } .elementInfoboxTop .iconAlert, #taskWindowContentWrapper .iconAlert { width:50px; height:auto; margin-right:12px; } .elementInfoboxTop .fa.icon, #taskWindowContentWrapper .fa.icon { font-size:50px; } .size123 .elementInfoboxTop .fa.icon, #taskWindowContentWrapper .fa.icon { font-size:33px; } .elementInfoboxTop .error { font-weight:normal; color:#f7250c; } .elementInfoboxTop .full { width:100%; } .size123 .elementInfoboxTop .cellIcon { width:45px; } .size123 .elementInfoboxTop .iconAlert { width:33px; } .elementInfoboxTop .msgtype7 { background-color: #cc0000; color:white; } .elementInfoboxTop .msgtype7 .cellIcon .gi { font-size:37px; display: inline-block; margin-left:5px;} /* cms alerts */ .elementInfoboxTop .msgtype8 { background-color: #1a99ce; color:white; border:none; border-radius:6px; } .size123 .elementInfoboxTop .msgtype7 .cellIcon .gi { font-size:30px; margin-left:0px;} .emergencyAlert .topImage .elementInfoboxTop { padding-bottom:1em;} .mobile .emergencyAlert .infobox { margin-top: 1px;} .mobile .emergencyAlert .wrapperTopImage { margin-bottom: 0px;} .elementInfoboxTop .promo { background:#1279B3; border:#1279B3 1px solid; color:#fff; } #topMsgOverlay { position: fixed; z-index: 10; top: -1px; width: 100%; height:100%;} #topMsgOverlay .close { font-size: 30px; } #topMsgOverlay .infobox { height:100%; opacity:0.95; } .elementInfoboxTop .big { font-size: 25px; font-weight:bold;} .topImage .elementInfoboxTop { margin-bottom:0.7em; z-index: 6;} /* ======================== | Obj sharing options // ======================== */ .elementSharingObj .row { padding:0 0 0.8em 0; } .elementSharingObj .pseudoButton { width:65%; max-width:260px; min-width:160px; display:block; text-align:center; margin:auto;} .elementObjectOptions { margin:0; padding:0; } .elementObjectOptions .row { display:inline-block; vertical-align:middle; padding:6px 0 5px 0;} .elementObjectOptions .row a { padding:0 14px 0 0; } .elementObjectOptions img { max-width:16px; max-height:16px; } .elementObjectOptions .divider { display:inline-block; height:25px; width:0px; margin:0 14px 0 0; border-left:1px solid #9a9899; border-right:1px solid #c8c6c6; vertical-align:middle;} /*object option within page*/ .pguideViewDetails .elementObjectOptions { float:right; width:90px; margin:0 0 1em 2em} .pguideViewDetails .elementObjectOptions .row { padding:0; margin:0 0 0.5em 0;} .elementSharingLinks .row { margin:0 -5px 0 -5px; min-height:35px; background: url(/appl/grfx/bg_goto.png) no-repeat right center; } .elementSharingLinks a.linkRow { display:block; color:#000; font-weight:bold; font-size:90%; padding-top:0.8em; padding-bottom:0.8em; } .elementSharingLinks a { font-weight:bold; } .size1 .elementSharingLinks { margin-top:0.6em} .size1 .elementSharingLinks .row { margin-bottom:0.3em; padding-bottom:0.3em} .elementSharingLinks .row img { vertical-align:middle; margin-right:0.7em;} .elementSharingLinks a { font-weight:bold; } .mobile .elementSharingOptionsButton { text-align:left; } .mobile .elementSharingOptionsButtonShare { text-align:left; } .mobile .elementSharingOptionsButton img { vertical-align:-0.34em; } .mobile .elementFooter a.pseudoButton { color:#333!important; line-height:18px;} .mobile .elementFooter .rightAuto { margin-left:0.2em;} /* ======================== | FOOTER /////////////// ======================== */ .elementFooter { background-color:#b4b3b3; min-height:25px; font-size:0.8em; padding:0.2em 0.5em 0.2em 0.5em; } .elementFooter .footerSharingLink a { color: #888!important;} /*footer nav*/ .wrapperBottom .nav { text-align:center; color:#777; font-size:90%; margin:0.5em 0 1em 0; } .wrapperBottom .nav a { color:#777; padding:0 0.4em 0 0.4em;} .elementFooterFeSwitch { } .elementFooterFeSwitch a { } .elementFooterFeSwitch a.selected { } .wrapperPoweredBy .usertag { margin-right:0;} /*FE Chooser*/ .feChooserFooter { text-align:center; border-top:1px solid #ccc; margin-top:2em; padding-top:0.3em;} .feChooserFooter a { color:#ccc; } .elementLogoCenter { text-align:center; padding:6px 0 20px 0; } /*iApp*/ .elementFooterIapp { background-color:#bbb; padding:0.3em 0.4em 0.4em 0.4em; border-top:1px solid #ccc; } .elementFooterIapp a { color:#fff; font-size:90%;} /* ======================== | search/history ////// ======================== */ .elementMyterms { margin-bottom:1em;} .elementMyterms .row { width:33%; float:left; margin-bottom:0.5em;} .elementRecentSearch { margin-bottom:1.5em;} .elementRecentSearch .icon { float:left; width:10%; } .elementRecentSearch .content { float:right; width:89% } .elementRecentSearch .title { font-weight:normal; font-size:100%; margin-bottom:0} .elementRecentSearch hr { border:none; border-top:1px solid #bbb;} .elementRecentSearch .row { margin-bottom:0.3em;} /*search results*/ .elementSearch .elementRecentSearch .row { margin-bottom:0.9em;} .elementSearch .elementRecentSearch .row .title { font-weight:bold; } .elementSearch .elementRecentSearch .row .thumb { margin-left:0; padding-left:0;} .elementSearch .row { padding-top:0.6em; padding-bottom:0.6em;} .elementSearch .row a { display:block; padding-right:1.8em; } .elementSearch .row a .text { color:#111; } .elementSearch a .dateInfo, .elementLinkRow .geoInfo { color:#666; font-size:90%; font-weight:normal;} .elementSearch .row { background: url(/appl/grfx/bg_goto.png) no-repeat 95% center; } /* search results dummy images */ .tbFullHeight { height:100%;} .elementLinkRow .table, .elementLinkRow .tb { height:23px;} .elementLinkRow .table, .table, .tb { display: table; width:100%;} .colspanall { column-span: all; background-color: #0c5460} .elementLinkRow .tableRow, .tableRow, .tr { display: table-row!important;} .elementLinkRow .tableCell, .tableCell, .td { display:table-cell; vertical-align: middle; } tr.caption td { background-color: #ccc; font-size:75%; padding:2px;} .tdmin { width:auto;} .alignTop { vertical-align: top!important;} .alignBottom { vertical-align: bottom!important;} .elementLinkRow .colImage { min-width:34px; } .colRadio { width:20px; } .elementLinkRow .colImage img { width:16px; } .elementLinkRow .brandImage { padding-left:0.4em; text-align:right; } /* weather listing */ .elementLinkRow .weather { font-weight:normal; font-size:90%; padding-right:10px; } .elementLinkRow .weather img {height:32px; width:auto; vertical-align: middle; margin-right:3px; } .elementLinkRow .weather img.locate { height:20px; width:auto; vertical-align: middle; margin-right:3px; opacity:0.5; } .weatherMin { display:inline-block; float:right; padding-top:0.6em; } .weatherMin img { height:22px; width:auto; vertical-align: bottom; } .weatherMin .gi { font-size:85%; } /*.elementLinkRow .wrapperIcon, .elementLinkRow .colDescription { height:23px!important; border:1px solid red;}*/ .elementLinkRow .wrapperIcon, .rowInner .wrapperIcon, .siblingList > .elementLinkRow .td.wrapperIcon { width:40px; padding-top:0; text-align: left; } .elementLinkRow .wrapperIcon, .rowInner .wrapperIcon.plainIcon { text-align: center; } .fancyAltList .elementLinkRow .wrapperIcon, .fancyAltList .rowInner .wrapperIcon { width:55px; padding-top:0; } .fancyAltList .elementLinkRow .wrapperIcon.partnerIcon {text-align: center; } .elementLinkRow .spacer { width:19px; } .elementLinkRow .del { width:35px; text-align: right; } .elementLinkRow .del a { padding:0 0 0 0; background-image: none!important; text-align: right; } .elementLinkRow .wrapperIcon img, .rowInner .wrapperIcon img { width:23px; height:23px; vertical-align:middle; } .elementLinkRow .wrapperIcon .badge, .badgeIcon { display:block; width:30px; height:30px; background-color: #aaa; border-radius: 15px; text-align: center; margin-right:1em; line-height:26px; overflow:hidden; } .elementLinkRow .wrapperIcon .badge img, .badgeIcon img { width:18px; height:18px; opacity:1; filter:alpha(opacity=100); display:block; margin:21% auto 0 auto; } .badgeIconBig { width:50px; height:50px; line-height:46px; border-radius: 25px; margin:0; display:inline-block; } .badgeIconBig img { width:25px; height:25px; margin:12.5px } .badgeIconMid { width:40px; height:40px; line-height:36px; border-radius: 20px; margin:0; display:inline-block; } .badgeIconMid img { width:22px; height:22px; margin-top:11px; } .badgeLabel { font-size: 0.75em; margin-top:0.3em; color:#aaa; line-height:130%; } .badgeIconNoBg { background-color: inherit!important;} .badgeIcon .fa, .badgeIcon .gi { color:#fff; font-size:110%; vertical-align: middle;} .elementLinkRow .badgeIcon { margin:0 0 0 6px; width:40px; height:40px; border-radius:20px; line-height:39px; } .elementLinkRow .badgeIcon img { margin:9px auto 0 auto; } .miniBadge { background-color: #999; color:white; display:inline-block; height:19px; width:19px; border-radius:50%; text-align:center; line-height:19px!important; overflow:hidden; font-size:10px!important; vertical-align:-15%!important;} .miniBadge img { width:13px; height:auto; margin-top:3px;} .optionsTaskWindow { width:100%; } #taskWindow .optionsTaskWindow { display:table; } .shareOptionTile { display:inline-block; height:70px; text-align: center; margin:0 0.75em 0.6em 0; } #taskWindow .shareOptionTile { display:table-cell; } #taskWindow .shareOptionTile:last-child { margin-right:0; } .wrapperShareOptionTile { margin-right:-1.8em;} .optionsTaskWindow .shareOptionTile { margin:0; } .third { width:33%;} .fourth { width:25%;} .colMopageImage { width:70px;} .colMopageImage img { width:55px; height:auto; margin-top:4px; border-radius:8px;} .colMopageDesc { line-height: 120%; } .colLabels { width:100px; } .size3 .colMopageImage { width:40px;} .size3 .colMopageDesc { font-size:90%;} .size3 .colMopageButtons .buttonSmall { min-width: 80px;} .size3 .colMopageImage img { width:30px; height:auto; margin-top:0;} .colMopageButtons { width: 1%; padding:0.2em 0 0 1em; vertical-align: top; } .size3 .colMopageButtons { width: 90px; } .elementLinkRow .objImage { width:53px; } .elementLinkRow .objImage .mask { width:40px; height:40px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-left:6px; border-radius:20px} .elementLinkRow .notRounded .mask { border-radius:0;} .elementLinkRow .objImageBig { width:135px; height:100%; padding:0; vertical-align: top; } .elementLinkRow .objImageBig .mask { width:120px; height:100%; max-height:96px; background-size: cover; background-position: center; background-repeat: no-repeat; } .elementLinkRow .objImageBig img { width:120px; height:auto;} .elementLinkRow .objImageBigList, .elementLinkRow .wrapperIcon.objImageBigList { width:175px; height:100%; padding:0; vertical-align: top; } .elementLinkRow .wrapperIcon.objImageBigList { vertical-align: middle; text-align: center;} .elementLinkRow .wrapperIcon.objImageBigList .badgeIcon { display:inline-block; margin:0;} .elementLinkRow .objImageBigList .mask { width:160px; height:110px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and ( max-width: 480px ) { .elementLinkRow .objImageBig { width:28%; } .elementLinkRow .objImageBig img { width:80%; height:auto;} .elementLinkRow .objImageBig .mask { width:85%; height:60px;} .elementLinkRow .objImageBigList, .elementLinkRow .wrapperIcon.objImageBigList { width:30%; height:100%; } .elementLinkRow .objImageBigList .mask { width:85%; height:60px; } } .distance { font-size:12px; } .elementLinkRow .distance { font-size:90%; } .elementModuleSearch .distance { font-size:80%; font-weight:normal; } .elementLinkRow .geoInfo { } .elementLinkRow .eventcount { margin-left:-0.6em;background:url(/appl/grfx/bg_button.png) repeat-x top #cecece; border:1px solid #aaa; border-radius: 13px; display:inline-block; line-height:24px; width:24px; height:24px; text-align:center; font-size:11px; color:#444;} .elementLinkRow .cats { word-break: break-all; font-size: 90%; } .elementLinkRow .rating { margin-bottom:3px; white-space:nowrap; clear:right; font-weight:normal; font-size:85%; } .elementLinkRow .rating .star, .list .rating .star { margin-right:0; height:9px; width:auto; vertical-align: 5%; } /* description column */ .elementSearch .elementLinkRow .text { font-weight: normal; overflow-wrap: break-word;} .elementSearch .colDescription { font-weight:normal; } .elementLinkRow .colDescription { position: relative;} .pguideResList .withText .colDescription { vertical-align:top; } .elementLinkRow .colDescription input { position:absolute; right:0; } .elementGeofenceAboList .elementLinkRow .colDescription input { position:absolute; right:0; top:8px; } .elementGeofenceAboList .elementLinkRow .dummyRow { padding-right:0; } .elementSearch .widthRes1 { width:72%; } .elementSearch .widthRes2 { width:80%; } .elementSearch .widthRes3 { width:82%; } .elementSearch .widthRes4 { width:89.5%; } .elementSearch .widthRes6 { width:85%; } .elementSearch .catCaption { clear:both; background-color:#bbb; margin:1em 0 0.4em 0; padding:0.2em 1em 0.2em 0.5em; } .elementSearchOptions { clear:both; text-align:left; margin-top:0.3em;} span.term { background-color: #faeb2a; border-radius: 0.2em; } .elementSearch .listUserImage { text-align: right;} .elementSearch .listUserImage .profileImg { display:inline-block; width:20px; height:20px; float:none; margin:0; border-radius:10px; } .elementSearch .searchNoMatches, .searchNoMatches { opacity: 0.3; letter-spacing: 0.1em; font-size:90%; text-align: center; padding:1em 0 1em 0; } .elementSearch #searchLoading { margin-top:1em; text-align: center;} .elementSearch .fetchMore { background-color: #f8f8f8; margin-top:1em; } .elementSearch .fetchMore a { display:block; height:40px; padding-top:8px; text-align: center; color:#888!important; font-size:30px; } .contentAfterSearchForm { margin-top:0!important;} .elementModuleSearch + .contentAfterSearchForm .elementLinkRowFirst { border-top:none!important;} .elementSearch .catIcon { width:14px; height:14px; vertical-align: middle; margin-right:0.1em;} /* ======================== | servicelist ///////// ======================== */ .elementServiceList .serviceicon { float:left; width:15%} .elementServiceList hr { border:none; border-top:1px solid #787576;} /* ======================== |Nav Tree left /////// ======================== */ .elementNavTree { background-color:#e7e7e7; margin-top:1px;} .elementNavTree { -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px;} .elementNavTree ul, .elementNavTree li { padding:0 0 0 0; margin:0 0 0 0; list-style:none; } .elementNavTree li { } .elementNavTree a { font-size:13px; font-weight:bold; color:#626262; text-shadow:0px 1px 0px #fff; display:inline-block; min-height:16px;} .elementNavTree a:hover { color:#000; } .elementNavTree a.selected, .elementNavTree a.open { color:#006ead; font-weight:bold; } .elementNavTree a.open { } .elementNavTree a.icon { padding-left:26px; background-repeat:no-repeat; background-position:center left;} .elementNavTree ul.hidden { display:none; } .elementNavTree .elementNavitem { margin:0 18px 0 18px; padding:8px 0 8px 0;} .elementNavTree hr { margin:0 18px 0 18px; padding:0 0 0 0; border:none; border-top:1px solid #c1c1c1; border-bottom:1px solid #fff;} /*level 1*/ .elementNavTree ul li { list-style:none; } /*level 2*/ .elementNavTree ul ul { background-color:#f6f6f6; padding:10px 0 10px 0; } .elementNavTree ul ul li { list-style:none;} .elementNavTree ul ul li .elementNavitem { margin:0 18px 0 18px; padding:3px 0 3px 0;} .elementNavTree ul ul { margin-left:0em;} .elementNavTree ul li li a { font-size:11px; color:#444; font-weight:normal; text-shadow:none; } .elementNavTree ul li li a.selected { font-weight:normal; } /* ======================== | MYHOME /////////////// ======================== */ .elementMyHome .title { margin-bottom:0.8em;} .elementMyHome .pguideResList .title { font-size:1em; margin-bottom:0em;} .elementMyHome .colsMyhome .title { font-size:1em; margin:0.4em 0 0 0; } .elementMyHome .colsMyhome .icon { margin:0.2em 0em 0em 0em;} .elementMyHome .colsMyhome .thumb { float:none; margin:0.2em 0em 0em 0em;} .elementMyHome .colsMyhome .rowFullWidth { float:none; } .elementMyHome .pguideResList .even { background-color:inherit!important; } .elementMyHome .pguideResList .odd .containerLead { float:left; } .elementMyHome .pguideResList .odd .thumb { float:right; } .elementMyHome .pguideResList .lead { font-weight:bold; margin-bottom:0.5em;} .elementMyHome .pguideResList .text { display:inline; } .elementMyHome .elementRootFavs .row { float:none; width:auto!important; margin:0 0 0 0; padding:0.5em 0 0.5em 0; } .elementMyHome .elementPromoMyhome .title { font-size:1em;} .elementMyHome .elementResultBlock { margin-bottom:0.8em; } /* ======================== | elementPollstats ///// ======================== */ .elementPollstats { } .elementPollstats .yes, .elementPollstats .no, .elementPollstats .pending { padding:0 0.5em 0 0.5em; font-size:90%; } .elementPollstats .yes { background-color:#def4c0; color:#4f8d1a;} .elementPollstats .no { background-color:#fcb8bb; color:#d2001a;} .elementPollstats .pending { background-color:#ccc; font-style:italic; } .elementPollstats .equal { font-style:italic; } .elementPollstats .countdown{ font-size:90%; line-height:1.95em; color:#fff; background-color:#06C; margin-top:-0.8em;} .moapp .elementPollstats .countdown{ margin-top:0;} .elementPollstats .state { margin:0.3em 0 0.3em 0;} .elementPollstats .resultText { margin-top:0.8em;} .elementPollstats .attachments { background-color:#eee; } /* stats bars */ .elementPollstats .statsbar { margin-top:0.3em; width:90%;} .elementPollstats .statsbar .bar { display:block; border:1px solid #333; min-width:0.5em; line-height:10px; } .elementPollstats .statsbar .yes { background-color:#def4c0; } .elementPollstats .statsbar .no { background-color:#fcb8bb; } .elementPollstats .statsbar .pending { background-color:#ccc; } .elementPollstats .wrapperBars { margin:0.5em 0 0.5em 0;} .elementPollstats hr { border:none; border-top:1px solid #ccc;} .elementPollstats .list .item { margin:0.75em 0 0.75em 0; } .elementPollstats .list .item a.detailLink { display:block; color:inherit; background: url(/appl/grfx/bg_goto.png) no-repeat right center; } /* ======================== | mmw:Institution ////// ======================== */ .elementInstitution { margin:0 0 1em 0; padding:0em 0em 0em 0em;} .elementInstitution .row { margin:0 0 9px 0!important; padding:0 0 0 0!important; } .captionInstitutionBlock { background-color:#d1d1d1; margin:0 0 0em 0; font-size:90%; color:#666; text-shadow:0 1px 0 #fff; display:inline-block; padding:0.4em 0.8em 0.2em 0.8em; } .buttonRow img, .buttonRow svg { vertical-align:-20%; height:16px; width:auto; padding-right:0.7em; } .button img { vertical-align:-8%; height:16px; width:auto; padding-right:0.5em; } .elementInstitution .info strong { color:inherit;} /* button row */ .elementInstitution .button, .buttonRow { width:100%; max-width:337px; line-height:20px; background:none #858585; border-radius:10px; padding:10px 0.65em 10px 0.8em; color:white!important; font-size:13px; font-weight:normal; display:block; border:none; text-align: center; } @media screen and ( max-width: 400px ) { .buttonRow { max-width: none; } } .mobile .mmw .buttonRow { background:none repeat-x top #858585; } .elementInstitution span.button, span.buttonRow, span.button { background-color:#666; opacity: 0.5; } .buttonRow, .button { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .alignCenter { text-align: center;} .elementInstitution .addInfo { margin:0 0 1em 0; } .elementInstitution .addInfo .titleSmall { margin:0; padding:0; } .elementInstitution .legend { margin:0.2em 0 0.4em 36px; font-size:90%; } .elementInstitution label { font-size:90%; opacity: 0.4; letter-spacing: 0.1em; margin-top:1em; display: block;} .elementGeoButtonLegend { text-align:right; margin-bottom:1em;} .elementInstitution .containerSiblings { } .elementInstitution .rowSibling { margin:4px 0 0 0;} .elementInstitution .rowSibling a { display:block; background-color:#777; color:#fff!important; text-align:center; font-size:100%; padding:0.5em 0.8em 0.5em 0.8em; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} .elementInstitution .elementAudioPlayer { padding:0em 0 0em 0; } .elementInstitution .elementAudioPlayer audio {width:100%; padding:0; margin:0; } /*ne gray box with 3 buttons in a row*/ .elementInstitutionNew { margin:0em 0 1.5em 0; background-color:#d1d1d1; padding:0.5em 0.7em 0.5em 0.7em;} .elementInstitutionNew .row { width:30%; margin-left:0.3em!important; margin-right:0.3em!important; float:left; margin-bottom:0.5em; margin-top:0.5em; } .elementInstitutionNew .rowInfo { clear:both; text-align:left; padding:0 0.3em 0.5em 0.3em; font-size:0.9em; } .elementInstitutionNew .spriteVisibility { vertical-align:baseline; margin-right:0.2em; font-size:1.2em; } .elementInstitutionNew .pseudoButton { padding:0.3em 0 0.3em 0; display:block; text-align:center; border:1px solid #aaa; } .elementInstitutionNew .icon img { vertical-align:top; } .elementInstitutionNew .info { float:none; margin-top:0.4em; text-align:center; font-size:0.8em; } .elementInstitutionNew .elementGeoButtonLegend { clear:both; text-align:right; margin-bottom:1em;} .elementRemoteImage { margin:0 0 1em 0;} /* ======================== | geofilters ////// ======================== */ .mobile .elementGeoFilter { margin-bottom:0.7em; margin-top:0em; } /*.mobile .moapp .elementGeoFilter{ margin-top:0; }*/ /*.mobile .noNavTrail .elementGeoFilter { margin-top:-0.7em;}*/ .yourPosition img { height:11px; width:auto; margin:2px 0.4em 0 0; vertical-align: top;} .mobile .elementGeoFilter .elementSearchbar { height:auto; padding-bottom:0.45em; padding-top:0.3em; background-color:#bbb;} .mobile .elementGeoFilter .elementSearchbar .inputLine { width:77%; vertical-align:middle;} .mobile .elementGeoFilter .elementSearchbar .inputFull { width:85%; vertical-align:middle;} .mobile .elementGeoFilter input.magnifier { margin-top:3px; vertical-align:middle; } .elementGeoFilter .selected .pseudoButton { font-style:normal; } .mobile .elementGeoFilter .pseudoButton { padding-top:5px; padding-bottom:5px; vertical-align:middle;} .elementGeoFilter .locate { display:inline-block; height:17px; margin-top:5px; vertical-align:middle; margin-right:0.5em;} .elementGeoFilter .elementDidYouMean { padding-top:0.5em; padding-bottom:0; } .elementGeoFilter .elementDidYouMean .error { margin-bottom:0.4em;} .elementGeoFilter .elementDidYouMean .country { float:right; font-size:90%; line-height:150%; } .elementGeoFilter .elementDidYouMean .pseudoButton { margin-top:0; } /* ======================== | module Search ////// ======================== */ .mobile .elementModuleSearch .elementGeoFilter { margin-top:0!important; padding-bottom:0; margin-bottom: 0; } .mobile .elementModuleSearch { } /*.mobile .noNavTrail .elementModuleSearch { margin-top:-0.5em; }*/ .mobile .noNavTrail .bannerThumb .elementModuleSearch { } .mobile .elementModuleSearch .elementSearchbar { background-image:none; background-color:inherit; padding-top:12px; padding-bottom:18px; } /*.size6 .topImage .elementModuleSearch .elementSearchbar { border-top:1px solid #ccc;}*/ .elementModuleSearch .currentPosition { border:none; } .size6 .topWeather .elementModuleSearch .elementSearchbar { border-top:none;} .mobile .elementModuleSearch .elementSearchbar .inputLine { -webkit-appearance: none; border:1px solid #dddddd!important; background-image: none!important; border-radius: 6px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height:30px; line-height:30px!important; font-size:86.66%; margin:0!important; padding:0 30px 0 10px!important; width:calc(100% - 40px); vertical-align:middle; } .elementModuleSearch .go { background: url(/appl/grfx/search_submit.png) center no-repeat #858585; background-image: -webkit-image-set(url(/appl/grfx/search_submit.png) 1x, url(/appl/grfx/search_submit2x.png) 2x); color:white; margin-top:0px; float:right; border:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height:30px; width:30px; border-radius: 6px; } .currentPosition { background-color: #e0e0e0; margin-bottom: 1px;} .currentPosition .colDescription { font-weight:normal;} .blue, .blue * { color: #317cc6; } .orange, .orange * { color: #cf622b; } .mmw .currentPosition a, .mmw .currentPosition .dummyRow { padding-top:3px; padding-bottom:3px; font-size:86.66%; line-height:110%; min-height:20px; } .currentPosition .wrapperIcon { text-align: left; } .currentPosition .wrapperIcon img { height:19px; width:auto; margin-left:3px;} .nolink a { cursor:default; background-image: none!important;} /*inputline shorter if in cms preview mode*/ .mobile .cmsPreview .elementModuleSearch .elementSearchbar .inputLine { width:82%; } /* no locator searchbar */ .mobile .elementModuleSearch .noLocator .elementSearchbar .inputLine { width:100%; } .elementModuleSearch .elementSearchbar .reset { height:26px; width:20px; vertical-align:middle; padding:0; margin:0 0 0 -23px; background-image: none; } .elementSearchbar .reset .fa {font-size:20px; line-height:20px; margin-top:3px; color:black; opacity: 0.3; } /* title bar top */ .elementTitle { min-height:21px; line-height:21px; font-size:1.5em; font-weight:bold; margin-bottom:0.8em; padding-top:8px; } .marginTopTitle { margin-top:8px; line-height:21px;} .elementModuleSearch .elementTitle { position:relative; z-index:1; margin-top:0.25em;} /* order/filter buttons */ .elementSearchOrderOptions { background:#bcbcbc; padding-top:0px; padding-bottom:8px; text-align:left; min-height:24px; } .elementSearchOrderOptions .pseudoButton { min-width:12.7%; margin-right:0.25em; margin-left:0.25em; margin-top:0; margin-bottom:0; } .size1 .elementSearchOrderOptions .pseudoButton { width:13%; font-size:80%;} .size2 .elementSearchOrderOptions .pseudoButton { width:14%;} .size6 .elementSearchOrderOptions .pseudoButton { width:20%;} .elementMapButton { margin:10px 0 10px 0;} .elementLocatorButton { padding-top:10px; padding-bottom:10px;} .elementModuleSearch .locate { display:inline-block; margin:0; height:24px!important; line-height:32px; } .elementModuleSearch .locate img { width:16px; height:16px; } /* listing */ .elementModuleSearch .elementHistoryList .row { padding-top:0.7em; padding-bottom:0.7em;} .elementModuleSearch .widthRes1 { width:84%; } .elementModuleSearch .widthRes2 { width:88%; } .elementModuleSearch .widthRes3 { width:91%; } .elementModuleSearch .widthRes4 { width:89%; } .elementModuleSearch .widthRes6 { width:96%; } /*.mobile .elementSetPosition .elementSearchbar .inputLine { width:82%;}*/ .elementModuleSearch .yourPosition { border-top:none; font-size:80%;} .elementModuleSearch .leadText, .elementModuleSearch .mobileText { margin-top:0.5em; margin-bottom:0.5em;} /* ======================== | element Streetselector / ======================== */ .elementStreetSelector { margin:0 0 1em 0; } .mobile .elementStreetSelector .elementSearchbar { border:none!important; padding:0 0 1em 0; } .elementStreetSelector .ajaxResultContainer { margin:1em 0 2em 0;} .elementStreetSelector .ajaxResultContainer .elementLinkRow a { } .elementStreetSelector .ajaxResultContainer .elementLinkRow a img { opacity:0.7; } .streetNoService { color:#cc0000; font-style: italic; font-weight:normal; float:right; font-size:85%; } /* ======================== | shop obj ////// ======================== */ .shopItem .prodImage { text-align:center; } .shopItem .thumb { float:none!important; } .elementShopNav { text-align:center; margin-bottom:0.5em;} .elementShopNav .pseudoButton { margin-top:0em;} .elementShopNav .addOptions { display:inline;} .elementShopNav .addOptions a { margin:0 0.9em 0 0.9em;} .elementShopFavlist { padding-top:0.7em;} .elementFavlistOnly .elementShopFavlist { padding-top:0;} .elementShopFavlist .row { margin:0.3em 0 0.3em 0} .elementShopFavlist .caption { float:left; margin-top:1.6em; } .elementFavlistOnly .elementShopFavlist .caption { float:left; margin-top:1.7em; } .elementShopFavlist .options { margin-top:1.3em;} .elementShopFavlist .options a { margin:0 0.3em 0 0.3em; } .elementFavlistOnly .elementShopFavlist .options { margin-top:1.2em; } .elementShopFavlist .hilite { color:#222; padding:0.2em 0 0.2em 5px; margin-bottom:0.8em;} .elementShopArticleAmount { text-align:center; font-weight:bold; padding:0.4em; font-size:90%;} /* ======================== | sibling cat list /// ======================== */ /* cat management */ .elementEditCatList .rowInner { line-height:140%!important;} .elementEditCatList .row { padding:0.2em 0 0.2em 0!important; } .elementCatList .row a { display:block; color:#000; font-weight:bold; padding:0.8em 65px 0.8em 0; background: url(/appl/grfx/bg_goto.png) no-repeat right center; } .elementCatList .row img.thumb { float:right; } .elementEditCatList .icon { width:39px!important; } .elementEditCatList .icon img, .elementEditCatList .icon .placeholder { width:24px; height:24px; opacity:0.85; filter: alpha(opacity = 85);} .elementEditCatList .icon .placeholder { display:block; background-color: #ccc; text-align: center; line-height:0; margin-top: 0.4em; border-radius: 2px;} .elementEditCatList .icon .placeholder .caption { display:block; color:#222; font-size:0.4em; line-height:110%; text-align: center; padding-top:0.35em;} .elementEditCatList .tdCatIcon { vertical-align: top!important; padding-top:0.4em; } .elementEditCatList .mainCat { font-weight:bold; } /*cat/Obj list*/ .elementCatRow { background-color:#888; padding-top:0.4em; padding-bottom:0.4em; margin-bottom:1px; } .elementCatRow a.cat { display:block; color:#fff!important; font-weight:bold; background-color: inherit; } .elementCatRow a:hover { color:#ccc!important;} .elementCatRow .all { float:right; display:inline-block; background-color:#555; color:#fff; font-size:0.9em; padding:0.2em 0.5em 0.2em 0.5em; -moz-border-radius:8px; -webkit-border-radius:8px; text-shadow:none; font-weight:normal; } .elementCatObjList .row a { display:block; padding-top:0.4em; padding-right:3em; padding-bottom:0.4em; background: url(/appl/grfx/bg_goto.png) no-repeat 98% center } .elementCatObjList .borderTop { border-top:1px solid #ccc!important; } /* ======================== | event list /// ======================== */ .wrapperExcerpt { margin-bottom:1.5em;} .searchFilters ~ .wrapperExcerpt { margin-top:1.5em;} .elementEventList .groupCaption, h2.groupCaption { background-color: white; padding:1.5em 0 1em; font-weight: bold; font-size:140%; margin-right:-19px;} h2.groupCaption { background-color: inherit; width:100%;} .altListMode .elementEventList .elementLinkRow { border-bottom:none; } .elementEventList .borderBottom { border-bottom:1px solid!important; } .elementEventList .odd { background-color:#f2f2f2; } .elementEventList .even { background:none; } .elementEventList .row { } .elementEventList .row a { display:block; padding:0.7em 3em 0.7em 5px; color:#111!important; background:url(/appl/grfx/bg_goto.png) no-repeat right center; } .elementEventList .caption { font-weight:bold; } .elementEventList .date, .elementEventList .location { font-weight:normal; font-size:90%; color:#666; } .elementEventList .multiday { color:#c00;} .elementEventList .elementPaging { margin-bottom:0;} .captionDate { color:#222; font-size:80%; background: #f1f1f1; padding-top:0.25em; padding-bottom:0.25em; margin:1px 0; } /*.captionDate:first-of-type { margin-top:-1px; }*/ /*eventlist on single event*/ .elementEventDates { clear:both; } .elementEventDates a.icalLink { color:inherit!important;} .elementEventDates .row { padding:0.6em 0 0.6em 0; } .elementEventDates .weekday { display:inline-block; width:1.3em;} .elementEventDates .day { display:inline-block; width:1.5em;} .elementEventDates .month { display:inline-block; width:1.5em;} .elementEventDates .year { display:inline-block; width:2.4em;} .elementEventDates .tdIcon { width:45px; } .elementEventDates .badgeIcon { margin-right:0; } /*.elementEventDates .row * { vertical-align:middle; }*/ /*.elementEventDates .row { border-bottom:1px solid #ccc; }*/ /*.elementEventDates .firstRow{ border-top:1px solid #ccc; margin-top:0.5em; }*/ .elementEventDates .addDate { height:14px; width:auto; margin-left:1em; } .elementEventDates .addDate .gi { font-size: 150%; } .elementEventDates .addDate img.iconAdd { height:16px; width:auto; } .elementEventDates .tdCheckbox { width: 3em; text-align: right; vertical-align: middle; padding-top:0.3em!important;} .elementEventDates .exception { background-color: #fff0dd!important; margin-bottom:1px;} /*.elementEventDates .exceptionNote { display:inline-block; background-color: #aaa; color:white; font-size:70%; padding:1px 5px 1px 5px; line-height: 160%; border-radius: 6px; margin-left:1em; white-space: nowrap;}*/ .elementEventDates .exceptionNote { display:inline-block; border:0.5px solid #e00; color:#e00; font-size:70%; padding:1px 5px 1px 5px; line-height: 160%; border-radius: 6px; margin-left:1em; white-space: nowrap; text-transform: uppercase;} .elementEventDates .exceptionNoteText { } .elementEventDates .hiddenDate { display:none!important; } .elementEventDates .colAddDate { width:2.5em;} .elementEventDates .colDay { width:2em;} .elementEventDates .availableSlots { margin:0.2em 0 0 -0.1em;} /* geo onfo on event obj*/ .elementEventLocation .containerImage { padding-right:1em; padding-top:0.2em; float:left; } .elementEventLocation .containerText { float:left;} .elementEventLocation .theRow a { padding:0!important;} /*.elementEventLocation a.rowInner { padding-top:0!important; padding-bottom:0!important}*/ .elementEventLocation .theRow .td.map, .elementEventLocation .theRow .td.imageMask { height:60px;} .elementEventLocation .theRow .td.imageMask {border-radius:50%; width:60px; } /* ======================== | departures /// ======================== */ .elementDepartureTable { width:100%; background-color:#003997; border-spacing: 0; } .elementDepartureTable td { color: white; padding:4px 10px 4px 10px; border-bottom:1px solid #7190c6; } .hairlines .elementDepartureTable td { border-bottom:0.5px solid #fff; } .elementDepartureTable .header td { background-color:#ffe43b; color: black; font-weight:bold; } .elementDepartureTable .lite { opacity:0.7; font-size:80%; color:white; } .elementDepartureTable .dir { font-weight:bold; } .elementDepartureTable .type { width:20%; } .elementDepartureTable .time { width:20%; } .elementDepartureTable .info { width:60%; } .elementDepartureTable .more td { text-align: center;} .elementDepartureTable .more td a { display:block; color:white!important; line-height:38px; } /* ======================== | toggler /// ======================== */ a.toggler, a.togglerBlank { display:block; height:1.3em; margin:-1em 0 1em 0; background: url(/appl/grfx/toggler_down2x.png) center no-repeat ; background-size:8px 6px; } a.togglerBlank { margin:0.3em 0 0 0;} a.togglerExpanded { background: url(/appl/grfx/toggler_up2x.png) center no-repeat; background-size:8px 6px; margin-bottom:0em; } .titleToggleContainer { padding:0.6em 0 0.3em 0; font-weight: bold; } .toggleContainer { margin-bottom:1em; padding:0.5em 0 0.6em 0; } .blockTitle { font-weight: bold; margin:0 0 0.6em 0; padding:0 0 0.4em 0; } .sfBlock .tag { background-color: white;} /* ======================== | push gui /// ======================== */ .elementPushHistory { font-size:85%; width:100%; border-spacing: 0px;} .elementPushHistory .headerRow td { font-weight:bold; font-size:95%; } .elementPushHistory td { padding:0.5em 0.8em; vertical-align:middle; height:20px;} .elementPushHistory .lite { color:#555; } .elementPushHistory .col2 { width:1%; text-align: center; } .elementPushHistory .col3 { width:1%; } .elementPushHistory .gray { opacity:0.7; } .elementPushHistory .profileImg { width:18px; height:18px; border-radius:3px; } .elementPushHistory .activeMsg td:first-of-type {position: relative; } .elementPushHistory .activeMsg td:first-of-type { border-left: 10px solid #5ebc25;; } /* ======================== | FORMS /////////////// ======================== */ form { padding:0 0 0 0; margin:0 0 0 0;} /*multi forms container (used on login/reg view)*/ .elementMultiForms { } .elementMultiForms .divider { border-top:0.3em #fff dashed; margin-bottom:0.8em; } .elementMultiForms .hiliteLite { background-color:inherit; padding:0; } .elementMultiForms .hiliteLite .hiliteLite { padding:0;} .inputLine, .inputField { font-size:11px; margin:0 0 0 0; font-family:Verdana, Geneva, sans-serif; } .elementForm .high { height:8em;} .elementForm .higher { height:12em;} /* .inputButton { font-size:1em; font-weight:bold; border:1px solid #333; padding:0.1em 0em 0.2em 0em; background-color:#efefef; text-align:center!important; } */ .inputButton { padding:0.1em 0em 0.2em 0em; text-align:center!important; -webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em; } .inputCheckbox { width:auto; vertical-align:middle; } .inputRadio { width:auto; vertical-align:text-bottom; } .disabled { color:#888!important;} .blockDisabled { opacity:0.4;} .buttonOrder { margin:0.5em 0 0.5em 0;} .elementForm .list { width:auto!important; background-color:#e7e7e7; margin:0; padding:0.7em 0.7em 0.5em 0.7em; } .elementForm .list .hilite { padding:0 0 0 0; } .elementForm input.inputField, .elementForm textarea.inputField, .elementForm input.inputLine, .elementForm textarea.inputLine, .elementForm .inputFieldSmall { border:none; min-height:23px; padding-left:0.5em; padding-right:0.5em; border-bottom:1px solid #fff; } /*hilited field*/ .elementForm .inputHilited { background:none #b00!important; color:#fff;} .elementForm .title { } .elementForm .pguideViewDetails { margin-bottom:15px; } .list .term { margin:0em 0em 0.2em 0em; } .list .desc { margin:0em 0em 0.6em 0em; } .list .rowMid { margin:0.3em 0em 0.3em 0em; } .list .row { margin:0em 0em 0em 0em; padding:0.2em; } .elementForm .inputLine, .elementForm .inputField { width:95%;} .elementForm input.inputSmall { width:20%; } .elementForm input.someChars { width:4.5em;} .elementForm input.time { width:4.5em;} .elementForm input.date { width:7em;} /*floating textarea*/ .elementForm .floatThumb { float:right; width:70%!important;} /*lists*/ .list .selected { font-style:italic; color:#888; } .list .right { text-align:left; } .list .rright { text-align:right; } .list .hiliteLite .right:not(.alignLeft) { text-align:right; } /*recommend form*/ .indent { margin-left:1.65em;} .error { color:#CC0000!important; font-weight:bold; } .success { color: #2cb12c; } .pending { color: #09cbee; } .captchaImage { width:100%; margin:2px 0px 2px 0px; } .pguideResList .captchaImage {width:100%; margin-bottom:2px; } /*labels*/ .blockLabels label, .blockLabels .selected { display:block; margin:0 0 0.3em 0; background-color:#fff; padding:0.2em;} .mopagecms .blockLabels label { margin:0 0 0.2em 0; padding:0em;} .blockLabels .selected { padding-left:2em; } /*formprocessor*/ .elementForm { clear:both; } .elementForm .inputButton, .elementFormDefault .inputButton, .elementForm .inputButton { width:48%!important; width:46%; } .elementForm .autoSize { width:auto!important;} .elementForm .inputDisabled { color:#888;} .elementForm .additionalDescription { font-size:85%; font-style:italic; } .pguideViewDetails .textSuccess { margin-top:0px; } .elementForm .half { width:48%;} .elementForm .input34 { width:70%!important; max-width:250px; } .elementForm .inputHalf { width:45%!important; max-width:170px; } .elementForm .inputLeft { width:60%!important; } .elementForm .inputSmall{ width:30%!important; max-width:90px; } .elementForm .inputMid { width:37%!important; max-width:140px; } .elementForm .inputAuto { width:auto!important;} .elementForm select.inputSmall{ width:30%!important; max-width:130px; } /* multiselect list*/ .multiSelect { width:100%; } .fullWidth { width:100%; max-width: unset!important; } /*indent for radio/checkbox option groups*/ .elementForm .elementRadio input { float:left; } .elementForm .elementRadio label { display:block; width:80%; float:right;} .elementForm .elementRadio .pguideViewDetails { display:block; margin-left:2.4em;} .desc .pguideViewDetails .row { margin-bottom:0; padding-bottom:0;} /* radio buttons/labels */ .elementPushChannels .radio label, .elementPushChannels .radio .label { display:block; height:40px; line-height:39px; overflow: hidden; } .elementForm .radio label { display:block; } .elementForm .radio label input { margin-right:0.85em;} .pushChannelList .tdRadio, .elementGeofenceAboList .tdRadio { width: 60px; } .pushChannelList .elementLinkRow { border:none; } /* app tabs in push admin gui*/ .radioTabs { } .radioTabs label, .elementFormNew .radioTabs label { display:inline-block; padding-top:0.6em; padding-bottom:0.4em; width:80px; font-size:80%; font-weight:normal; text-align:center; margin:0 8px 7px 0; border-radius:0.4em; } .radioTabs .last { margin-right:0; } .radioTabs label img { display:block; height:20px; margin:0 auto 0.4em auto; opacity:0.6; } .elementFormNew .radioTabsVertical label { display:block; padding:0.2em; margin:0 2px 3px 0; background-color: #eee; font-weight:normal; } .radioTabsVertical label img { width:18px; height:auto; opacity:0.6; alpha(opacity=60); vertical-align: middle; margin:0 0.5em 0 0.5em; } /* checkboxes: alternative checkboxes (radio) */ .altCheckboxes { font-size:0.8em; color:#666; padding-left:2.3em; font-style:italic; } /*past magazines*/ .elementForm .desc .mag { float:left; width:30%; background-color:#eee; margin:0em 1em 1em 0em; padding:0.6em; font-size:80%;} .elementForm .desc .lastCol { margin:0em 0em 1em 0em;} .elementForm .desc .mag img.thumb { width:auto; max-width:100%; height:auto; float:none; } /* USER SETTINGs FORM */ .userSettings div.list div.small .inputButton { width:5em!important;} .userSettings div.list div.desc { margin:0px 0px 5px 0px;} .userSettings div.list div.desc .inputField { width:96%;} .elementForm .option label { display:block; } .elementForm hr.divider { margin-top:0em; margin-bottom:0em;} /* textarea char counter */ .charleft { font-size:90%; color:#888; width:100%!important; text-align: right; } .warningTextareaInfo { color:#F60;} /* liste with divider lines between rows */ .listlines .row { padding:0.5em 0 0.5em 0; margin:0.5em 0 0.5em 0; border-bottom: 1px solid #ccc; } .listlines .row:first-of-type { border-top: 1px solid #ccc; } .listlines label { display: block; margin-bottom:0.3em; font-weight:bold; } /* ================================================================================================================================================ | MOBILE OVERRIDES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ================================================================================================================================================ */ body.mobil { text-align:center; } .mobile .blockMain { background-image:none; text-align:left; overflow:hidden; } .mobile .blockTop { position:fixed; top:0; margin:0; width:100%; height:43px; } .moapp .blockTop { position:relative; } .mobile .wrapperContent { padding-bottom:0px;} .mobile .wrapperMid { margin-top:44px; position:relative;} .moapp .wrapperMid, .embedded .wrapperMid { margin-top:0;} .mobile .topImage .wrapperMid { margin-top:0!important;} .colNavigation { position:sticky; top:90px;} .mobile .topImage .colNavigation { margin-top:0} .size6 .topImage .elementBackLinkModule { padding-top:0} .size6 .cug .elementBackLinkModule { padding-top:0.6em;} .mobile .topImage .colFuncs .blockStaticRight:first-of-type { margin-top:0!important; border-top:1px solid #ccc; padding-top:0.65em;} .mobile .topImage .colFuncs .elementInstitution:first-of-type { margin-top:0!important; } .mobile .cug .colFuncs .elementInstitution:first-of-type { margin-top:1em!important; } /*searchbar*/ .mobile .elementSearchbar { -moz-border-radius:0; -webkit-border-radius:0; } /*servicelist*/ .mobile .elementServiceList .description { float:none; width:100%;} /* element link rows ********************/ .elementLinkRow { border-bottom:1px solid #ccc; } .elementLinkRowFirst { border-top:1px solid #ccc; } .mobile .noObjContent .elementLinkRowFirst { border-top:none; } .size6 .topImage .elementLinkRowFirst { border-top:1px solid; } /*.elementLinkRow .linkRow, .elementLinkRow a { min-height:24px; padding-top:11px; padding-bottom:10px; display:block; color:#000; font-weight:bold; font-size:100%; padding-right:1.8em; background:no-repeat 100% center; background-image: url(/appl/grfx/bg_goto_ios7.png); background-image: -webkit-image-set(url(/appl/grfx/bg_goto_ios7.png) 1x, url(/appl/grfx/bg_goto_ios7_retina.png) 2x); }*/ .elementLinkRow .linkRow, .elementLinkRow a:not(.feEditButton) { min-height:24px; padding-top:11px; padding-bottom:10px; display:block; color:#000; font-weight:bold; font-size:100%; } .elementLinkRow .td.arrow { width:30px; text-align: right; color:inherit; font-weight:normal;} .elementLinkRow .td.arrow .gi { font-size:13px;} .elementLinkRow .dummyRow { display:block; padding-top:10px; padding-bottom:10px; min-height:24px; padding-right:1.8em; font-weight:bold; } .elementLinkRow .elementNum { float:right;} .elementLinkRow .selected { opacity: 0.5; filter:alpha(opacity=50);} .redMode { opacity:0.3; filter:alpha(opacity=30); } .elementLinkRow .arrowText { font-weight: normal; } .elementLinkRow .ctcomment, .ctcomment { font-size: 85%; margin-bottom:3px; font-weight:normal; } .ctcommentdetail { margin-top:0.5em; font-size: 95%; clear:right;} div .ctcomment .fa { vertical-align:5%; font-size:80%; opacity:0.8; padding-left:0.2em; } .ctcommentdetail .gi { vertical-align:-3px; font-size:110%; } .indicator { display:inline-block!important; float:right; margin-left:5px;} /* no link arrow on the right */ .elementLinkRowNoArrow a { background-image: none!important; padding-right:0; } /* single a tag link row*/ .linkRowUser { display:block; margin-left:-19px; margin-right:-19px; min-height:42px; line-height: 42px; padding-right:1.8em; padding-left:19px; border-bottom:1px solid #ccc; color:#000!important; font-weight:bold; font-size:100%; background:no-repeat calc(100% - 19px) center; background-image: url(/appl/grfx/bg_goto_ios7.png); background-image: -webkit-image-set(url(/appl/grfx/bg_goto_ios7.png) 1x, url(/appl/grfx/bg_goto_ios7_retina.png) 2x); } .size3 .linkRowUser { background-position:94.5% center; } .linkRowUser:first-of-type { border-top:1px solid #ccc; } .elementPushChannels .elementLinkRow a, .elementPushChannels .elementLinkRow span { color:inherit; } .elementPushChannels .elementLinkRow .colRadio * { font-weight:bold;} .mopagecms .elementNum, .mopagecms .itemCount, .numBlue { color: #34c2ed; } .mopagecms .itemCount { padding:0;} .countBadge, .countBadgeBlue { background-color: #d00; color:white!important; border-radius: 8px; height:11px; min-width:7px; font-size:10px; font-weight:bold; line-height:11px; display:inline-block; padding:2px 4px 2px 4px; vertical-align:0.2em; text-align:center; letter-spacing: 0; } .countBadgeBlue { background-color: #34c2ed; } .countBadgeAbs { position:absolute; margin:-4px 0 0 -7px ;background-color: #d00; color:white; border-radius: 7px; height:10px; min-width:6px; font-size:8px; line-height:10px; display:inline-block; padding:2px 4px 2px 4px; vertical-align:0.2em; text-align:center; } .absBadge { position:absolute; vertical-align:middle; left:60%; top:-7px; } .mobile .absBadge { left:21px; top:-4px; } .tag .countBadge { vertical-align:0.1em; } /*whole sibling row clickable*/ .mobile .clickable { cursor:pointer; min-height:40px; padding-right:40px!important; background:url(/appl/grfx/bg_titlebar_link.png) no-repeat 96% center; } /*titlebar*/ .mobile .elementTitleBar { text-shadow:none; background-color:#c1c1c1; } .pguideViewDetails .elementTitleBar:first-child { } /* mopage booked list */ .mobile .elementBookedServices .row { padding-bottom:0.5em; margin-bottom:0.5em; } .mobile .elementBookConf .row { margin-bottom:0; } /* ======================== | FOOTER /////////////// ======================== */ .mobile .wrapperBottom .nav a { padding:0 0 0 0; font-size:90%;} .mobile .elementFooterFeSwitch { margin-bottom:0.3em;} .mobile .elementPoweredBy { padding-bottom:1.5em;} .elementFooterTablet { height:0; border-top:1px solid; margin-bottom:0.5em; } .footerAdminOptions { margin:0 auto 0 auto; padding:3em 0 1em 0; } .moapp .footerAdminOptions { margin-bottom:50px; } .footerAdminOptions .tag { font-size:11px!important; background: none; border:0.5px solid #ddd; font-weight:normal!important; color:#ccc; } .footerAdminOptions .tag:hover { color:#888;} .footerAdminOptions .tag:first-of-type { } /* ======================== | elementWeather /// ======================== */ .credits { font-size:0.9em; margin:1em 0 1.8em 0; } .elementWeather .credits img { height:24px; width:auto; vertical-align: middle; } .creditsReport { color:#888!important; } .creditsReport .gi { vertical-align: -0.05em; opacity: 0.5; } .elementWeather .elementLinkRow { border:none; } .elementWeather .elementLinkRow a { font-weight: normal; } .elementWeather .elementLinkRow .leftAuto { line-height:39px; font-weight: bold;} .elementWeather .elementLinkRow .rightAuto { line-height:39px;} .elementWeather .current .image { display:inline-block; min-width:50px; } .elementWeather .current { width:100%; } .elementWeather .current .wrapperIcon { width:40px; text-align: left; } .elementWeather .current .wrapperIcon .weatherIcon { height:31px; width:auto; margin:0;} .elementWeather .weatherIcon { height: 39px; width:auto; vertical-align: middle; margin:0 0.3em 0 0.3em;} .elementWeather .forecastDay { padding-top:0.4em; padding-bottom:0.4em; width:100%; } .elementWeather .forecastBlockWrapper { display: flex; justify-content: space-between; align-items: center; } .elementWeather .forecastBlockWrapper .arrow { } .elementWeather .forecastBlock { text-align:center; font-size: 85%; } .elementWeather .forecastBlock .image { margin:-0.3em 0 -0.1em 0;} .elementWeather .now { } /*.topImage .elementWeather .top { border-top:1px solid #ccc; }*/ .elementWeather .fancyAltList .elementLinkRow.theRow { padding:0.3em 19px;} /* week view */ .elementWeather .forecastWeek { line-height: 39px; } .elementWeather .forecastWeek .day { } .elementWeather .forecastWeek .date { } .elementWeather .forecastWeek .image { } .elementWeather .forecastWeek .temp1 { color:#888; } .elementWeather .forecastWeek .weatherIcon { height: 30px; width:auto;} /* day view */ .elementWeather .forecastDayDetail { } .elementWeather .forecastDayDetail .time { float:left; width:18%; font-weight:bold; line-height: 20px; margin:5px 0 5px 0; font-size:90%; } .elementWeather .forecastDayDetail .weatherIcon { height: 26px; width:auto;} .elementWeather .forecastDayDetail .blockWind .weatherIcon { height: 20px; width:auto;} .elementWeather .forecastDayDetail .blockTemp, .elementWeather .forecastDayDetail .blockWind { float:left; width:26%; text-align: center; margin-top:2px; font-size:85%; } .elementWeather .forecastDayDetail .blockWind { margin-top:4px; } .elementWeather .forecastDayDetail .blockTemp .temp {margin-top:-2px;} .elementWeather .forecastDayDetail .image { margin-bottom:0.2em;} .elementWeather .forecastDayDetail .blockStats { float:right; width:25%; margin-top:1px; font-size:80%;} .elementWeather .forecastDayDetail .blockStats img { height:12px; width:auto; margin-right:0.5em; vertical-align: middle; } /* ======================== | new bold headers /// ======================== */ h1, h2, .h2 { font-weight:bold; margin:0 0 0 0; padding:0; color:#3f3f3f!important; font-size:44px; line-height:130%; } h2, .h2 { font-size:1.3em; } .mobile .mmw h2 { padding-top:0.3em; font-size:1.3em; } .mobile .wrapperContent h1 { font-size:1.5em; margin-bottom:0.5em; } /*fullsizeimage*/ .imgfullsize { width:100%; height:auto;} /* ======================== | promo block info /// ======================== */ .elementPromo { margin-top: 0.6em;} .elementPromo .thumb { width:30%; max-width:100px; float:left; margin:3px 10px 10px 0; } /* ======================== | cms list // ======================== */ .elementCmsList .icon { width: 30px; } .elementCmsList .funcs { text-align: right; padding-left:1.5em; width:20%; } .elementCmsList .funcssmall { text-align: right; width:60px; } .elementCmsList .icon img { width: 20px; height:auto; } .elementCmsList .icon .profileImg { width: 30px; height:30px; } /* ======================== | async overlay // ======================== */ #darkenerFull { position:fixed; top:0; left:0; bottom:0; right:0; background-color: rgba(0,0,0,0.65); z-index: 1000; } #darkenerFull > .tb { width:100%; height:100%; padding:0 15px; } #taskWindow { position: relative; display:table; margin:0 auto 0 auto; box-shadow:2px 2px 20px -12px #000; padding:0 0 15px 0; z-index:1002; background-color: white; width:950px; border:none; border-radius: 10px; box-sizing: border-box; border-top-left-radius: 20px; border-top-right-radius: 20px; } .mmw #taskWindow { width:auto; min-width:290px;} #taskWindow.alertWindow { width: 450px; } #taskWindow .colFuncButton { width: 100px;} #taskWindow .wrapperPadding { padding:15px 15px 0 15px; } #taskWindowContentWrapper { clear:both; max-height:500px; overflow-y: scroll; } #taskWindow .noscroll { max-height: none!important; } #taskWindow .titleBar { height: 42px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding:0 15px 0 15px; color:white!important; background-color: #2595c3; line-height:42px;} .mmw #taskWindow .titleBar { background-color: #666; } #taskWindow .titleBar h3 { margin:0; padding: 0; font-size: 110%; color:white!important; } #taskWindow .titleBar a { color:white; font-size:140%; padding-top:0.1em; } #taskWindow .wrapperQrCode { padding:2em;} #taskWindow .qrcode img { width:100%; max-width:400px; height:auto;} #taskWindow.wider { width:1050px; } @media screen and ( max-width: 600px ) { #taskWindow, #taskWindow.alertWindow { width:90%; } } /* ======================== | ip threshold capthcva form // ======================== */ .ipCapctha { text-align: center; } .ipCapctha header { background-color: #444; padding: 20px 0; } .ipCapctha header img { width:200px; height:auto; } .ipCapctha h1 { font-size: 3em; margin:1em 0 0.5em 0; } .ipCapctha .wrapper { width:600px; max-width:90%; margin:0 auto 0 auto; } .ipCapctha .captcha { width:300px; max-width:50%; margin:2.5em auto 0 auto; } .ipCapctha form { margin-bottom:8em; } /* ======================== | sibl type text img button ======================== */ .rowListImgTeaser { padding-bottom: 3em;} .rowListImgTeaser .colDesc, .rowListImgTeaser .colImage { vertical-align: top;} .rowListImgTeaser .colImage { width: 45%; padding-left:40px; } .size123 .rowListImgTeaser .colImage { width: 100%; padding:0 0 0 0; } /* 2 cols on wide screens */ @media screen and ( min-width: 2500px ) { .twoColsWide { display: flex; flex-direction:row; justify-content:space-between; } .twoColsWide .item { width: calc(50% - 15px); } }