/* override foundation css */ .no-mediaqueries .row {width:60em; max-width:none;} /* no responsiveness in IE8 */ .no-mediaqueries .row .row {width:auto;} ul, ol, dl {line-height:normal;} h1, h2, h3, h4, h5, h6 {line-height:normal;} img {vertical-align: middle;} body {background: url(../Images/new/bodyBg.png) repeat-x 0 0; line-height:normal;} /* font: normal 0.875em Arial, Helvetica, sans-serif;*/ a {color: #0c3776; text-decoration: underline;} a:hover {color: #204a87; text-decoration: none;} a.block-hypertext { display: block; color: #ffffff; text-decoration: none; } /* header */ header {height: 140px; background: url(../Images/new/headerBg.jpg) no-repeat right 0;} header h1 {margin: 1em 0 0 0; background: url(../Images/new/logo.png) no-repeat 0 0; font-size:2em; /*background-size:60%;*/ } header h1 a {display:block; padding:44px 10px 0 42px; color: #c3cad9; font: normal 0.5625em 'Play', sans-serif; text-decoration:none; width:100%;} header h1 a strong {display:block; width:100%; white-space:nowrap;} header h1 a:hover, header h1 a:focus {color: #c3cad9;} .helloUser {display:block; text-align:right; margin:0 .625em 0.625em 0; color:#ffffff; font-size:.75em;} .logout, .logout div {display:inline;} /* nav */ nav#topNav {text-align:center; padding:.5em 0; background-color:#0c3776; box-shadow: 0 1px 3px rgba(0,0,0,0.8);} nav#topNav ul {margin: 0; padding: 0; list-style-type: none; } nav#topNav ul li {padding: 0 .5em; margin: 0; display:inline-block;} .no-mediaqueries nav#topNav {min-width:960px;} nav#topNav ul li a {color:#fff; text-decoration:none; font-weight:bold; line-height:normal; font-size:0.875em;} nav#topNav ul li a:hover {color: #cce0ff; text-decoration: underline;} /* Login & Languages */ #loginLanguage {padding-top:10px;} a.login {display: block; float:right; padding:1px 6px; min-width: 90px; margin: 0 0 0 3px ; border-top: 1px solid #a8ff39; background: #4e9a06 url(../Images/new/loginBtnBg.png) repeat-x 0 0; font-weight: bold; font-size:0.875em; color: #ffffff; text-decoration: none; box-shadow: 0 1px 2px rgba(0,0,0,0.5);}/*margin: 58px 0 0 0;*/ a.login span {background: url(../Images/new/loginBtnIcon.png) no-repeat right 0; display: block; height: 20px; width: 26px; padding: 0 0 0 20px; float: right;} a.login:hover {background-position: 0 bottom;} #languages {float: right; margin: 0; position: relative;} #languages a {font-size: 12px; text-decoration: none; color: #ffffff; display: block; background-color: #869dbf; font-variant: small-caps;} #languages a:hover {background-color: #97aac7;} .selectLanguage {border: 1px solid #607da6; padding: 3px 6px 3px 22px; background-repeat: no-repeat; background-position: right 6px;} .no-mediaqueries .selectLanguage {min-width:44px;} .selectLanguage img {margin-left: 6px;} #languages div {display:none; height:150px; padding:10px 0; min-width: 240px; overflow:hidden; position: absolute; top: 22px; right:0; z-index: 1000; background-color: #869dbf; box-shadow: 0 3px 3px rgba(0,0,0,0.5);} /* padding fixes galaxy s3 bug */ .no-mediaqueries #languages div {width:240px;} #languages:hover div {display: block;} .no-mediaqueries #languages:hover div {visibility:visible;} .button-verify { margin-top: 1.25em; } #languages ul {margin: 0; padding: 0; list-style-type: none;} #languages ul li {margin: 0; padding: 0; width:20%; display:block; float: left; white-space:nowrap;} #languages ul li a {padding: 3px 0 3px 22px;} .selectLanguage, #languages ul li a {background-image:url(../Images/new/flagsBg.gif); background-repeat:no-repeat;} .flag_bg {background-position:3px 6px;} .flag_cs {background-position:3px -12px;} .flag_da {background-position:3px -30px;} .flag_de {background-position:3px -48px;} .flag_et {background-position:3px -66px;} .flag_en {background-position:3px -84px;} .flag_es {background-position:3px -102px;} .flag_el {background-position:3px -120px;} .flag_fi {background-position:3px -138px;} .flag_fr {background-position:3px -156px;} .flag_hu {background-position:3px -174px;} .flag_it {background-position:3px -192px;} .flag_ja {background-position:3px -210px;} .flag_ko {background-position:3px -228px;} .flag_lv {background-position:3px -246px;} .flag_lt {background-position:3px -264px;} .flag_ms {background-position:3px -282px;} .flag_nl {background-position:3px -300px;} .flag_no {background-position:3px -318px;} .flag_pl {background-position:3px -336px;} .flag_pt {background-position:3px -354px;} .flag_ru {background-position:3px -372px;} .flag_ro {background-position:3px -390px;} .flag_sl {background-position:3px -408px;} .flag_sk {background-position:3px -426px;} .flag_sv {background-position:3px -444px;} .flag_tr {background-position:3px -462px;} .flag_cn, .flag_zh {background-position:3px -480px;} /*.flag_tw {background-position:3px -498px;}*/ .flag_hr {background-position:3px -516px;} #languages ul li a img {margin: 0 6px;} /* slider */ #slider {height: 270px; padding: 10px 0 0 0; position: relative; overflow: hidden;} #slides {width: 100% !important; height: 270px;} .slide {width: 100% !important; height: 270px;} .slide div {padding:10px 10px 20px 10px; height: 270px;} #slider h2 {margin: 0; color: #3465a4; font-size: 1.375em;} #slider h3 {margin: 0; color: #0c3776; font-size: 1.625em; font-weight: normal;} #slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7 {background-color:#fff; background-repeat:no-repeat; background-position:280px center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} #slide1 {background-image: url(../Images/new/slides/slide1Big.jpg);} #slide2 {background-image: url(../Images/new/slides/slide2Big.jpg);} #slide3 {background-image: url(../Images/new/slides/slide3Big.jpg);} #slide4 {background-image: url(../Images/new/slides/slide4Big.jpg);} #slide5 {background-image: url(../Images/new/slides/slide5Big.jpg); background-position:240px center;} #slide6 {background-image: url(../Images/new/slides/slide6Big.jpg);} #slide7 {background-image: url(../Images/new/slides/slide7Big.jpg);} .no-backgroundsize #slide1, .no-backgroundsize #slide2, .no-backgroundsize #slide3, .no-backgroundsize #slide4, .no-backgroundsize #slide5, .no-backgroundsize #slide6, .no-backgroundsize #slide7 { background-position:right center;} .no-backgroundsize #slide1 {background-image: url(../Images/new/slides/slide1Med.jpg);} .no-backgroundsize #slide2 {background-image: url(../Images/new/slides/slide2Med.jpg);} .no-backgroundsize #slide3 {background-image: url(../Images/new/slides/slide3Med.jpg);} .no-backgroundsize #slide4 {background-image: url(../Images/new/slides/slide4Med.jpg);} .no-backgroundsize #slide5 {background-image: url(../Images/new/slides/slide5Med.jpg);} .no-backgroundsize #slide6 {background-image: url(../Images/new/slides/slide6Med.jpg);} .no-backgroundsize #slide7 {background-image: url(../Images/new/slides/slide7Med.jpg);} #slider hgroup {margin-right: 40%;} #pager {position: absolute; bottom: 12px; z-index: 10;} #pager a {display: block; float: left; margin: 0 4px 0 0; overflow: hidden; height: 18px; width: 18px; background-image: url(../Images/new/pagerBtn.png); background-repeat: no-repeat; background-position: 0 -36px; text-indent: -9999px;} #pager a:hover {background-position: 0 -18px;} #pager a.activeSlide, #pager a.activeSlide:hover {text-decoration: none; color: #ccc; background-position: 0 0;} /* signup */ #signup {text-align: center; background-color: #eaf1f8; border-top: 3px double #fff; border-bottom: 3px double #fff;} .joinBtn {display: inline-block; padding:1px; margin:0 3px; position: relative; top: -20px; z-index: 100; background: #4e9a06 url(../Images/new/joinBtnBg.png) repeat-x 0 0; text-decoration: none; text-align: center; color: #fff; font: normal 1.875em 'Play', sans-serif; box-shadow: 0 1px 3px rgba(12,55,118,0.5); -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent; text-rendering:optimizeLegibility;} /* some chrome font fixes */ .joinBtn:hover {background-position: 0 bottom; color:#ffffff;} .joinBtn strong {display: block; padding: 5px 40px; border-top: 1px solid #abff59; font-weight: normal; background: transparent url(../Images/new/joinBtnBg.png) no-repeat 0 -2px;} .joinBtn:hover strong {background-position: 0 bottom;} p#promo {text-align:left; font-size:24px; margin:0; line-height:normal;} p#promo span {color: #0c3776;} #reasons {padding: 16px 0;} #reasons ul {padding: 0; list-style-type: none;} #reasons ul li {padding-bottom:10px;} #reasons ul li a.imageLink {display: block; position: relative; border:6px solid #ffffff; padding:0; box-shadow:0 3px 3px -3px #adc1d6;} #reasons ul li a.imageLink:hover {border-color:#c5d6e7;} #reasons ul li h2 {margin: 0; padding: 6px 0 0 0; font-size: 16px; color: #204a87; line-height: 18px;} #reasons ul li a {display: inline-block; padding: 6px 0 0 0; font-weight: bold; font-size: 12px;} /* Homepage */ #additional {padding:1.5em 0;} #promoteMobile {padding-left:48px; background:url(../Images/new/promoteMobileIconHome.png) no-repeat 0 0; margin-bottom:2em; } #promoteMobile h3 {margin:0; padding-bottom:.5em; font-size:0.875em; color:#4e9a06;} #promoteMobile p {font-size:0.875em; line-height:1.25em;} #promoteMobile p a {font-size:0.75em; font-weight:bold; white-space:nowrap;} #whyPromote, #testemonials {min-height:250px;} #whyPromote h3, #testemonials h3 {margin:0; padding-bottom:1em; font-size:0.875em; color:#4e9a06;} #whyPromote {position:relative;} #whyPromote h3 a {font-size:0.75em;} #whyPromote ul {padding:0; margin:0; list-style-type:none;} #whyPromote ul li {padding:0 0 0.5em 1.225em; font-size:0.875em; background:url(../Images/new/check.png) no-repeat 0 4px;} #whyPromote .textWrap span {display:block; width:12px; height:42px; float:right;} /* Not the most elegant solution, but... */ #whyPromote .textWrap img {display:block; float:right; clear:both;} #testemonials blockquote {font-size:1em; line-height:1.25em; border:none; font-style:italic; color:#333333; display:none;} #testemonials blockquote:first-child {display:block;} #testemonials blockquote span {display:block; color:#000000; padding:32px 48px 0 0; font-size:0.75em;} #testemonials blockquote.country-uk {background: url(../Images/new/testemonialsFlag-UK.png) no-repeat right bottom;} #testemonials blockquote.country-de {background: url(../Images/new/testemonialsFlag-DE.png) no-repeat right bottom;} #testemonials blockquote.country-no {background: url(../Images/new/testemonialsFlag-NO.png) no-repeat right bottom;} #testemonials blockquote.country-fr {background: url(../Images/new/testemonialsFlag-FR.png) no-repeat right bottom;} #testemonials blockquote.country-nl {background: url(../Images/new/testemonialsFlag-NL.png) no-repeat right bottom;} #testemonials blockquote.country-pl {background: url(../Images/new/testemonialsFlag-PL.png) no-repeat right bottom;} #testemonials blockquote.country-it {background: url(../Images/new/testemonialsFlag-IT.png) no-repeat right bottom;} #testemonials blockquote.country-cz {background: url(../Images/new/testemonialsFlag-CZ.png) no-repeat right bottom;} #testemonials div {width: 100% !important; height: auto;} .listed-on-london { text-align: center; border-bottom: 1px solid #dbe0ee; font-size: 1em; padding-bottom: .75em; } .listed-on-london a { color: #0C3776; padding-left: 1.25em; text-decoration: none; } .listed-on-london strong { } .listed-on-london a:before { content: ""; display: inline-block; position: relative; top: .5em; left: -.5em; height: 2em; width: 2em; background: url(../Images/new/lse-logo.png) no-repeat center 0; background-size: contain; }/* border: 1px solid red;*/ .no-backgroundsize .listed-on-london a:before {background-image: url(../Images/new/lse-logo-small.png);} .listed-on-london a:hover { text-decoration: underline; } .welcome-plan-buttons { display: inline-block; float:left; padding-right:15px;} /* Footer */ footer {border-top:10px solid #eaf1f8; padding:20px 0 0 0; } #footerLinks ul {margin:0; list-style-type:none;} #footerLinks ul li {display:inline-block; padding:0 8px 0 0; margin:0 4px 0 0; border-right:1px solid #333333;font-size:12px; line-height:12px;} #footerLinks ul li:last-child {border:none;} #copyright {font-size:11px; color:#333333; padding:10px 0 0 0} footer #social {font-size:0.75em; color:#0c3776; text-align:right;} .cookie-banner ~ .space-bottom { height:60px; } @media screen and (max-width: 47.9375em) { .cookie-banner ~ .space-bottom { height: 80px; } } /* Social Links */ .inner-social-wrapper .social { text-align: center; } .inner-social-wrapper .social > span { float: none; display: inline-block; } .socialHome {min-height:24px; padding-top:0.625em; } .facebookPage {display:inline-block; height:24px; width:30px; vertical-align:-40%; background:url(../Images/new/facebook.png) no-repeat 6px 0;}/*float:right;*/ .socialHome span {display:block; float:right; padding-bottom:0.5em; padding-right:0.75em;} .googlePlus {width:90px;} aside .social span {display:block; float:right;} aside .social .facebookLike {padding:0 0.75em 0.75em 0;} aside .social .googlePlus {padding-bottom:0.75em;} /*.socialHome.no-whatsapp span.whatsAppShare { display:none; }*/ .whatsapp-share { background-color: #5cbe4a; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTguMTI5LDAuOTQ1Yy0zLjc5NSwwLTYuODcyLDMuMDc3LTYuODcyLDYuODczDQoJCQljMCwxLjI5OCwwLjM2LDIuNTEyLDAuOTg2LDMuNTQ5bC0xLjI0LDMuNjg4bDMuODA1LTEuMjE5YzAuOTg0LDAuNTQ0LDIuMTE2LDAuODU0LDMuMzIxLDAuODU0YzMuNzk1LDAsNi44NzEtMy4wNzUsNi44NzEtNi44NzENCgkJCVMxMS45MjQsMC45NDUsOC4xMjksMC45NDV6IE04LjEyOSwxMy41MzhjLTEuMTYyLDAtMi4yNDQtMC4zNDgtMy4xNDctMC45NDZsLTIuMTk4LDAuNzA1bDAuNzE1LTIuMTI0DQoJCQljLTAuNjg2LTAuOTQ0LTEuMDktMi4xMDMtMS4wOS0zLjM1NGMwLTMuMTU1LDIuNTY2LTUuNzIyLDUuNzIxLTUuNzIyczUuNzIxLDIuNTY2LDUuNzIxLDUuNzIyUzExLjI4MywxMy41MzgsOC4xMjksMTMuNTM4eg0KCQkJIE0xMS4zNTIsOS4zNzljLTAuMTc0LTAuMDk0LTEuMDItMC41NS0xLjE3OC0wLjYxNUMxMC4wMTQsOC43LDkuODk4LDguNjY2LDkuNzc1LDguODM3QzkuNjUyLDkuMDA3LDkuMzAxLDkuMzksOS4xOTMsOS41MDUNCgkJCUM5LjA4OCw5LjYxNyw4Ljk4NCw5LjYyOSw4LjgxMiw5LjUzM2MtMC4xNzEtMC4wOTYtMC43My0wLjMtMS4zNzgtMC45MjNjLTAuNTA0LTAuNDg0LTAuODM0LTEuMDcyLTAuOTMtMS4yNTINCgkJCWMtMC4wOTUtMC4xOCwwLTAuMjcxLDAuMDkxLTAuMzU0QzYuNjc3LDYuOTI4LDYuNzc4LDYuODA1LDYuODcsNi43MDZjMC4wOTEtMC4xLDAuMTI0LTAuMTcxLDAuMTg3LTAuMjg2DQoJCQljMC4wNjItMC4xMTUsMC4wMzgtMC4yMTgtMC4wMDMtMC4zMDhDNy4wMTIsNi4wMjMsNi42OTQsNS4xNDYsNi41NjEsNC43OUM2LjQyOCw0LjQzNCw2LjI4LDQuNDg2LDYuMTc3LDQuNDgyDQoJCQlDNi4wNzUsNC40NzksNS45NTgsNC40NTksNS44NDEsNC40NTZDNS43MjQsNC40NTEsNS41MzMsNC40ODcsNS4zNjYsNC42NTdjLTAuMTY3LDAuMTctMC42MzcsMC41NzYtMC42NjksMS40MzkNCgkJCXMwLjU2NSwxLjcyMiwwLjY0OCwxLjg0MWMwLjA4NCwwLjEyMSwxLjE0LDEuOTkxLDIuODk3LDIuNzYyYzEuNzU2LDAuNzcsMS43NjYsMC41MzQsMi4wODgsMC41MTgNCgkJCWMwLjMyMi0wLjAxOCwxLjA1NS0wLjM4NiwxLjIxNS0wLjc4OWMwLjE2Mi0wLjQwNSwwLjE3Ni0wLjc1NSwwLjEzNS0wLjgzMUMxMS42MzksOS41MjEsMTEuNTIzLDkuNDc1LDExLjM1Miw5LjM3OXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg=="); background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #ffffff; cursor: pointer; display: inline-block !important; font-family: Arial,sans-serif; font-weight: 400; letter-spacing: 0.4px; margin-left:.5em; line-height: 1.2; position: relative; text-align: left; text-decoration: none; text-transform: none; background-position: 5px 2px; background-size: 16px auto; font-size: 12px; padding: 3px 6px 3px 25px;} .whatsapp-share:hover { background-color: #268132; color: #ffffff; } .no-whatsapp .whatsapp-share { display:none !important; } /* Page */ #main {padding:20px 0;} #main hgroup h2 {color:#0c3776; font-size:24px;} #main hgroup h3 {color:#3465a4; font-size:18px;} .content {font-size:0.875em;} aside .joinNow {width:auto; text-align:center;} aside .joinBtn {position:static; display:block;} aside .joinBtn strong {padding:5px 10px; font-size:24px;} aside .joinNow p {font-size:18px; font-style:normal; line-height:normal;} #didYouKnow {background:#fff url(../Images/new/boxBg.jpg) repeat-x 0 bottom; padding:0 1em;} #didYouKnow h4 {text-align:center; margin:0; padding-bottom:14px; font-size:16px; color:#4e9a06;} #didYouKnow ul {margin-left:1em;} #didYouKnow ul li {font-size:0.75em; padding:0 0 1em 0; color:#4e9a06;} #didYouKnow ul li span {color:#333333;} /* Mobile Marketing */ /*.iphone, .iPad, .androidMobile, .androidTablet {text-align:center;}*/ #devices {padding-bottom:1.6667em;} #devices .device {text-align:center; padding:0 0 1em 0;} #devices strong {display:block; min-height:48px; font-size:0.875em; line-height:1.2em;} #devices img {} /* Promotional Tools */ .promotional-tools .intro { font-weight:bold; } .promotional-tools .tool { padding-bottom: 1.5em; margin-bottom:1.5em; border-bottom:5px double #eaf1f8; } #main .promotional-tools .tool h3 { margin:0 0 .25em 0; }/*font-size:2em;*/ .promotional-tools .action { text-align: center; } .promotional-tools .action .join-button { padding-bottom: 2em; } .promotional-tools .action .join-button p { font-size:18px; }/* override default styles */ .promotional-tools .action .joinBtn { position:static; } /* help */ #main h2 {font-size:24px; color:#0c3776;} #main h3 { font-size:18px; color:#3465a4;} .help #main h3 {padding:24px 0 6px 0; margin:0;} #faqLinks {list-style-type:none;} #faqLinks li {padding:0 0 6px 0;} .faqpage ul.faqLinks { margin: 0; padding:0; line-height:normal; } .faqpage p { margin: 0; orphans: 2; } .faqpage p:last-child, .faqpage ol:last-child { margin: 0 0 1em 0; } .faqpage ol, .faqpage ul { margin: 0; padding:0 1.5em; line-height:1.6em; } .faqpage .nowraplink { white-space: nowrap; } .help section .large-8 {padding:0 1.4em;} section nav {background:#fff url(../Images/new/boxBg.jpg) repeat-x 0 bottom; padding:0 10px;} section nav h4 {text-align:center; margin:0; padding-bottom:14px; font-size:16px; color:#4e9a06;} section nav ul {list-style-type:none;} section nav ul li { padding:2px 0;} section nav ul li a {display:block; padding:3px 6px 2px 6px; text-decoration:none;} section nav ul li a:hover, #helpGeneral .helpLinkGenral a, #helpPromote .helpLinkPromote a, #helpReports .helpLinkReports a, #helpPayments .helpLinkPayments a, #helpAbout .helpLinkAbout a {background-color:#0c3776; padding:2px 6px; color:#ffffff; border-top:1px solid #538CE1;} section nav p {font-size:12px;} small span {color:#ffffff !important;} #support .submit { text-align:center;} /* Register */ .register #main h2 { font-size: 24px; color: #0c3776; } .register #main h3 { font-size: 18px; color: #3465a4; padding: 24px 0 6px 0; margin: 0; } .register fieldset { padding-bottom: 12px; } .register fieldset small.noTextfield { margin-top:0; border-radius: 2px; } .register .mobile-one { text-align:center; } .register .submit { text-align:center; margin-bottom:24px; } .register label.inline { line-height: 18px; padding: .5em 0; } .register #datesRange img { vertical-align: -.75em; } .userAgreementCheck { max-width:24px; min-width:22px; } .panel.callout-prevent-register { background: #EAF1F8; border-color: #d0e4f7; color: #4D4D4D; margin: 4em 0; } .panel.callout-prevent-register a { font-size: .875em; } .preffered-plan-checkbox-list { list-style: none; padding: 0; padding-top: .625em; margin: 0; } .preffered-plan-checkbox-list li label { display: inline-block; vertical-align: 15%; padding-left: 5px; padding-bottom: 1em; } .preffered-plan-checkbox-list li:nth-child(3) label { padding-bottom: 2em; } /* Login */ .login .small-centered {text-align:center;} .login .small-centered .row {padding-top:12px;} .login fieldset {padding-bottom:12px;} #loginLinks {margin-bottom:12px; text-align:center;} #loginLinks a {font-size:11px; display:inline-block; padding:3px;} /* Forgot Password */ .forgotPassword .small-centered {text-align:center; padding-bottom:12px;} /* Unsubscribe */ #unsubscribe {text-align:center;} /* Affiliation Agreement */ #agreement ul {margin-left:1em;} /* Payment Plans */ .smallType {font-size:11px;} .dataTable {border:none; border-spacing:0;} .dataTable tr:nth-child(2n) {background-color:#f5f5f5;} .dataTable tr th { background-color:#0c3776; color:#ffffff; padding:12px; text-align:center; border-width:1px 1px 2px 1px; border-style:solid; border-color:#5b80b6 #30558a #0a2f64 #000000; font-size:1em;} .dataTable.CPATable tr th:first-child {border:none; background-color:transparent;} .dataTable.CPATable thead {background-color:transparent;} .dataTable tr th:first-child, .dataTable.CPATable tr th:nth-child(2) {border-radius:5px 0 0 0; border-left-color:#5b80b6;} .dataTable tr th:last-child {border-radius:0 5px 0 0; border-right-color:#5b80b6;} .dataTable tr td {text-align:center; border-width:0 1px 1px 1px; border-style:solid; border-color:#d9d9d9; font-size:1em;} .dataTable.CPATable tr th { white-space:nowrap; } .dataTable.CPATable tr th.hybrid-plan { white-space:normal; } .dataTable.CPATable tr td { border-width:0 1px 1px 0; border-color:transparent #d9d9d9 #ebebeb transparent; } .dataTable.CPATable tr td.hybrid-plan { white-space:nowrap; } .dataTable tr:nth-child(2n) td {border-right:1px solid #d0d0d0;} .dataTable.CPATable tr:nth-child(2n) td:first-child {background-color:#d6d6d6;} .dataTable.CPATable tr td:first-child {text-align:left; font-weight:bold; background-color:#e6e6e6; border-bottom:1px solid #f0f0f0; color:#666666; box-shadow:-10px 0px 10px -10px #999999 inset;} .cpa-rates { background:#0c3776 url(../Images/new/cpa/cpa_rate01.jpg) no-repeat center; background-size:cover; border-radius:4px; color:#fff; padding:1em .5em 1.25em; margin-bottom:1em; box-shadow: rgba(0,0,0,.15) 0 5px 10px 0; text-align:center; } .cpa-rates.title { background-color:#0c3776; background-image:none; font-weight:bold; } .cpa-rates:nth-child(2) { background-image:url(../Images/new/cpa/cpa_rate02.jpg); } .cpa-rates:nth-child(3) { background-image:url(../Images/new/cpa/cpa_rate03.jpg); } .cpa-rates:nth-child(4) { background-image:url(../Images/new/cpa/cpa_rate04.jpg); } .cpa-rates:nth-child(5) { background-image:url(../Images/new/cpa/cpa_rate05.jpg); } .cpa-rates:nth-child(6) { background-image:url(../Images/new/cpa/cpa_rate06.jpg); } .cpa-rates:nth-child(7) { background-image:url(../Images/new/cpa/cpa_rate07.jpg); } .cpa-rates h4 { color:#fff; font-size:.875em; } .cpa-rates strong { color:#fff; font-size:160%; font-weight:normal; } /* Marketing Guidelines */ #guidelines ul, #guidelines blockquote.intro-block ol { margin: 0 0 0 1.5em; } #guidelines ul li { margin-bottom: 1.5em; } #guidelines ul em { display: block; padding:.5em 0; } #guidelines ul blockquote {border:1px solid #eaf1f8; background-color:#f4f8fb; } #guidelines ul blockquote dl { font-size:.875em; } #guidelines ul blockquote dl .say { color: #0c3776;} #guidelines ul strong.quote { color: #0c3776; font-weight:normal; font-style:italic;} #guidelines ul .underline { text-decoration: underline; } #guidelines ul ul { list-style-type: square; } #guidelines ul ul li { margin-bottom: .5em; } #guidelines ul h4 { font-size: 1em; color:#0c3776; } #guidelines ul h5 { font-size: 1em; color:#5b80b6; } .marketing-guidelines-image {float: right; width: 50%;} #guidelines ul blockquote dl dt { padding-left: 3em; } #guidelines ul blockquote dl dt:before { background: url(../Images/new/guideline-sayno.png) no-repeat left top; background-size: contain; content: ""; float: left; margin: 0 0.8em; margin-left: 0.5em; height: 3em; width: 1.6em;position: absolute; left:4em;} #guidelines ul blockquote dl dd {padding-left: 3.2em;} #guidelines ul blockquote dl dt.say:before {background: url(../Images/new/guideline-say.png) no-repeat left top; background-size: contain; height: 3em; margin: 0 0.5em; margin-left:0.0em; width: 2.2em;} #guidelines h3 {margin-top: 1.8em;} .no-backgroundsize #guidelines ul blockquote dl dt:before { background-image: url(../Images/new/guideline-sayno-ie8.png); width: 2.8em; } .no-backgroundsize #guidelines ul blockquote dl dt.say:before {background-image: url(../Images/new/guideline-say-ie8.png);} #guidelines blockquote.intro-block { background-color: #4E9A06; border: 1px solid #4E9A06; color: #FFFFFF; font-size: 1em; font-weight: bold; } #guidelines blockquote.intro-block a { color: #FFFFFF; text-decoration:underline; font-weight:normal; } #guidelines blockquote.intro-block p {color: #FFFFFF; font-size: 1em; font-weight: bold; } #guidelines blockquote.intro-block ol { list-style-type:none; margin: 0.75em 0; } #guidelines blockquote.intro-block ol li { display: block; left: 2em; padding: 0.375em 2em 0.375em 0; margin: 0em; position: relative; } #guidelines blockquote.intro-block ol li:before { background: url(../Images/new/icon-check.png) no-repeat left top; background-size: contain; content: ""; height: 3em; left: -2em; margin: 0; position: absolute; width: 1.125em; } .no-backgroundsize #guidelines blockquote.intro-block ol li:before { background: url(../Images/new/icon-check-ie8.png) no-repeat left top; width: 1.375em; } .row .company-small-title { margin-left:15%; } .company-small-title h5 { color:#3465a4; font-weight: normal; font-size:0.875em; margin: 0.75em 0 0.125em 0; } .company-small-title-hr { border-color:#3465a4; margin:0 0 0.75em 0; opacity:0.5; } .columns.phone-label, .columns.plan-label { margin-left: 0; width: 33.3333%; } .plan-label+div label.inline strong { display:block; padding-bottom:.625em; } .datepicker {position:absolute; top:3.5em; z-index:1000;} .datepicker .ajax__calendar_container {border:1px solid #ccc; background-color:#fff; min-width:225px; width:100%; padding:4px; box-shadow:3px 3px 3px rgba(0,0,0,0.1)} .datepicker .ajax__calendar_body, .datepicker .ajax__calendar_days {width:100%; min-height:200px;} /* Atletico */ .row.banner-atletico { font-size:.875em; line-height:1.25em; border-width:1px 0 0 0; border-style:solid; border-color:#dbe0ee; color:#0c3776; text-align:center; /*margin-bottom:2em;*/ } .text-atletico { margin: .5em 0; } .text-atletico span { display:inline-block; } .logo-atletico { width:10em; } #affWinner { padding-left:64px; background:url(../Images/new/affWinner.png) no-repeat 0 0; background-size:3.125em; margin-bottom:2em; } #affWinner h3 { margin:0; padding-bottom:.5em; font-size:0.875em; color:#0c3776; } #affWinner p { font-size:0.875em; line-height:1.25em; } #affWinner p a { font-size:0.75em; font-weight:bold; white-space:nowrap; } /* ==== Helper classes ==== */ /* Image replacement */ .ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;} .ir:before {content: ""; display: block; width: 0; height: 100%;} .hidden {display: none !important; visibility: hidden;} .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} .invisible {visibility: hidden;} .clearfix:before, .clearfix:after {content: " "; /* 1 */ display: table; /* 2 */} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} /* CPA Modal */ .modal-content ul {margin-left:1em; padding-left:1em; font-size:80%; color:#5e5e5e;} .modal-content ul li {padding-bottom:1em;} /* ==== Media Queries ==== */ @media (max-width: 480px) { body { background: none; } header { background-image: none; background-color: #0e418b; height: auto; } header h1 { margin: 0; width: 100%; min-width: 260px; background-position: 40px 10px; float: none; text-align: left; background-image: url(../Images/new/logoSmall.png); } header h1 a { padding: 40px 0 10px 0; font-size: 13px; text-align: center; } .lang_el header h1 a, .lang_fr header h1 a { font-size: 12px; } .helloUser { display: block; margin: 0; text-align: center; } #mobileMenuOpen { width: 34px; height: 27px; position: absolute; top: 12px; left: 8px; background: url(../Images/new/mobileMenu.png) no-repeat 0 0; } #mobileMenuClose { width: 32px; height: 32px; position: absolute; top: 8px; left: 16%; background: url(../Images/new/mobileMenuClose.png) no-repeat 0 0; } .socialHome { padding-top: 0; } .socialHome span { float: none; margin: 0 auto; padding-left: 0; } aside .social .googlePlus { float: left; margin: 0 0 0.5em 0.75em; } footer #social { text-align: center; } body { position: relative; width: 100%; } #wrap { position: relative; width: 100%; overflow: hidden; } form { position: relative; width: 100%; margin: 0; } .csstransforms3d.csstransitions form { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } nav#topNav { left: -80%; position: absolute; top: 0; z-index: 100; overflow: hidden; height: 100%; width: 80%; } .csstransforms3d.csstransitions nav#topNav { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; box-shadow: -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25) inset; } nav#topNav ul { margin-top: 48px; } nav#topNav ul li { display: block; border-top: 1px solid #2e5389; border-bottom: 1px solid #08234b; padding: 0 0 0 16%; text-align: left; } nav#topNav ul li a { display: block; padding: 6px 6px 6px 0; } nav#topNav ul li a:hover { color: #ffffff; text-decoration: none; } nav#topNav ul li:hover { background-color: #729fcf; } .csstransforms3d.csstransitions.mobileMenu form { -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); } .csstransforms3d.csstransitions.mobileMenu nav#topNav { left: 0; } .mobileMenu form { left: 70%; } .mobileMenu nav#topNav { left: -80%; } #loginLanguage { float: none; padding: 0; } #languages a { font-size: 14px; } .selectLanguage { text-align: center; width: auto; padding: 3px 0; } .selectLanguage.flag_bg { background-position: center 6px; } .selectLanguage.flag_cs { background-position: center -12px; } .selectLanguage.flag_da { background-position: center -30px; } .selectLanguage.flag_de { background-position: center -48px; } .selectLanguage.flag_et { background-position: center -66px; } .selectLanguage.flag_en { background-position: center -84px; } .selectLanguage.flag_es { background-position: center -102px; } .selectLanguage.flag_el { background-position: center -120px; } .selectLanguage.flag_fi { background-position: center -138px; } .selectLanguage.flag_fr { background-position: center -156px; } .selectLanguage.flag_hu { background-position: center -174px; } .selectLanguage.flag_it { background-position: center -192px; } .selectLanguage.flag_ja { background-position: center -210px; } .selectLanguage.flag_ko { background-position: center -228px; } .selectLanguage.flag_lv { background-position: center -246px; } .selectLanguage.flag_lt { background-position: center -264px; } .selectLanguage.flag_ms { background-position: center -282px; } .selectLanguage.flag_nl { background-position: center -300px; } .selectLanguage.flag_no { background-position: center -318px; } .selectLanguage.flag_pl { background-position: center -336px; } .selectLanguage.flag_pt { background-position: center -354px; } .selectLanguage.flag_ru { background-position: center -372px; } .selectLanguage.flag_ro { background-position: center -390px; } .selectLanguage.flag_sl { background-position: center -408px; } .selectLanguage.flag_sk { background-position: center -426px; } .selectLanguage.flag_sv { background-position: center -444px; } .selectLanguage.flag_tr { background-position: center -462px; } .selectLanguage.flag_cn, .selectLanguage.flag_zh { background-position: center -480px; } /*.selectLanguage.flag_tw { background-position: center -498px; }*/ .selectLanguage.flag_hr { background-position: center -516px; } a.login { float: none; margin: 5px; padding: 5px; text-align: center; } a.login span { display: none; } #languages { margin: 5px; float: none; } #languages div { height: 168px; width: 100%; overflow: hidden; background-color: #869dbf; padding-top: 18px; z-index: 1000; } #languages ul li { width: 20%; float: left; } #slider { height: 150px; } .slide div { height: 150px; } #slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7 { padding: 0; background-position: right center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: auto 100%; } #slide1 { background-image: url(../Images/new/slides/slide1Small.jpg); } #slide2 { background-image: url(../Images/new/slides/slide2Small.jpg); } #slide3 { background-image: url(../Images/new/slides/slide3Small.jpg); } #slide4 { background-image: url(../Images/new/slides/slide4Small.jpg); } #slide5 { background-image: url(../Images/new/slides/slide5Small.jpg); } #slide6 { background-image: url(../Images/new/slides/slide6Small.jpg); } #slide7 { background-image: url(../Images/new/slides/slide7Small.jpg); } #slider hgroup { width: auto; text-align: left; margin-right: 40%; padding: 0 0 0 10px; } #slider h2 { font-size: 12px; } #slider h3 { font-size: .75em; } #pager { display: none; } .joinNow, #reasons { width: 100%; margin: 0; } .joinBtn { font-size: 22px; } .joinBtn strong { padding: 5px 10px; } p#promo { font-size: 16px; text-align: center; } #reasons { text-align: left; } #reasons ul { width: 100% !important; }/* remove previous scaling limit */ #reasons ul li img { width: 100%; } #reasons ul li a.imageLink { border-width: 3px; } #whyPromote { margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #dbe0ee; } #whyPromote .textWrap { display: none; } #footerLinks { text-align: center; padding: 10px; } #footerLinks ul li { border: none; padding: 0 3px; margin: 0; } .dataTable tr th { font-size:.875em; } .dataTable tr td { font-size:.875em; } .dataTable.CPATable tr td { white-space:normal; } .cpa-rates.title { font-size:.75em; } .cpa-rates h4 { font-size:.625em; } .joinNow { padding: 10px 0; } .help section .eight { padding: 0 10px; } label.inline { line-height: normal; margin: 0 0 6px 0; } label.text-right { text-align: left !important; } .marketing-guidelines-image { float: none; width: auto; } #guidelines ul blockquote dl dt:before { margin: 0 0.9em; margin-left: 0.4em; } /*#guidelines ul blockquote dl dt.say:before {}*/ .listed-on-london { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4em; padding: 0.25em 0; text-align: center; } .listed-on-london a { display: inline-block; padding: 0em; left: 0; text-align: left; } .listed-on-london strong { display: block; padding-left: 3em; text-align: left; } .listed-on-london a:before { content: ""; display: inline-block; height: 2em; width: 2em; text-align: left; float: left; top: 0; padding: 0; background: url(../Images/new/lse-logo.png) no-repeat center 0; background-size: contain; } .listed-on-london { position: relative; } .listed-on-london a { padding-left: 2.5em; position: relative; } .listed-on-london a:before { float: none; position: absolute; left: 0; } .listed-on-london strong { padding-left: 0em; } .panel.callout-prevent-register {margin: 1em 0; } .promotional-tools .tool .image { text-align:center; } .row .company-small-title { margin-left:0%; } .company-small-title-hr { padding:0 !important; margin-bottom:0; } .company-small-title h5 { font-size: 1em; margin-top:1em; } .columns.phone-label, .columns.plan-label { margin-left: 0; width: 100%; } .register label.inline { margin-bottom: 0; } .faqpage .nowraplink { white-space: normal; } /* Atletico */ .text-atletico { margin:.75em 0; } .text-atletico span { display:block; } .logo-atletico { width:13em; } /* Reports */ .statisticsTable tr th {font-size: .62em;} #reportsStatistics .alert-box {margin-bottom: 1.25em;} /* Register */ .preffered-plan-checkbox-list li:nth-child(1) input[type="checkbox"] { position:absolute; top:10px; } .preffered-plan-checkbox-list li:nth-child(1) label { padding-left:18px; width:22em; } .plan-label label.inline { padding:0; margin:0; } } @media (min-width: 481px) and (max-width: 767px) { header h1 { margin: 0; background-position: center 20px; float: none; text-align: center; } header h1 a { padding: 64px 0 0 20px; } .helloUser { display: inline-block; margin: 0 0 0 0.625em; } #loginLanguage { padding: 10px 10px 0 0; } #slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7 { background-position: center 70px; padding-top: 32px; -webkit-background-size: auto 80%; -moz-background-size: auto 80%; -o-background-size: auto 80%; background-size: auto 80%; } #slider hgroup { width: auto; text-align: center; position: relative; top: -32px; margin-right: 0; } #slider h2 { font-size: 1em; } #slider h3 { font-size: 1em; } #pager { left: 20px; bottom: 32px; } #reasons { text-align: left; } #reasons ul { width: 85% !important; }/* prevent images from overscaling */ #reasons ul li h2 { font-size: 1.375em; line-height: normal; } #reasons ul li img { width: 100%; } #whyPromote .textWrap span { height: 45px; } #whyPromote .textWrap img { display: block; float: right; clear: both; } #footerLinks { text-align: center; padding: 10px; } .joinNow { padding: 10px 0; } label.inline { line-height: normal; margin: 0 0 6px 0; } label.text-right { text-align: left !important; } .iphone, .iPad, .androidMobile, .androidTablet, .row .iphone, .row .iPad, .row .androidMobile, .row .androidTablet { width: 25% !important; } aside .social .googlePlus { float: left; margin: 0 0 0.5em 6em; } aside .social .facebookLike { margin: 0 6em 0.5em 0; } .listed-on-london { font-size: 1em; top: 0; } .panel.callout-prevent-register {margin: 1em 0; } .promotional-tools .tool .image { text-align:center; } .row .company-small-title { margin-left:0%; } .company-small-title-hr { padding:0 !important; margin-bottom:0; } /* Reports */ .statisticsTable tr th {font-size: .82em;} /* Register */ .plan-label label.inline { padding:0; margin:0; } #whyPromote { margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #dbe0ee; } } @media (min-width: 767px) and (max-width: 979px) { #slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7 { background-position: 240px center; } #slider hgroup { width: 60%; } #slider h2 { font-size: 1.5em; } #slider h3 { font-size: 2em; } #slider #slide6 h2, #slider #slide7 h2 { font-size: 1.375em; } #slider #slide5 h3, #slider #slide6 h3, #slider #slide7 h3 { font-size: 1.625em; } #pager { left: 20px; } aside .joinBtn { font-size: 1.125em; } /*.listed-on-london { font-size: 1em; padding-top:0;}*/ /* Reports */ .statisticsTable tr th {font-size: 1em;} } /* No Media Queries (IE8 Mainly) ---------------------- */ .no-mediaqueries .row { width: 960px; max-width: 100%; min-width: 768px; margin: 0 auto; } .no-mediaqueries .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .no-mediaqueries .row.large-collapse .column, .no-mediaqueries .row.large-collapse .columns { padding: 0; } .no-mediaqueries .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .no-mediaqueries .row .row.large-collapse { margin: 0; } .no-mediaqueries .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .no-mediaqueries .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } .no-mediaqueries [class*="column"] + [class*="column"]:last-child { float: right; } .no-mediaqueries [class*="column"] + [class*="column"].end { float: left; } .no-mediaqueries .large-1, .no-mediaqueries .row .large-1 { width: 8.33333%; } .no-mediaqueries .large-2, .no-mediaqueries .row .large-2 { width: 16.66667%; } .no-mediaqueries .large-3, .no-mediaqueries .row .large-3 { width: 25%; } .no-mediaqueries .large-4, .no-mediaqueries .row .large-4 { width: 33.33333%; } .no-mediaqueries .large-5, .no-mediaqueries .row .large-5 { width: 41.66667%; } .no-mediaqueries .large-6, .no-mediaqueries .row .large-6 { width: 50%; } .no-mediaqueries .large-7, .no-mediaqueries .row .large-7 { width: 58.33333%; } .no-mediaqueries .large-8, .no-mediaqueries .row .large-8 { width: 66.66667%; } .no-mediaqueries .large-9, .no-mediaqueries .row .large-9 { width: 75%; } .no-mediaqueries .large-10, .no-mediaqueries .row .large-10 { width: 83.33333%; } .no-mediaqueries .large-11, .no-mediaqueries .row .large-11 { width: 91.66667%; } .no-mediaqueries .large-12, .no-mediaqueries .row .large-12 { width: 100%; } .no-mediaqueries .row .large-offset-1 { margin-left: 8.33333%; } .no-mediaqueries .row .large-offset-2 { margin-left: 16.66667%; } .no-mediaqueries .row .large-offset-3 { margin-left: 25%; } .no-mediaqueries .row .large-offset-4 { margin-left: 33.33333%; } .no-mediaqueries .row .large-offset-5 { margin-left: 41.66667%; } .no-mediaqueries .row .large-offset-6 { margin-left: 50%; } .no-mediaqueries .row .large-offset-7 { margin-left: 58.33333%; } .no-mediaqueries .row .large-offset-8 { margin-left: 66.66667%; } .no-mediaqueries .row .large-offset-9 { margin-left: 75%; } .no-mediaqueries .row .large-offset-10 { margin-left: 83.33333%; } .no-mediaqueries .pull-2 { right: 16.66667%; } .no-mediaqueries .pull-3 { right: 25%; } .no-mediaqueries .pull-4 { right: 33.33333%; } .no-mediaqueries .pull-5 { right: 41.66667%; } .no-mediaqueries .pull-6 { right: 50%; } .no-mediaqueries .pull-7 { right: 58.33333%; } .no-mediaqueries .pull-8 { right: 66.66667%; } .no-mediaqueries .pull-9 { right: 75%; } .no-mediaqueries .pull-10 { right: 83.33333%; } .no-mediaqueries .push-2 { left: 16.66667%; } .no-mediaqueries .push-3 { left: 25%; } .no-mediaqueries .push-4 { left: 33.33333%; } .no-mediaqueries .push-5 { left: 41.66667%; } .no-mediaqueries .push-6 { left: 50%; } .no-mediaqueries .push-7 { left: 58.33333%; } .no-mediaqueries .push-8 { left: 66.66667%; } .no-mediaqueries .push-9 { left: 75%; } .no-mediaqueries .push-10 { left: 83.33333%; } .no-mediaqueries .company-small-title-hr { float:none; right:0; } .no-mediaqueries .row .company-small-title { margin-left:15%; } .no-mediaqueries .date-wrap #datesRange .columns input[type="text"], .no-mediaqueries .date-wrap #datesRange .columns img { margin-left:30px; } /*.no-mediaqueries .company-small-title h5 { color:#3465a4; font-weight: normal; font-size:0.875em; margin: 0.75em 0 0.125em 0; } .no-mediaqueries .company-small-title-hr { border-color:#3465a4; margin:0 0 0.75em 0; opacity:0.5; } .no-mediaqueries .columns.phone-label, .columns.plan-label { margin-left: 0; width: 33.3333%; } .no-mediaqueries .datepicker {position:absolute; top:3.5em; z-index:1000;} .no-mediaqueries .datepicker .ajax__calendar_container {border:1px solid #ccc; background-color:#fff; min-width:225px; width:100%; padding:4px; box-shadow:3px 3px 3px rgba(0,0,0,0.1)} .no-mediaqueries .datepicker .ajax__calendar_body, .datepicker .ajax__calendar_days {width:100%; min-height:200px;}*/ /* Nicolas Gallagher's micro clearfix */ .no-mediaqueries .row { *zoom: 1; } .no-mediaqueries .row:before, .row:after { content: " "; display: table; } .no-mediaqueries .row:after { clear: both; } /* Add block-grid fix */ .no-mediaqueries .large-block-grid-9 { list-style: none; } .no-mediaqueries .large-block-grid-9 li { float: left; width: 11.11111%; padding: 0 10px 10px; } .no-mediaqueries .large-block-grid-9 li li:first-child + li + li + li + li + li + li + li + li { float: right; } .no-mediaqueries .large-block-grid-9 li li:first-child + li + li + li + li + li + li + li + li + li { clear: both; } /* Fix for Hide-Show */ .no-mediaqueries .hide-for-medium-up { display: none !important; } .no-mediaqueries .show-for-medium-up { display: block !important; } /* ToolTip Style */ .account-inner .has-tip {border:none;} .tooltip {font-size:.75em;} /* GDPR */ .cookie-banner { background: #436587; padding: .75em .75em 1em; width:auto; position:fixed; bottom:0; color: #fefefe; font-size: .875em; z-index:1000; } .cookie-banner a { background-color:transparent; color: #fefefe; text-decoration: underline; white-space: nowrap; } .cookie-banner a:hover { text-decoration: none; } .cookie-banner .cookie-button { background: transparent; border-color: #fefefe; color: #fefefe; font-size: .875em; text-decoration: none; padding: .375rem 1rem; margin:0; box-shadow:none; } .cookie-banner .cookie-button:hover { background: #fefefe; color: #436587; border-color: #fefefe; } .cookie-banner p { margin-bottom:0; } .cookie-banner > .row { max-width: 60rem; } @media screen and (min-width: 47.9375em) { .cookie-banner { width: 100%; } } @media screen and (max-width: 47.9375em) { .cookie-banner { font-size: .875rem; margin:0; box-shadow:0 0 5px 2px rgba(0,0,0,.25); } .cookie-banner .text-right { text-align:left !important; } .cookie-banner .cookie-button { padding: .375rem 0.5rem; margin-top:1em; } .cookie-banner p { font-size: .875em; } } fieldset select { font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; } fieldset .error select { border: 1px solid #c60f13; } fieldset .error small.hide { display: block; } ul.content-list { list-style:disc; margin:1em; padding:1em; } ul.content-list li { padding-bottom:1em; } /* ==== Print styles ==== */ @media print { * {background: transparent !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important;} a, a:visited {text-decoration: underline;} a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} pre, blockquote {border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr, img {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: 0.5cm;} p, h2, h3 {orphans: 3; widows: 3;} h2, h3 {page-break-after: avoid;} } /* Reports */ .checkboxlist-style {margin: 0 auto;} .checkboxlist-style input {vertical-align:-3px;} .checkboxlist-style label {display:inline-block;} .statisticsTable tr td.table-tags {white-space:nowrap;} .statistics-graph-footnote {color:#777; font-size:12px; margin-bottom:20px; text-align:center;}