#content div.styles10 ul.atoz li.letter {float: left;font-size: 1.2em;width: 0.9em;text-align:center;padding-bottom:2px;} #content div.styles10 ul.atoz li.letter a:link {color: #1937B9;display:block;height:100%;width:100%;} #content div.styles14 .latestNewsWidget {background: transparent; margin-left: 0; padding-left: 0;} #content div.styles14 .latestNewsWidget h2 {margin: 0 0 15px; line-height: 1.2; font-family: georgia, 'new century schoolbook', 'times new roman', times, serif; font-style: italic; font-size: 2em; color: #3b4145; font-weight: normal;} #content div.styles14 .latestNewsWidget h3 {margin: 24px 0 10px; font-size: 1.4em;} div.styles33 .widget_banner { border: 0 none !important; background:#C41230 !important; font-size: 1.2em !important; padding: 0 !important; border-top-left-radius: 30px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 30px !important; padding-bottom: 2em !important; } div.styles33 .widget_banner img { box-sizing: border-box !important; border: 3px solid #C41230 !important; border-top-left-radius: 30px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0 !important; border: 0 none !important; } div.styles33 .widget_banner p {padding: 1em 1em 0 1em !important; border: 3px solid #C41230 !important; border-top: 0 none !important; background: transparent !important; color: white !important; margin-right: 1em !important; font-size: 1.2em !important;} div.styles33 .widget_banner a {color: white !important;} @media (max-width:800px) { div.styles33 .widget_banner {border-top: 2px solid #C41230 ; border-bottom: 2px solid #C41230 ; padding-bottom: 1em !important;} div.styles33 .widget_banner img {width: 60% !important; border-top-right-radius:0 !important; border-bottom-left-radius: 0px !important; border: 0 none !important} div.styles33 .widget_banner p {width: 38% !important; margin-left: 60% !important; height: 100%; border: 0 none !important; padding-top: 0.5em !important;} } @media (min-width: 601px) and (max-width: 800px) { div.styles33 .widget_banner p {width: 38% !important; margin-left: 60% !important; height: 100%; border: 0 none !important; padding-top: 1em !important; font-size: 1.4em !important;} } @media (max-width:480px) { div.styles33 .widget_banner {border-top-left-radius: 15px !important; border-bottom-right-radius: 15px !important;} div.styles33 .widget_banner img {border-top-left-radius: 15px !important;} } @media (max-width:400px) { div.styles33 .widget_banner img {width: 50% !important; border-top-right-radius:0 !important; border-bottom-left-radius: 0px !important; border: 0 none !important} div.styles33 .widget_banner p {width: 48% !important; margin-left: 50% !important; height: 100%; border: 0 none !important; font-size: 1.1em !important; padding-top: 0.25em !important;} } div.styles34 .widget_banner { border: 0 none !important; background:#C41230 !important; font-size: 1.2em !important; padding: 0 !important; border-top-left-radius: 30px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 30px !important; padding-bottom: 2em !important; } div.styles34 .widget_banner img { box-sizing: border-box !important; border: 3px solid #C41230 !important; border-top-left-radius: 30px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0 !important; border: 0 none !important; } div.styles34 .widget_banner p {padding: 1em 1em 0 1em !important; border: 3px solid #C41230 !important; border-top: 0 none !important; background: transparent !important; color: white !important; margin-right: 1em !important; font-size: 1.2em !important;} div.styles34 .widget_banner a {color: white !important;} @media (max-width:800px) { div.styles34 .widget_banner {border-top: 2px solid #C41230 ; border-bottom: 2px solid #C41230 ; padding-bottom: 1em !important;} div.styles34 .widget_banner img {width: 60% !important; border-top-right-radius:0 !important; border-bottom-left-radius: 0px !important; border: 0 none !important} div.styles34 .widget_banner p {width: 38% !important; margin-left: 60% !important; height: 100%; border: 0 none !important; padding-top: 0.5em !important;} } @media (min-width: 601px) and (max-width: 800px) { div.styles34 .widget_banner p {width: 38% !important; margin-left: 60% !important; height: 100%; border: 0 none !important; padding-top: 1em !important; font-size: 1.4em !important;} } @media (max-width:480px) { div.styles34 .widget_banner {border-top-left-radius: 15px !important; border-bottom-right-radius: 15px !important;} div.styles34 .widget_banner img {border-top-left-radius: 15px !important;} } @media (max-width:400px) { div.styles34 .widget_banner img {width: 50% !important; border-top-right-radius:0 !important; border-bottom-left-radius: 0px !important; border: 0 none !important} div.styles34 .widget_banner p {width: 48% !important; margin-left: 50% !important; height: 100%; border: 0 none !important; font-size: 1.1em !important; padding-top: 0.25em !important;} } #content div.styles4 h2 {line-height: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 1.2em; color: #D32828; margin: 0 0 -2px; font-weight: bold; border-bottom: solid 5px transparent;} #content div.styles4 div {border-bottom: none; padding-bottom: 0;} @media (max-width:480px) { #content div.styles4 table {display:table !important; background: #eee !important; } } #content div.styles22 .callToActionLinksWidget a:link, #content div.styles22 .callToActionLinksWidget a:visited, #content div.styles22 .callToActionLinksWidget a:active, #content div.styles22 .callToActionLinksWidget a:hover, #content div.styles22 .callToActionLinksWidget a:focus { display: block; padding: 6px 28px 12px !important; height: 32px !important; font-size: 2em; color: #000; font-style: italic; font-family: georgia, 'new century schoolbook', 'times new roman', times, serif; margin: 0 0 6px; border: 1px solid #ccc; background: url('http://www.royalgreenwich.gov.uk/site/styles/css_img/suppCtaArrow.gif') 96% center no-repeat; } #content div.styles15 form input.field {margin: 0} #content div.styles15 form select {margin: 0} #content div.styles15 h2 {margin: 0 0 15px; line-height: 1.2; font-family: georgia, 'new century schoolbook', 'times new roman', times, serif; font-style: italic; font-size: 2em;} #content div.styles15 .clear-on-focus {color: rgb(153, 153, 153);} #content div.styles15 ul.styles3 li {background: url("//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif") 0% 3px no-repeat transparent;font-size: 1em;margin: 0px 0px 10px;padding: 0px 0px 0px 21px;} #content div.styles15 input.button {width:auto; overflow:visible;} #content div.styles9 form input.field {margin: 0} #content div.styles9 form select {margin: 0} #content div.styles9 h2 {color: rgb(211, 40, 40); font-family: "Verdana", "Helvetica", "Arial", "sans-serif"; font-size: 1.2em; font-style: normal; font-weight: 700;} #content div.styles9 p {font-size: 1em;} #content div.styles9 .clear-on-focus {color: rgb(153, 153, 153);} #content div.styles9 ul.styles3 li { background: url("//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif") 0% 3px no-repeat transparent; font-size: 1em; margin: 0px 0px 10px; padding: 0px 0px 0px 21px;} #content div.styles9 input.button {width:auto; overflow:visible;} #content div.styles17 h2 {font-size: 1.2em; font-style: normal; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D32828} #content div.styles17 ul li {font-size: 1em; margin: 0 0 10px; padding: 0 0 0 21px; background: url(//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif) left 3px no-repeat;} #content div.styles17 label {width:auto; margin-left:0; } #content div.styles17 input.field {width:85%; margin:0.25em 0;} #content div.styles17 p {font-size: 1em;} #content div.styles1 .latestNewsWidget, #content div.styles1 .WhatsOnWidget, #content div.styles1 .homeCarouselWidget {margin-right: 5px;} #content div.styles11 .feat_wrap {height:80px;} @media (max-width:990px) { #content div.styles11 .feat_wrap {height: auto !important;} } #content div.styles12 .latestNewsWidget {height:136px; padding: 10px 16px 10px 16px; margin: 0 4px -10px;} #content div.styles12 .WhatsOnWidget {height:136px; padding: 10px 16px 10px 16px; margin: 0 4px 0} #content div.styles12 .latestNewsWidget h3, #content div.styles12 .WhatsOnWidget h3 {font-weight: normal;} @media (max-width:990px) { #content div.styles12 .latestNewsWidget, #content div.styles12 .WhatsOnWidget { height: auto !important; } } #content div.styles13 .servicesWidget {height:260px; margin: 0 0 0 0;} #content div.styles13 .servicesWidget div {padding-bottom:12px;} #content div.styles13 .getConnectedWidget {height:72px; margin: 0 0 0 0;} #content div.styles13 .getConnectedWidget div {padding: 5px 12px;} #content div.styles13 ul.atoz li a:link {display: inline-block;} #content div.styles13 ul.atoz li.letter {float: left;font-size: 1.2em;width: 0.9em;text-align: center;padding-bottom:2px;} #content div.styles13 ul.atoz li.letter a:link {color: #1937B9;display: block;height:100%;width:100%;} @media (max-width:990px) { #content div.styles13 .servicesWidget {height: auto !important;} } div.styles35 .imagetestwidgate { margin: 5px; border: 1px solid #ccc; float: left; width: 100%; height: auto; border-left: 4px solid #c1002b; background-color: lightgrey; } div.styles35 .imagetestwidgate a img:hover { border: 1px solid #777; } div.styles35 .imagetestwidgate img { width: 10%; height: auto; float:left; margin:0.5rem; } div.styles35 .imagetestwidgate p { padding: 0px; text-align: left; font-size:0.9rem; margin: 0.2rem } div.styles35 .imagetestwidgate h5{ margin-top: 0; font-size: 1.2rem; } div.styles25 .widget_banner {border: 0 none !important; background:#f8f8f8 !important;} div.styles25 .widget_banner p {font-family:Verdana, Helvetica, sans-serif !important; font-style:normal !important; font-size: 1.1em !important;} @media (min-width:801px) { div.styles25 .widget_banner {height: 15em !important; position:relative !important;} div.styles25 .widget_banner p {height: 5em; position:relative !important; overflow:hidden !important; display:table; width: 99% !important; text-align: center !important;} div.styles25 .widget_banner p a {vertical-align: middle !important; display:table-cell !important;} } @media (max-width: 800px) { div.styles25 .widget_banner { margin-right: 0 !important; } } @media (max-width: 480px) { #content div.styles25 .widget_banner { margin-right: 0 !important; } } #content div.styles19 p {width: 56%;} #content div.styles19 form p {width: auto;} #content div.styles5 form input.field {margin: 0px 0px 5px 0px;width: 94%;} #content div.styles5 .button {margin: 0px 0px 0px 0px; width: 94%;} #content div.styles5 h2 {color: rgb(211, 40, 40); font-family: "Verdana", "Helvetica", "Arial", "sans-serif"; font-size: 1.2em; font-style: normal; font-weight: 700;} #content div.styles5 .clear-on-focus {color: rgb(153, 153, 153);} #content div.styles5 #gmap {height: 450px; width: 550px;} #content div.styles5 sup {vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em;} #content div.styles2 .latestNewsWidget {margin: 0 5px -19px 0; padding-top: 10px; padding-bottom: 8px;} #content div.styles2 .latestNewsWidget h3 {font-weight: normal !important;} div.styles36 .linkText h2 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 2rem; position: relative; } div.styles36 .linkText h2::before { background-image:url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M15.17%2C59a3.53%2C3.53%2C0%2C0%2C1-2.71-1.25%2C3.57%2C3.57%2C0%2C0%2C1%2C.38-5L39.35%2C30%2C12.84%2C7.28a3.57%2C3.57%2C0%2C1%2C1%2C4.65-5.42L47.16%2C27.29a3.58%2C3.58%2C0%2C0%2C1%2C.37%2C5.05%2C3.23%2C3.23%2C0%2C0%2C1-.37.37L17.49%2C58.14A3.54%2C3.54%2C0%2C0%2C1%2C15.17%2C59Z%22%20fill%3D%22%23c1002b%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } div.styles36 .linkText h2::before { background-size: contain; content: ''; display: inline-block; height: 1.825rem; left: 0; position: absolute; top: 60%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.425rem; } div.styles24 .linkTextWidget { /*border-bottom: 1px solid #e0e6e9;*/ /*background: #f8f8f8;*/ box-sizing:border-box; padding: 10px 12px 10px 10px; position:relative; overflow:hidden; } div.styles24 a:link .linkTextWidget, div.styles24 a:visited .linkTextWidget {background: #f8f8f8 !important; color: black; cursor:pointer !important;} div.styles24 a:hover .linkTextWidget, div.styles24 a:focus .linkTextWidget, div.styles24 a:active .linkTextWidget {color: #444 !important; background-color: #eee !important;} div.styles24 .linkTextWidget .linkText { box-sizing:border-box; background:/*#e0e6e9*/ transparent; /*height: 4em; */ width: calc(100% - 36px); display:inline-block; width: 90%\9; position: none\9 !important; display:block\9 !important; float:left\9 !important; } div.styles24 a:link .linkTextWidget .linkText h2, div.styles24 a:visited .linkTextWidget .linkText h2 { font-family: Verdana, Helvetica, sans-serif !important; font-size: 1.2em !important; font-style:normal !important; margin: 0.5em 0 !important; /*font-weight: bold;*/ color: #1937b9; } div.styles24 a:hover .linkTextWidget .linkText h2, div.styles24 a:focus .linkTextWidget .linkText h2, div.styles24 a:active .linkTextWidget .linkText h2 { text-decoration: underline !important; } div.styles24 a:link .linkTextWidget .linkText p, div.styles24 a:visited .linkTextWidget .linkText p { color: black !important; } div.styles24 a:hover .linkTextWidget .linkText p, div.styles24 a:focus .linkTextWidget .linkText p, div.styles24 a:active .linkTextWidget .linkText p { color: #333 !important; } div.styles24 .linkTextWidget .linkTextWidgetChevron { width: 32px; font-size: 3em; text-align:right; display:inline; height: 100%; position:absolute; vertical-align:top; top: calc(50% - 0.8em); width: 10%\9; height:10px\9 !important; position: none\9 !important; display:block\9 !important; float:right\9 !important; margin-top: -0.5em\9 !important; } /* div.styles24 .linkTextWidget .linkTextWidgetChevron a:link {text-decoration: none !important;} div.styles24 .linkTextWidget .linkTextWidgetChevron a span::before { content: ">"; font-size:1.8em; top: 0.4em; vertical-align:top; color:#1937b9; text-decoration: none !important; } */ @media (max-width:800px) { div.styles24 {width: 100% !important;} } div.styles37 .list--arrows .list__link::before { background-image: url('https://royalgreenwich.gov.uk/images/arrow_right_block_white_1.png'); background-repeat: no-repeat; background-color:#c1002b; border: 1px solid rgba(216, 35, 75, 0.79); } div.styles37 ul.list--arrows:last-child{ margin-bottom: 0.3rem; } div.styles37 a:visited { color: #1d1d1d; } div.styles37 a:hover, a:focus, a:active { color: #c1002b; text-decoration: none; } div.styles38 .list--arrows .list__link::before { background-image: url('https://royalgreenwich.gov.uk/images/arrow_right_block_white_1.png'); background-repeat: no-repeat; background-color:#c1002b; border: 1px solid rgba(216, 35, 75, 0.79); height: 1.5rem; width: 1.5rem; top:0; } div.styles38 a:visited { color: #1d1d1d; } div.styles38 a:hover, a:focus, a:active { color: #c1002b; text-decoration: none; } div.styles38 .list--arrows .list__link { padding-left: 2.5rem; font-size: 1rem; } #content div.styles8 h2 {color: rgb(211, 40, 40); font-family: "Verdana", "Helvetica", "Arial", "sans-serif"; font-size: 1.2em; font-style: normal; font-weight: 700;} #content div.styles8 span.countdown-num {background-attachment: scroll;background-clip: border-box;background-color: transparent;background-color: rgb(255,255,255);background-origin: padding-box;background-position: 0% 50%;background-repeat: no-repeat;background-size: auto;color: rgb(211, 40, 40);font-size: 1.7em;font-weight: 700;margin-right: 2px;padding-bottom: 0px;padding-left: 4px;padding-right: 0px;padding-top: 0px;text-align: center;border-bottom: 2px solid rgb(210,210,210);border-right: 1px solid rgb(220,220,220);margin-bottom:0px;font-family:"arial", "helvetica", "verdana";} #content div.styles8 span.countdown-text {margin-left: 3px;} #content div.styles7 h2 {font-size: 1.2em; font-style: normal; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D32828} #content div.styles7 p {font-size: 1em; margin: 0; padding: 0 0 3px 0;} #recycling_week {width: 100%;} #recycling_week .recycling_item {margin: 0; padding: 0; list-style: none !important; } #recycling_week .recycling_item > li {width: 49%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 1% 0.25em 0; padding: 1%; float: left; background: none !important;} #recycling_week .recycling_item > li > img {float: left; margin-right: 0.25em; width: 75px !important;} div.styles26 { background-color: #f8f8f8; } div.styles26 .widgetPadding { padding: 1em; } /*#content div.styles26 h2 { margin: 0; }*/ #content div.styles26 label { display: block; width: 100%; float: none; text-align: left; padding: 10px 0 0; margin-left: 0; } div.styles26 form input[type="text"] { padding: 0.3em; margin-top: 5px; margin-left: 0;} div.styles26 #LA_prefix { width: 3em;} div.styles26 #dummy_year_of_planned_round { width: 3.9em; margin-left: 0; } div.styles26 #dummy_month_of_planned_round { width: 2em; margin-left: 0;} div.styles26 #method_of_application { width: 1.9em; margin-left: 0;} div.styles26 #reference_number { width: 5em; margin-left: 0;} div.styles26 #dob { width: 8em; margin-bottom: 10px; } div.styles26 form input[type="submit"] { margin-left: 0; display: block; } div.styles26 #errormsg { display: none; color: #f00; padding: 5px 0 2px 0; margin: 0; } div.styles26 .help { background: url("/site/xfp/styles/css_img/50.png") no-repeat scroll left 3px; color: #6f6f6f; display: block; font-size: 0.9em; line-height: 18px; margin-top: 5px; max-width: 600px; padding-bottom: 0; padding-left: 13px; margin-left: 0; } div.styles26 form a.date-picker-control { margin-top: 4px; } div.styles23 .hpservices h3 {color: #a71930;} div.styles23 .hpservices h3 a:link, div.styles23 .hpservices h3 a:visited {color: #a71930; text-decoration: none;} div.styles23 .hpservices h3 a:hover, div.styles23 .hpservices h3 a:active, div.styles23 .hpservices h3:focus {text-decoration: underline;} div.styles23 .hpservices ul {box-sizing:border-box; width: 100%; display: block; list-style:none !important; margin: 0;} div.styles23 .hpservices ul li {box-sizing:border-box; width: 48%; display: inline-block; margin: 2px 2px 2px 0; list-style:none; background: url('http://www.royalgreenwich.gov.uk/site/styles/css_img/suppCtaArrow.gif') 97% center no-repeat !important; background-color: #f8f8f8 !important; padding: 0 !important; } div.styles23 .hpservices ul li a:link, div.styles23 .hpservices ul li a:visited {background: transparent; text-decoration: none; padding: 5px; width: 100%; box-sizing: border-box; display: block; width:96%\9;} div.styles23 .hpservices ul li a:hover, div.styles23 .hpservices ul li a:active, div.styles23 .hpservices ul li a:focus {background: #222; color: #fff;} div.styles23 .hpservices ul li.moreinservice a:link {font-weight:bold;} div.styles23 .hpservices ul li.moreinservice a::before {content:'More in ';} div.styles23 .hpservices ul li.moreinservice a:before {content:'More in '\9 !important;} @media (max-width:480px) { div.styles23 .hpservices ul li {display:none;} div.styles23 .hpservices ul li.moreinservice {box-sizing:border-box; width: 100%; display:inline-block;} div.styles23 .hpservices ul li.moreinservice a::before {content:'Go to ';} } div.styles30 {box-sizing:border-box !important; padding: 2em; border: 0px solid #336699; border-top-left-radius: 30px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 30px; background:#f7faff} div.styles30 h3 {color: #336699 !important;} div.styles30 h2 {padding-bottom: 0.5em !important; border-bottom: 2px solid #336699 !important;} div.styles27 .widget_banner {border: 0 none !important; /*background: #336699 !important; */ background: #C41230 !important; font-size: 1.2em !important; padding: 0 !important; border-top-left-radius: 30px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 30px !important; padding-bottom: 2em !important; } div.styles27 .widget_banner img { box-sizing: border-box !important; border: 3px solid #336699 !important; border-top-left-radius: 30px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0 !important; border: 0 none !important; } div.styles27 .widget_banner p {padding: 1em 1em 0 1em !important; border: 3px solid #C41230 !important; border-top: 0 none !important; background: transparent !important; color: white !important; margin-right: 1em !important; font-size: 1.2em !important;} div.styles27 .widget_banner a {color: white !important;} @media (max-width:800px) { div.styles27 .widget_banner {border-top: 2px solid #336699; border-bottom: 2px solid #336699; padding-bottom: 1em !important;} div.styles27 .widget_banner img {width: 60% !important; border-top-right-radius:0 !important; border-bottom-left-radius: 0px !important; border: 0 none !important} div.styles27 .widget_banner p {width: 38% !important; margin-left: 60% !important; height: 100%; border: 0 none !important; padding-top: 0.5em !important;} } @media (min-width: 601px) and (max-width: 800px) { div.styles27 .widget_banner p {width: 38% !important; margin-left: 60% !important; height: 100%; border: 0 none !important; padding-top: 1em !important; font-size: 1.4em !important;} } @media (max-width:480px) { div.styles27 .widget_banner {border-top-left-radius: 15px !important; border-bottom-right-radius: 15px !important;} div.styles27 .widget_banner img {border-top-left-radius: 15px !important;} } @media (max-width:400px) { div.styles27 .widget_banner img {width: 50% !important; border-top-right-radius:0 !important; border-bottom-left-radius: 0px !important; border: 0 none !important} div.styles27 .widget_banner p {width: 48% !important; margin-left: 50% !important; height: 100%; border: 0 none !important; font-size: 1.1em !important; padding-top: 0.25em !important;} } div.styles31 {box-sizing:border-box !important; padding: 0 1em 1em 1em; border-top: 2px solid #336699; border-bottom: 2px solid #336699; color: #336699 !important; background: #white !important; margin-right: 1em;} div.styles31 p {padding: 1em 1em 0 0 !important; background: transparent !important; color: #336699 !important; margin-right: 1em !important; font-size: 1.2em !important; font-family: Georgia, 'Times New Roman', serif !important; font-style: italic !important;} div.styles31 a::after { border-style: solid; border-width: 0.25em 0.25em 0 0; content: ''; display: inline-block; height: 0.45em; left: 0.5em; position: relative; top: 0.5em; transform: rotate(45deg); vertical-align: top; width: 0.45em; float:right; } div.styles31 a:link, div.styles31 a:visited {color: #336699 !important; font-size: 1.2em; text-decoration: none !important; border-bottom: 0 none !important;} div.styles31 a:hover, div.styles31 a:focus, div.styles31 a:active {border-bottom: 3px solid #336699 !important;} div.styles29 {padding: 0 !important; box-sizing:border-box !important; } div.styles29 div.sponsorcard {border: 1px solid #336699 !important; padding: 1em !important;} div.styles29 p, div.styles29 h2.sponsortier, div.styles29 h3.sponsorname, div.styles29 img.sponsorimage {box-sizing: border-box !important; padding: 10px !important;} div.styles29 h2.sponsortier {padding: 0.5em !important; margin-left: 0 !important; margin-bottom: 0 !important; background: #336699 !important; color: #ffffff !important;} div.styles29 h3.sponsorname {color: #336699 !important; } div.styles29 img.sponsorimage {-moz-box-shadow: 5px 5px 12px #336699 !important; -webkit-box-shadow: 5px 5px 12px #336699 !important; box-shadow: 5px 5px 12px #336699 !important; width: 50% !important; max-width: 180px !important;} div.styles29 p.sponsorlink a:link, p.sponsorlink a:visited {display: inline-block !important; width: auto !important; background: #4477aa !important;; color: white !important; font-size: 1.1em !important; padding: 0.5em !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; -moz-box-shadow: 5px 5px 10px #4477aa !important; -webkit-box-shadow: 5px 5px 10px #4477aa !important; box-shadow: 5px 5px 10px #4477aa !important; font-weight: bold !important;} div.styles29 p.sponsorlink a:hover, p.sponsorlink a:focus, p.sponsorlink a:active {background: #f0fcff !important; color: #336699 !important; -moz-box-shadow: 5px 5px 10px #ddeeff !important; -webkit-box-shadow: 5px 5px 10px #ddeeff !important; box-shadow: 5px 5px 10px #ddeeff !important; border: 1px solid #336699 !important;} @media (max-width: 800px) { div.styles29 {width: 100% !important;} div.styles29 h2.sponsortier {margin-bottom: 0 !important;} } div.styles28 div.tallshipssocial {width:320px !important; box-sizing: border-box !important; padding: 1em; float: right;} div.styles28 div.tallshipssocial h3 {font-weight: bold; color: #336699 !important; text-align:right !important; font-size: 1em !important; padding: 1em !important;} div.styles28 div.tallshipssocial ul {box-sizing: border-box !important; list-style-type: none !important; background: none !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; width: 100% !important;} div.styles28 div.tallshipssocial li {box-sizing:border-box !important; list-style-type: none !important; background: none !important; margin: 0 0 0 3px !important; display: inline-block !important; width: 140px !important; float: none !important; vertical-align: text-top !important;} div.styles28 div.tallshipssocial li a:link, div.styles28 div.tallshipssocial li a:visited {border: 0 none !important; text-decoration: none !important;color: #336699; font-weight: bold;} div.styles28 div.tallshipssocial li a:hover, div.styles28 div.tallshipssocial li a:focus, div.styles28 div.tallshipssocial li a:active {border: 0 none !important; text-decoration: none !important; color: black; font-weight: bold;} div.styles28 div.tallshipssocial li img {width: 36px !important;} div.styles28 div.tallshipssocial li a:link span {vertical-align: top; display: inline-block; padding-top: 8px;} @import url(//www.royalgreenwich.gov.uk/site/styles/generic/homepages.css); @import url(//www.royalgreenwich.gov.uk/site/styles/standard.css); @import url(standardWidgetStyles.css); @import url(//www.tfl.gov.uk/tfl-global/scripts/frameworks/jquery/plugins/time-picker/timePicker.css); @import url(//www.tfl.gov.uk/tfl-global/scripts/jquery-ui-1.8.14/themes/tfl/jquery.ui.all.css); #content div.styles1 .latestNewsWidget, #content div.styles1 .WhatsOnWidget, #content div.styles1 .homeCarouselWidget {margin-right: 5px;} #content div.styles2 .latestNewsWidget {margin: 0 5px -19px 0; padding-top: 10px; padding-bottom: 8px;} #content div.styles3 h2 {font-size: 1.2em; font-style: normal; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D32828} #content div.styles3 ul li {font-size: 1em; margin: 0 0 10px; padding: 0 0 0 21px; background: url(//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif) left 3px no-repeat;} #content div.styles4 h2 {line-height: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 1.2em; color: #D32828; margin: 0 0 -2px; font-weight: bold; border-bottom: solid 5px transparent;} #content div.styles4 div {border-bottom: none; padding-bottom: 0;} #content div.styles5 form input.field {margin: 0px 0px 5px 0px;width: 94%;} #content div.styles5 h2 {color: rgb(211, 40, 40); font-family: "Verdana", "Helvetica", "Arial", "sans-serif"; font-size: 1.2em; font-style: normal; font-weight: 700;} #content div.styles5 .clear-on-focus {color: rgb(153, 153, 153);} #content div.styles5 #gmap {height: 450px; width: 550px;} #content div.styles5 sup {vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em;} #content div.styles7 h2 {font-size: 1.2em; font-style: normal; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D32828} #content div.styles7 p {font-size: 1em; margin: 0; padding: 0 0 3px 0;} #content div.styles8 h2 {color: rgb(211, 40, 40); font-family: "Verdana", "Helvetica", "Arial", "sans-serif"; font-size: 1.2em; font-style: normal; font-weight: 700;} #content div.styles8 span.countdown-num {background-attachment: scroll;background-clip: border-box;background-color: transparent;background-color: rgb(255,255,255);background-origin: padding-box;background-position: 0% 50%;background-repeat: no-repeat;background-size: auto;color: rgb(211, 40, 40);font-size: 1.7em;font-weight: 700;margin-right: 2px;padding-bottom: 0px;padding-left: 4px;padding-right: 0px;padding-top: 0px;text-align: center;border-bottom: 2px solid rgb(210,210,210);border-right: 1px solid rgb(220,220,220);margin-bottom:0px;font-family:"arial", "helvetica", "verdana";} #content div.styles8 span.countdown-text {margin-left: 3px;} #content div.styles9 form input.field {margin: 0} #content div.styles9 form select {margin: 0} #content div.styles9 h2 {color: rgb(211, 40, 40); font-family: "Verdana", "Helvetica", "Arial", "sans-serif"; font-size: 1.2em; font-style: normal; font-weight: 700;} #content div.styles9 p {font-size: 1em;} #content div.styles9 .clear-on-focus {color: rgb(153, 153, 153);} #content div.styles9 ul.styles3 li { background: url("//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif") 0% 3px no-repeat transparent; font-size: 1em; margin: 0px 0px 10px; padding: 0px 0px 0px 21px;} #content div.styles9 input.button {width:auto; overflow:visible;} #content div.styles10 ul.atoz li.letter {float: left;font-size: 1.2em;width: 0.9em;text-align:center;padding-bottom:2px;} #content div.styles10 ul.atoz li.letter a:link {color: #1937B9;display:block;height:100%;width:100%;} #content div.styles11 .feat_wrap {height:80px;} #content div.styles12 .latestNewsWidget {height:136px; padding: 10px 16px 10px 16px; margin: 0 4px -10px;} #content div.styles12 .WhatsOnWidget {height:136px; padding: 10px 16px 10px 16px; margin: 0 4px 0} #content div.styles13 .servicesWidget {height:260px; margin: 0 0 0 0;} #content div.styles13 .servicesWidget div {padding-bottom:12px;} #content div.styles13 .getConnectedWidget {height:36px; margin: 0 0 0 0;} #content div.styles13 .getConnectedWidget div {padding: 5px 12px;} #content div.styles13 ul.atoz li a:link {display: inline-block;} #content div.styles13 ul.atoz li.letter {float: left;font-size: 1.2em;width: 0.9em;text-align: center;padding-bottom:2px;} #content div.styles13 ul.atoz li.letter a:link {color: #1937B9;display: block;height:100%;width:100%;} #content div.styles14 .latestNewsWidget {background: transparent; margin-left: 0; padding-left: 0;} #content div.styles14 .latestNewsWidget h2 {margin: 0 0 15px; line-height: 1.2; font-family: georgia, 'new century schoolbook', 'times new roman', times, serif; font-style: italic; font-size: 2em; color: #3b4145; font-weight: normal;} #content div.styles14 .latestNewsWidget h3 {margin: 24px 0 10px; font-size: 1.4em;} #content div.styles15 form input.field {margin: 0} #content div.styles15 form select {margin: 0} #content div.styles15 h2 {margin: 0 0 15px; line-height: 1.2; font-family: georgia, 'new century schoolbook', 'times new roman', times, serif; font-style: italic; font-size: 2em;} #content div.styles15 .clear-on-focus {color: rgb(153, 153, 153);} #content div.styles15 ul.styles3 li {background: url("//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif") 0% 3px no-repeat transparent;font-size: 1em;margin: 0px 0px 10px;padding: 0px 0px 0px 21px;} #content div.styles15 input.button {width:auto; overflow:visible;} /* SPECIFIC FORM STYLES */ /* Journey Planner */ #content div.styles16 #jpForm label{ position: absolute; left: -1999px; } #content div.styles16 #jpForm fieldset{ margin-bottom: 0; } #content div.styles16 #jpForm .advanced{ padding-left: 5px; background: url('../images/green-bullet.gif') 0 4px no-repeat; vertical-align: middle; line-height: 1em; float: left; } #content div.styles16 #name_destination, #content div.styles16 #name_origin{ width: 163px; margin-left: 8px; } #content div.styles16 #jpForm.rh-col .leaving-arriving label { position: static; vertical-align: middle; } /* JP right-hand col */ #content div.styles16 #ajpForm.rh-col input, #jpForm.rh-col select {font-family: Arial,sans-serif; font-size: 1em; background:inherit;} #content div.styles16 #jpForm.rh-col #name_origin, #jpForm.rh-col #name_destination { margin-left: 8px; width: 163px;margin-bottom: 0.5em} #content div.styles16 #jpForm.rh-col #type_destination, #jpForm.rh-col #type_origin {margin-left: 8px; margin-bottom: 0.5em; width: 13.4em;} #content div.styles16 #jpForm.rh-col .departure-date, #jpForm .departure-time {margin: 0 0 7px 0;} #content div.styles16 #jpForm.rh-col .departure-date select {width: 100%;} #content div.styles16 #jpForm.rh-col .departure-date {margin-left: 0; padding-left: 0; width: 8.2em; float:left;} #content div.styles16 #jpForm.rh-col .departure-time {float:left;} #content div.styles16 #jpForm.rh-col.js .departure-date {margin-left: 0.7em; width: auto !important} #content div.styles16 #jpForm.rh-col.js .departure-time {width: 7.1em; margin-left: 0.3em;} #content div.styles16 #jpForm.rh-col .departure-time input {margin-left: 0.4em;} #content div.styles16 #jpForm.rh-col .departure-time label.off-left {display: none;} #content div.styles16 #jpForm.rh-col #name_origin-err {margin-bottom: 0.2em;} #content div.styles16 #jpForm.rh-col .departure-time span {display: inline-block; float: left; margin-left: 0;} #content div.styles16 #jpForm.styled .departure-time label {display: block; float: none;} #content div.styles16 #jpForm.rh-col .departure-time select {width: 4.6em; margin-left: 0; float: left} #content div.styles16 #jpForm.rh-col .departure-date #leaving_at, #jpForm.rh-col .departure-time #choose-hour, #jpForm.rh-col .departure-time #choose-minutes {font-size: 1.04em; margin-bottom: 0;} #content div.styles16 #jpForm.rh-col #datepicker {width: 6.3em} #content div.styles16 #jpForm.rh-col #jp-time {width: 3em} #content div.styles16 #jpForm.rh-col #jp-time.select-down {width: 4.6em} #content div.styles16 #jpForm.rh-col .advanced {margin-left: 8px} #content div.styles16 #jpForm.rh-col input.button {margin-bottom: 3px; margin-left: 0; margin-right: 0.5em;} #content div.styles16 #jpForm.rh-col .leaving-arriving {margin-bottom: 0.3em;margin-left: 0.3em;} #content div.styles16 #jpForm.rh-col .leaving-arriving label {position: static; vertical-align: middle; display: inline; float: inherit; margin-left:0;} #content div.styles16 #jpForm.rh-col .leaving-arriving input {vertical-align: middle} #content div.styles16 #jpForm.rh-col .error-message, #jpForm .validation-messages {display: block; clear: both;} #content div.styles16 #jpForm.rh-col .error-message {left: 0.3em; position: relative; top: -0.5em; min-height: 1.2em;} #content div.styles16 #jpForm.rh-col.include .departure-date {width: 15em;} #content div.styles16 #jpForm.rh-col.include #choose-date {width: 4em; font-size: 1.1em} #content div.styles16 #jpForm.rh-col.include #choose-month {width: 9.3em; font-size: 1.1em} #content div.styles16 #jpForm.rh-col.include .departure-time {width: 15em; text-align: right} #content div.styles16 #jpForm.rh-col.include .departure-time span {float: none; margin-left: 0; margin-right: -0.3em; margin-left: -0.3em; } #content div.styles16 #jpForm.rh-col.include .departure-time select {float: none;} #content div.styles16 #jpForm.rh-col .departure-time .leave-at {margin-top: 3px;} #content div.styles16 #jpForm.rh-col.include .departure-time .leave-at {position: relative; left: -0.6em; top: -0.1em} #content div.styles16 #jpForm.rh-col.include .time-selection {float: none;} #content div.styles16 #jpForm.rh-col.include .departure-time #choose-hour {width: 5em;} #content div.styles16 #jpForm.rh-col.include .departure-time #choose-minutes {width: 5.6em;} #content div.styles16 .panel-separator { border-left: 0px; border-right: 0px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #ffffff; margin: 0; clear: both;} #content div.styles16 .panel .panel-separator {margin-right: -0.7em} #content div.styles16 .advanced, input.button.small.right {margin-top: 0.4em;} #content div.styles16 .jp-options {background: url("//www.tfl.gov.uk/tfl-global/images/options-icons.gif") no-repeat 96px 5px; float: left; width: 100%} #content div.styles16 #supporting-content .panel #jpForm .jp-options .advanced {margin-bottom: 0.6em;margin-top: 0.6em; width: 14em;} #content div.styles16 form select{margin-left: 8px;} /* .thin div.styles18 .fullwidth {width: 750px; border: 1px solid #000; position: absolute;}*/ div.styles20 p {margin: 0; padding: 0;} div.styles20 .warning {display: inline-block; color: #550300; background: #fffcf8; padding: 8px; font-size: 1.1em; border: 3px solid #BC212D;} #content div.styles3 h2 {font-size: 1.2em; font-style: normal; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D32828} #content div.styles3 ul li {font-size: 1em; margin: 0 0 10px; padding: 0 0 0 21px; background: url(//www.royalgreenwich.gov.uk/site/styles/css_img/arrowBullet.gif) left 3px no-repeat;}