html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
body {
line-height: 1
}
div.sys_atoz-control-currentletter, .sys_atoz_heading, .sys_record-image-control-caption, noscript p, noscript{
color:#000000 !important;
}
.sys_required{
color:#AD0000 !important;
}
.gtm {
display: none;
visibility: hidden;
height: 0;
width: 0;
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font-family: 'Century Gothic', Verdana, Helvetica, sans-serif;
padding: 0;
margin: 0;
color: #1b1919;
background-color: #fbf8f8
}
p {
margin: 1em 0;
line-height: normal
}
em {
font-style: italic;
}
ul {
list-style: disc;
margin: 1em 0 1em 2em;
line-height: normal;
}
ol {
list-style-type: decimal;
list-style-position: outside;
margin: 1em 0 1em 1.5em;
line-height: normal;
}
nav a, header a, header nav a, .bc a, footer a {
text-decoration: none
}
#RssFeedReader_RSS > p {
border-left: 5px solid red;
padding: 0.5em 1em;
background-color: #ffefef;
}
.sys_button-subscribe-rss, .sys_button-subscribe-atom{
display:none !important;
}
details > summary {
color: #0000FF;
cursor: pointer;
border: none;
outline: none;
padding-bottom: 1em;
}
details > p {
margin:0 0 2em 1em;
}
Remove link underline in edge
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
details > summary {
text-decoration: none;
}
}
.bc a {
text-decoration: none;
color: #00f
}
p a:hover[class*='sys_0'], .main .content-container p a:hover, .main .content-container .page-body ul li a:hover, .main .content-container .page-body ol li a:hover, .sys_tabsfilter-control.sys_events-tabs-control ul li a:hover, sys_theme-none .sys_events-control a:hover, .g_box a:hover {
color: #00007A
}
* {
box-sizing: border-box
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Berlin Sans MT', Helvetica, sans-serif;
font-weight: 600;
margin: 1em 0;
padding: .5em 0 0;
line-height: normal
}
h2 {
font-size: 2.2em
}
h3 {
font-size: 1.7em
}
h4 {
font-size: 1.4em
}
h5 {
font-size: 1.3em
}
h6 {
font-size: 1.1em
}
#skip, #skiptwitter {
background: #0e0e0f;
text-align: center;
}
#skip a, #skiptwitter a {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
color: #fff;
}
#skip a:focus, #skiptwitter a:focus {
position: static;
width: auto;
height: auto;
}
header {
width: 100%;
height: 125px;
margin-bottom: 0;
background: #344755
}
header h1 {
font-weight: 400
}
.ts {
width: 100%;
padding: 0;
position: relative;
overflow: hidden
}
.ts .left.banner {
padding: 0;
margin: 0
}
.ts .right {
width: 100%;
margin: 0 auto;
text-align: center;
height: 40px;
margin-bottom: .5em
}
.reg {
width: 60%;
padding: 0;
height: auto;
overflow: hidden;
margin: 0 auto;
border: none
}
.signin {
width: 50%;
float: left
}
.register {
width: 50%;
float: right
}
.signin, .register {
padding: .5em 0 0;
height: 40px;
text-align: center;
border: none
}
.signin a, .register a {
color: #fff;
font-size: 1.2em
}
.ts .left h1 {
font-size: 1.3em;
width: 320px;
margin: 0 auto;
color: #fff
}
.ts .left h1::before {
display: inline-block;
content: url(../../images/NorthAyrshireImages/logo-s-coloured-sm.png);
vertical-align: middle;
display: inline-block
}
.ts .left h1 a:link, .ts .left h1 a:visited {
color: #fff
}
.ts .left.search {
width: 100%;
padding: 0;
margin: 0.5em 0 0.5em 0;
float: none;
}
.hp-img {
display: none
}
.sys_textBoxWithRedirect {
width: 280px;
margin: 0 auto;
float: none;
padding: 0;
height: 35px;
overflow: hidden
}
#FBTextboxWithRedirect_redirectLabel {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sys_textBoxWithRedirect > input#FBTextboxWithRedirect_redirectImageButton {
width: 50px;
height: 38px;
float: right;
margin: 0;
background: none;
border-top: none !important;
border-right: none !important;
border-left: none !important;
border-bottom: none !important;
}
#FBTextboxWithRedirect_redirectTextBox {
width: 230px;
height: 35px;
float: left;
background: #455d6f;
color: #1b1919;
margin: 0;
padding: 0 0 0 .3em;
font-size: 1.1em;
color: #fff;
border-top: 1px solid #607482;
border-left: 1px solid #607482;
border-bottom: 1px solid #607482;
border-right: none
}
.ui-helper-hidden-accessible, .ui-help-hidden {
display: none
}
.ui-menu {
background-color: #fff;
padding: 1em;
width: 200px;
border: 1px solid #344755
}
.ui-menu, .ui-menu li {
list-style-type: none;
margin: 0;
padding: 0
}
.ui-menu-item a, li.ui-autocomplete-category {
display: block;
padding: .2em 0 .2em .5em
}
li.ui-autocomplete-category {
background-color: #e6e6e6;
font-weight: 700
}
.ui-state-focus {
background-color: #428bca;
color: #fff
}
ul.rightstuff, ul.wrongstuff{
list-style: none;
margin-left:1em;
}
ul.rightstuff > li:before{
content: '';
display: inline-block;
height: 20px;
width: 20px;
background-image: url('/SiteElements/images/tick.png');
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
margin-right:0.5em;
}
ul.wrongstuff > li:before{
content: '';
display: inline-block;
height: 20px;
width: 20px;
background-image: url('/SiteElements/images/cross.png');
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
margin-right:0.5em;
}
ul.bluebin, ul.brownbin, ul.greybin, ul.purplebin{
list-style: none;
margin-left:1em;
}
ul.bluebin > li:before{
content: '';
display: inline-block;
height: 20px;
width: 14px;
background-image: url('/SiteElements/images/blue-bin-icon.png');
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
margin-right:0.5em;
}
ul.brownbin > li:before{
content: '';
display: inline-block;
height: 20px;
width: 14px;
background-image: url('/SiteElements/images/brown-bin-icon.png');
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
margin-right:0.5em;
}
ul.greybin > li:before{
content: '';
display: inline-block;
height: 20px;
width: 14px;
background-image: url('/SiteElements/images/grey-bin-icon.png');
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
margin-right:0.5em;
}
ul.purplebin > li:before{
content: '';
display: inline-block;
height: 20px;
width: 14px;
background-image: url('/SiteElements/images/purple-bin-icon.png');
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
margin-right:0.5em;
}
.pb {
color: #00afef;
color: #fff
}
.db {
color: #0079c1;
color: #fff
}
.gn {
color: #8cc63f;
color: #fff
}
.main {
padding: 0;
margin: 0 auto;
background: #fbf8f8
}
.main h2 {
width: 95%;
max-width: 1280px;
margin: 0 auto;
padding: .7em 0 .5em;
font-size: 1.6em
}
.main h3 a {
text-decoration: none
}
footer {
background: #0e0e0f;
padding: 3em 0 5em;
color: #fff
}
.h-links {
width: 130px;
margin: 0 auto;
padding-top: 1em
}
.inner-footer {
overflow: hidden;
float: none;
width: 90%;
margin: 0 auto
}
.inner-footer .h-links ul {
padding: 0;
margin: 0;
width: 130px;
text-align: center
}
.inner-footer .h-links ul li {
list-style: none;
margin-bottom: .5em
}
.inner-footer .h-links ul li a {
color: #fff;
text-decoration: none
}
.inner-footer p {
text-align: center
}
.social {
margin: 0 auto;
width: 314px;
padding-top: .5em;
overflow: hidden;
display: block
}
.social img {
width: 32px;
height: 32px;
display: block;
margin: 0 10px;
float: left
}
.bc {
width: 100%;
margin: 0 auto;
padding: .7em 0;
background: #EFEEEE;
border-bottom: 1px solid #cdcaca
}
.bc div {
width: 95%;
max-width: 1280px;
margin: 0 auto;
line-height: 2
}
span.bc-img {
background-image: url(/SiteElements/images/public-site/bc-arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
width: 20px;
display: inline-block
}
.bc div img {
vertical-align: central
}
.grid {
width: 95%;
max-width: 1280px;
margin: 0 auto;
background: #fbf8f8;
overflow: hidden;
padding-top: 0
}
.grid.bp {
width: 95%;
float: none;
margin: 0;
padding: 0;
height: 1px
}
.grid-box ul {
padding: .5em 0 0;
margin: 0
}
.grid-box a {
text-decoration: none
}
.col-3, .col-3gis, col-2 {
padding: 0;
margin: 0
}
.col-3 .grid-box, .col-3gis .grid-box {
height: auto;
margin: 0 0 1em;
padding: 0 1em 0 0;
width: 95%;
background: #fbf8f8;
border: none
}
.grid.lp .col-3 .grid-box.short {
margin-bottom: .5em
}
.col-3 .grid-box ul {
list-style: none;
background: #fbf8f8
}
.col-3 .grid-box ul li {
margin: 0 0 .5em;
display: block
}
.col-3 .grid-box ul li a {
color: #0000FF;
}
.col-3 .grid-box ul li:last-child a {
color: #8cc63f;
font-weight: 700
}
.col-3 .grid-box h2, .col-3gis .grid-box h2, .col-3 .grid-box h3 {
background: #fbf8f8;
border-bottom: none;
padding: 0;
margin: 0;
font-size: 1.4em
}
.col-3gis label {
padding: .5em 0 0;
display: block
}
.col-3 .grid-box p {
padding: .5em 0 0;
margin: 0
}
.col-3 .grid-box h2 a, .col-3gis .grid-box h2 a, .col-3 .grid-box h3 a {
color: #075D92;
margin-top: 0
}
.col-3 .grid-box, .col-3 .grid-box.short {
width: 100%;
padding: 1em 1em 1em 0;
background: #fbf8f8;
border-bottom: 1px solid #cdcaca;
margin-bottom: .5em
}
.col-3gis .grid-box {
width: 100%;
padding: 1em 1em 1em 0;
background: #fbf8f8;
border-bottom: none;
margin-bottom: .5em
}
.grid.lp .col-3 .grid-box {
padding: 1em 1em 1em 0
}
.col-4 .grid-box, .grid.bp, .row-h {
background: #0e0e0f
}
.col-4 {
padding-bottom: 2em;
margin: 0 auto
}
.col-3, .col-3gis {
float: left;
padding: .5em .5em .5em 0;
width: 95%
}
.col-4 .grid-box.news {
background: #344755;
padding: 0 1em 0 1.5em;
overflow: hidden;
margin: 0 auto
}
.sys_thumbnail {
display: none
}
.col-4 .grid-box.news h3 a {
color: #fff;
font-size: .8em;
font-weight: 400
}
.col-4 .grid-box {
height: auto;
padding-bottom: 1em
}
.col-4 .grid-box.news .news-item p a, .col-4 .grid-box.news p a {
color: #fff
}
.last {
border-bottom: none
}
.hp_news_feature {
margin-bottom: .5em;
padding-bottom: .5em;
overflow: hidden;
border-bottom: 1px dotted #cecece;
}
.hp_news_feature_text > img {
float: left;
padding: 0;
margin: 0 1em 1em 0;
background: #fff
}
.hp_news_feature_text h3 {
margin: 1em 0 0 0;
padding: 0;
color: #fff;
font-weight: 400;
border-bottom: none
}
.hp_news_feature_text {
margin: 1em 0 0;
padding: 0;
font-size: 90%;
overflow: hidden
}
.hp_f {
border-bottom: none
}
h3.hp_f {
font-size: 1.4em
}
.col-4 .grid-box.news .feature {
margin: 0;
height: 415px;
/* float: right; */
max-width: 100%;
}
.col-4 .grid-box.news .sys_subitem {
overflow: hidden;
padding: 0;
height: auto;
margin: 0;
width: 100%
}
.col-4 .grid-box.news .sys_subitem h3 {
margin-top: 0
}
.col-4 .grid-box.news .feature .sys_subitem {
height: 55px
}
.col-4 .grid-box.news .feature img {
width: 120px;
float: left;
padding: 0
}
.col-4 .grid-box.news .feature .sys_subitem img {
display: none
}
.col-4 .grid-box.news .feature h3 {
padding: 0;
margin: 1em 0 0 0;
}
.col-4 .grid-box.news .feature h3 a {
padding: 0;
margin: 0;
font-size: 60%
}
.feature .news_links {
margin-top: 2em
}
#SearchBoxHolder label {
line-height: normal
}
.SearchTextInput {
display: block;
margin: .8em 0 .75em;
height: 30px;
border: 1px solid #919292;
width: 80%;
padding: 0 0 0 .5em
}
.gis-search-button {
color: #fff;
background: #44611F;
border-top: 4px solid #44611F;
border-right: 4px solid #44611F;
border-left: 4px solid #44611F;
border-bottom: 3px solid #39511a;
font-size: 18pt;
height: 40px;
padding: .05em .5em .2em;
margin: 0
}
.gis-search-button:hover {
background: #517224;
border-top: 4px solid #517224;
border-right: 4px solid #517224;
border-left: 4px solid #517224;
border-bottom: 3px solid #517224
}
#resultsHolder {
overflow: auto;
max-height: 300px
}
#Clear {
display: none
}
#HowMany {
display: none
}
#ResultsInfo a {
display: block;
margin: 1em 0 -1em
}
div.page-body input#SearchBox.SearchTextInput {
width: 60%;
min-width: 280px
}
.sys_none.sys_themed.sys_theme-none {
width: 95%;
margin: 0 auto
}
.sys_news.sys_themed.sys_theme-none .sys_thumbnail {
display: none
}
.sys_news.sys_themed.sys_theme-none .sys_news-title.sys_standardlist-title {
margin-left: 0
}
.sys_groupheader {
margin: 0 0 .5em;
font-weight: 700
}
.sys_news.sys_themed.sys_theme-none .sys_subitem {
overflow: hidden;
width: 90%
}
.sys_news.sys_themed.sys_theme-none .sys_subitem h3 {
padding: 0;
margin: .5em 0;
font-size: 1.1em
}
.sys_news.sys_themed.sys_theme-none .sys_subitem h3 a {
color: #0000FF;
}
.sys_news.sys_themed.sys_theme-none .sys_subitem h3 a:hover {
color: #00007A
}
.sys_news.sys_themed.sys_theme-none .sys_subitem-summary.sys_news-summary dl dt, .sys_subitem-summary.sys_news-summary dl dd {
display: inline;
display: none
}
.sys_news.sys_themed.sys_theme-none .sys_button.sys_searchbutton.sys_search-button, #EventsCalendar_Search_SearchButton {
color: #fff;
background: #568300;
border-top: 4px solid #568300;
border-right: 4px solid #568300;
border-left: 4px solid #568300;
border-bottom: 3px solid #39511a;
font-size: 18pt;
height: 40px;
padding: .05em .5em .2em
}
#EventsCalendar_Search_SearchButton {
margin-bottom: 1em
}
.news-date {
border-top: 1px solid #cbcaca;
border-bottom: 1px solid #26baf1;
padding: 1em 0
}
.sys_theme-none .sys_tools-control {
margin: 0 0 10px;
padding: .6em 0;
text-align: right;
width: 100%;
border-top: 1px solid #ecebeb;
border-bottom: 1px solid #ecebeb;
font-weight: 700
}
.sys_theme-none .sys_tools-control:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.sys_theme-none .sys_tools-control div {
float: right;
min-height: 16px;
text-align: left;
padding-right: 18px;
background-repeat: no-repeat;
background-position: 0 50%
}
.sys_theme-none .sys_tools-control div a {
display: block;
color: #333;
text-decoration: none;
padding: 2px 0 2px 22px;
background-repeat: no-repeat;
background-position: 0 50%
}
.sys_theme-none .sys_tools-control div a:hover {
text-decoration: underline
}
.sys_theme-none .sys_rss-link, .sys_theme-none .sys_button-subscribe-rss {
display: block;
overflow: hidden;
white-space: nowrap;
font-size: 11px
}
.sys_theme-none .sys_rss-link a, .sys_theme-none .sys_button-subscribe-rss a {
display: block;
padding: 2px 0 2px 22px;
overflow: hidden;
font-weight: 700;
background: url(http://www.north-ayrshire.gov.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Rss-Feed-Icon.gif) 0 50% no-repeat
}
.sys_theme-none .sys_atom-link, .sys_theme-none .sys_button-subscribe-atom {
display: block;
overflow: hidden;
white-space: nowrap;
font-size: 11px
}
.sys_theme-none .sys_atom-link a, .sys_theme-none .sys_button-subscribe-atom a {
display: block;
padding: 2px 0 2px 22px;
font-weight: 700;
background: url(http://www.north-ayrshire.gov.uk/aspnet_client/ContensisThemes/simple/Common/Imgs/Atom-Feed-Icon.gif) 0 50% no-repeat;
overflow: hidden
}
.sys_theme-none h1 span.sys_rss-link, .sys_theme-none h2 span.sys_rss-link, .sys_theme-none h3 span.sys_rss-link {
width: 100px;
padding-right: 15px;
position: absolute;
top: 0;
right: 0
}
.sys_theme-none h1 span.sys_atom-link, .sys_theme-none h2 span.sys_atom-link, .sys_theme-none h3 span.sys_atom-link {
width: 100px;
padding-right: 15px;
position: absolute;
top: 0;
right: 100px
}
.sys_theme-none .sys_ticker {
min-height: 1.3em;
clear: both;
padding: 12px 0;
margin: -11px 0 1em;
border-top: 1px solid #cdcaca;
border-bottom: 1px solid #cdcaca
}
.sys_theme-none .sys_ticker span {
font-weight: 700;
text-transform: uppercase;
font-size: .9em;
margin: 0 4px 0 0
}
.sys_theme-none .sys_ticker a {
text-decoration: none
}
.sys_theme-none .sys_search-options .sys_search-row, .sys_theme-none .sys_search-options .sys_basic-search-row {
min-height: 1em;
clear: both;
margin: 0 0 .8em;
position: relative
}
.sys_theme-none .sys_search-options label {
font-weight: 700;
display: block
}
.sys_theme-none .sys_search-options .sys_search-row-label, .sys_theme-none .sys_advanced-search-options .sys_search-row-label {
font-weight: 700;
margin: 0 0 .5em;
display: block
}
.sys_theme-none .sys_search-options {
position: static
}
.sys_basic-search-row.sys_month-row select, .sys_basic-search-row.sys_year-row select {
width: 70px
}
.sys_theme-none .sys_flickrpager {
margin: 0 auto;
padding: 2em 0;
min-height: 1.5em;
text-align: center;
clear: both;
width: auto;
background: none;
float: none;
width: 100%
}
.sys_theme-none .sys_flickrpager .sys_paginginfo {
display: none
}
.sys_theme-none .sys_flickrpager .sys_navigation {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: 400;
width: auto;
background: none;
float: none;
border: 0 none
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_selected span {
border: 1px solid #cdcaca;
padding: 2px 7px;
text-decoration: none;
width: auto;
color: #fff;
background: #344755;
float: none;
cursor: default;
font-weight: 700;
}
.sys_theme-none .sys_flickrpager .sys_navigation a {
padding: 2px 7px;
text-decoration: none;
width: auto;
background: none;
float: none;
border: 0 none
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_page {
margin-right: 2px;
width: auto;
background: none;
float: none;
border: 0 none
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_page a {
border: 1px solid #cdcaca;
width: auto;
background: none;
float: none
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_navigationnext a, .sys_theme-none .sys_flickrpager .sys_navigation span.sys_navigationprevious a {
color: #000;
display: none
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_page a:hover {
background: #0086c2;
border: 1px solid #0086c2;
color: #fff
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_navigationnext a:hover, .sys_theme-none .sys_flickrpager .sys_navigation span.sys_navigationprevious a:hover {
text-decoration: underline;
color: #0086c2
}
.sys_theme-none .sys_flickrpager .sys_navigation .sys_at-start, .sys_theme-none .sys_flickrpager .sys_navigation .sys_at-end {
color: #bcbcbc
}
.sys_theme-none .sys_flickrpager .sys_navigation .sys_disabled {
padding: 2px 7px;
color: #000;
width: auto;
background: none;
float: none;
border: 0 none;
cursor: default;
display: none
}
.sys_theme-none .sys_flickrpager .sys_navigation .sys_ellipsis {
cursor: default;
color: #000;
display: none
}
.sys_theme-none .sys_record-control dl {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%
}
.sys_theme-none .sys_record-control dl dt {
float: left;
color: #666;
font-weight: 700;
font-size: 1em;
display: block;
margin: 0;
padding: .5em 0;
border-top: 1px solid #ebebeb;
min-height: 1.8em;
width: 29.9%
}
.sys_theme-none .sys_record-control dl dd {
float: left;
display: block;
margin: 0;
padding: .5em 0;
border-top: 1px solid #ebebeb;
min-height: 1.8em;
width: 70%
}
.sys_theme-none .sys_record-control dl dd:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.sys_theme-none .sys_record-control h2, .sys_theme-none .sys_record-control h3, .sys_theme-none .sys_record-control h4, .sys_theme-none .sys_record-control h5, .sys_theme-none .sys_record-control h6 {
font-size: 1.3em;
font-weight: 400;
background: none;
border: 0 none;
margin: 5px 0 10px;
padding: 0
}
.sys_theme-none .sys_record-control h3, .sys_theme-none .sys_record-control h4, .sys_theme-none .sys_record-control h5, .sys_theme-none .sys_record-control h6 {
font-size: 1.1em;
font-weight: 700;
}
.sys_theme-none .sys_record-control ul {
margin: 0 0 15px;
padding: 0 0 0 45px
}
.sys_theme-none .sys_record-control dd ul {
float: left;
width: 250px;
padding: 0 0 0 20px
}
.sys_theme-none .sys_record-control ul li {
margin: auto;
padding: .3em 0;
border: 0 none;
list-style-type: square;
background: none;
border: 0 none
}
.sys_theme-none .sys_record-control .sys_record-header {
clear: both
}
.sys_theme-none .sys_record-control .sys_record-header .sys_record-title {
margin: 0
}
.sys_theme-none .sys_record-control .sys_record-body {
clear: both
}
.sys_theme-none .sys_record-control .sys_record-col {
float: left
}
.sys_theme-none .sys_record-control .sys_record-col1 {
float: left;
width: 72%
}
.sys_theme-none .sys_record-control .sys_record-col2 {
float: right;
width: 27%
}
.sys_theme-none .sys_record-control .sys_record-group {
margin: 0 0 8px;
padding: 0
}
.sys_theme-none .sys_record-control .sys_record-group .sys_record-subhdr {
font-weight: 400;
margin: 0 0 .5em;
font-size: 1.3em;
padding: .5em 0 .3em
}
.sys_theme-none .sys_record-control .sys_record-col2 .sys_record-group .sys_record-subhdr {
margin: 0;
padding: .5em 8px .3em
}
.sys_theme-none .sys_record-control ul.sys_record-info-items li.sys_yes span {
font-weight: 700;
color: #060
}
.sys_theme-none .sys_record-control ul.sys_record-info-items li.sys_no span {
font-weight: 700;
color: #C00
}
.sys_theme-none .sys_record-control table {
border: 1px solid #cbcaca;
padding: 1em;
background: #fff;
border-collapse: collapse;
margin: 1em 0
}
.sys_theme-none .sys_record-control table td, .sys_theme-none .sys_record-control table th {
border: 1px solid #cbcaca;
border-collapse: collapse;
padding: 1em;
vertical-align: top
}
.sys_theme-none .sys_record-control table th {
background: #c3c1c1;
border-right: 1px solid #fff
}
.sys_theme-none .sys_record-control table caption {
font-size: 1.3em;
text-align: left;
margin-bottom: 1em
}
.sys_theme-none .sys_record-control table p {
margin: 0;
padding: 0
}
.sys_theme-none .sys_record-control .sys_record-footer {
clear: both
}
.sys_theme-none .sys_record-control .sys_record-image {
margin: 0 0 12px;
padding: 20px 10px;
text-align: center;
overflow: hidden;
background: #f7f7f7;
border: 1px solid #bababa
}
.sys_theme-none .sys_record-control .sys_record-image img {
display: block;
margin: 0 auto
}
.sys_theme-none .sys_record-control .sys_record-image-control {
float: left;
padding: 0 0 20px;
position: relative;
z-index: 1;
width: 100%
}
.sys_theme-none .sys_record-control .sys_record-image-control img {
display: block;
border: 3px solid #ccc;
margin: 0 0 1em;
padding: 0
}
.sys_theme-none .sys_record-control .sys_record-image-control-caption {
width: 200px;
font-size: .9em;
color: #666;
white-space: normal;
word-spacing: normal;
margin: 0;
padding: 0
}
.sys_theme-none .sys_record-control ul.sys_record-info-items {
margin: 0 0 1em;
padding: 0;
font-size: 100%
}
.sys_theme-none .sys_record-control ul.sys_record-info-items li {
display: block;
border-bottom: 1px solid #e3e3e3;
list-style-type: none;
padding: .3em 10px
}
.sys_theme-none .sys_record-control .sys_record-col1 ul.sys_record-info-items li {
padding: .5em 0
}
.sys_theme-none .sys_record-control .sys_record-col1 ul.sys_record-info-items li p {
font-weight: 400;
margin: .2em 0 .7em
}
.sys_theme-none .sys_record-control ul.sys_record-info-items li.sys_last {
border-bottom: 0 none
}
.sys_theme-none .sys_record-control ul.sys_record-info-items li strong.sys_rclabel {
font-weight: 700;
margin: 0 5px 0 0
}
.sys_theme-none .sys_record-control .sys_record-col1 .sys_record-group {
font-size: 1em
}
.sys_theme-none .sys_record-control .sys_record-col1 .sys_record-group .sys_record-subhdr {
font-size: 1.2em
}
.sys_theme-none .sys_record-control .sys_record-col1 .sys_record-group ul, .sys_theme-none .sys_record .sys_record-col1 .sys_record-group li {
font-size: 100%;
padding: .5em 0
}
.sys_theme-none .sys_record-control .sys_record-col1 .sys_record-story ul {
margin-left: 32px
}
.sys_theme-none .sys_record-control .sys_record-col2 .sys_record-group ul.sys_record-info-items li strong.sys_rclabel {
width: 100px;
display: inline-block
}
.sys_theme-none .sys_news-record .sys_news-posted-date {
font-weight: 400;
padding: .5em 0;
font-size: 1.1em;
margin: 1em 0 10px;
border-top: 1px solid #cdcaca;
border-bottom: 1px solid #cdcaca
}
#NACAZListing_wrapper > div.sys_atoz-control > ul > li a {
color: #0000FF;
}
#NACAZListing_wrapper > div.sys_atoz-control > ul > li.sys_noresults span {
color: #000;
}
#NACAZListing_wrapper > div.sys_atoz-control > ul > li.sys_selected a {
color: #fff;
}
.col-4 .grid-box {
background: #eaebeb;
border: none;
padding: 0
}
.gb-title {
margin: 0
}
.gb-title h3 {
padding: .3em 0 0 .7em;
margin: 1em 0 .3em;
font-weight: 400;
color: #fff
}
.news-item {
overflow: hidden
}
.news-item img {
display: none
}
.news-item p {
width: 90%;
float: none;
margin: 1em 0
}
.news-item p a {
text-decoration: none
}
.sys_theme-none .sys_news-record p, .sys_theme-none .sys_news-record ul, .sys_theme-none .sys_news-record ol {
max-width: 730px
}
.sys_theme-none .sys_news-record ul, .sys_theme-none .sys_news-record ol {
font-size: 1.15em;
}
.sys_theme-none .sys_news-record table {
border-collapse: collapse;
border: 1px solid #cecece
}
.col-4 .grid-box.twitter {
display: none
}
.slider-container {
display: none
}
.grid.lp {
float: none;
margin: 0 auto;
width: 95%;
max-width: 1280px;
padding: 0
}
.grid.lp h2 {
padding: 0
}
div.grid.lp > div.col-3 > div.grid-box > h3 {
font-size: 1.5em
}
.content-container {
padding: 0;
overflow: hidden;
margin: 0 auto;
width: 100%;
max-width: 1280px;
background: #fbf8f8
}
.sys_record-control.sys_news-record .sys_news-record-title, .sys_record-control.sys_events-record .sys_events-record-title {
margin-left: 0
}
.content-container h2 {
width: 95%;
max-width: 1280px
}
.page-body, .generic-page-body {
width: 95%;
margin: 0 auto
}
.page-body h3, .page-body h4, .page-body h5, .page-body h6 {
margin-top: 0
}
.nav-container {
clear: both;
padding: 0 1em 1em 0
}
nav {
margin: 0 auto;
width: 95%;
padding: .2em 1em .5em;
font-size: 1.15em;
background: #e6e6e6;
background: #fbf8f8
}
nav ul {
padding: 0;
margin: 0;
list-style: none
}
nav ul li {
margin: 1em 0
}
nav ul li a {
color: #0000FF;
}
nav ul li a:hover {
color: #00007A
}
nav ul li div {
padding: .2em 0 .2em 1em;
border-left: 10px solid #8cc63f;
border-top: 1px solid #8cc63f;
border-bottom: 1px solid #8cc63f;
border-right: 1px solid #8cc63f
}
nav h3 {
font-size: 1.2em;
padding: 0
}
.nav-container .col-container {
margin: 0 auto;
width: 95%;
padding: .3em 1em 0 1.5em
}
.cen {
text-align: center
}
div.listing-image {
position: relative
}
div.status {
position: absolute;
width: 225px;
height: 150px;
top: 0;
left: 0
}
div.under-offer {
background-image: url(http://www.north-ayrshire.gov.uk/Documents/PropertyServices/InfrastructureDesign/EstatesandEnergyManagement/under-offer.png)
}
div.closing-date {
background-image: url(http://www.north-ayrshire.gov.uk/Documents/PropertyServices/InfrastructureDesign/EstatesandEnergyManagement/closing-date.png)
}
.page-body p.small-text {
font-size: 0.8em;
}
.page-body ul > li > ul > li {
font-size: 90%;
}
.main .grid-box ul li a, .news-item p a {
font-weight: 400
}
.main .grid-box p a, .main .grid-box ul li a {
text-decoration: underline
}
.info-container .info p a {
text-decoration: underline;
color: #00f;
}
.main .promo-box .promo-box-text p a, .main .promo-box .promo-box-text a {
font-weight: 700;
color: #fff;
text-decoration: underline
}
.s-generic, a.s-generic, .other, div.ca-box2 > p > select {
display: block
}
.ca-box2 span {
display: block;
margin: 1em 0
}
.info-container {
margin: 0 auto;
width: 100%;
max-width: 1280px;
padding: 1em 0;
clear: both
}
.info {
padding: 0 1em;
background: #efeeee;
border: 1px solid #cdcaca
}
.info h2, .info h3, .info h4 {
padding-top: 0
}
.contact {
background: transparent;
border: 1px solid #cdcaca;
padding-top: 1em
}
.alert {
border: 2px solid #b10e1e;
background: #faeff0
}
.sitewidebox .alert {
border: 2px solid #b10e1e;
background: #b10e1e;
padding: 0em 2em;
font-size: 1.2em;
}
.sitewidebox img {
float: left;
margin: 0.7em 1em 0.7em 0em;
}
.sitewidebox .alert p a {
color: #FFF !important;
}
.promo-box {
padding: 1em;
width: 100%;
background: #075D92;
color: #fff;
margin: .5em 0 1em
}
.promo-box img {
display: none
}
.promo-box-text {
padding: 0;
margin: 0
}
.promo-box-text p, .promo-box-text h3 {
padding: 0 1em 0 0
}
.promo-box-text h3 {
margin: 2em 0 1em;
font-size: 1.4em
}
.responsive-table {
margin-bottom: 1em;
overflow-x: auto
}
.standard_table {
border: 1px solid #cbcaca;
padding: 1em;
background: #fff;
border-collapse: collapse;
margin: 1em 0
}
.standard_table td, .standard_table th {
border: 1px solid #cbcaca;
border-collapse: collapse;
padding: 1em;
vertical-align: top
}
.standard_table th {
background: #c3c1c1;
border-right: 1px solid #fff
}
.standard_table caption {
font-size: 1.3em;
text-align: left;
margin-bottom: 1em
}
.finance_table {
border: 1px solid #cbcaca;
padding: 1em;
background: #fff;
border-collapse: collapse;
margin: 1em 0
}
.finance_table td, .finance_table th {
border: 1px solid #cbcaca;
border-collapse: collapse;
padding: 1em;
vertical-align: top
}
.finance_table th {
background: #ddebf7;
border-right: 1px solid #fff
}
.stripe {
background-color: #ddebf7;
}
.finance_table td {
text-align: right;
}
.finance_table td:first-child {
text-align: left;
width: 30%;
}
.finance_table caption {
font-size: 1.3em;
text-align: left;
margin-bottom: 1em
}
p a[class*='sys_'] {
text-decoration: none;
color: #000;
font-weight: 400
}
ul.sys_itemslist li {
margin-bottom: 1em
}
.button {
color: #fff;
background: #44611F;
border-top: 4px solid #44611F;
border-right: 4px solid #44611F;
border-left: 4px solid #44611F;
border-bottom: 3px solid #39511a;
font-size: 18pt;
height: 40px;
padding: .05em .5em .2em
}
.button:hover {
background: #517224;
border-top: 4px solid #517224;
border-right: 4px solid #517224;
border-left: 4px solid #517224;
border-bottom: 3px solid #517224
}
.button {
margin: 2em 0 2em .5em
}
p a:link.button {
text-decoration: none;
font-weight: 400;
font-size: 18pt;
color: #fff
}
p a:visited.button {
color: #fff
}
.start {
background-image: url(/siteelements/images/right-arrow.png) !important;
background-repeat: no-repeat !important;
background-position: center right !important;
padding: .05em 1em .2em .5em !important
}
p .button.start {
margin: 1em 0
}
.start:hover {
background-image: url(/siteelements/images/right-arrow.png);
background-repeat: no-repeat;
background-position: center right
}
.disabled {
opacity: .5;
filter: alpha(opacity=50)
}
.lp-form {
padding: 1em;
margin-bottom: 1em;
background: #e2e6e7;
border: 1px solid #bfbdbd
}
.lp-form h3, .lp-form fieldset legend {
font-size: 1.4em;
margin: 0;
font-weight: 600;
padding: 0
}
.lp-form fieldset {
padding: 0;
margin: 0
}
.lp-form fieldset label {
padding: .4em 0 0;
margin: 0
}
.lp-form fieldset select, .lp-form fieldset input[type='text'] {
width: 90%;
max-width: 400px;
margin: 1em 0
}
.lp-form > fieldset > input[type='button'] {
margin: 0
}
.lp-form img {
display: none
}
.fw-image img, .sm-image-left, .sm-image-right, .med-image-left, .med-image-right {
display: block;
float: none;
width: 100%;
height: auto;
margin: 0 auto
}
.th-image-left {
float: left;
margin: 1em 1.5em 1em 0
}
.th-image-right {
float: right;
margin: 1em 0 1em 1.5em
}
.th-image-left img, .th-image-right img {
height: 90px;
width: 90px
}
.med-image-left, .med-image-right {
margin-bottom: 1em
}
.med-image-left img, .med-image-right img {
width: 300px;
height: auto
}
.fw-image {
display: none
}
.sm-image-right p, .sm-image-left p, .med-image-left p, .med-image-right p {
font-size: 95%;
margin: .5em 0 1em;
font-weight: 700
}
.content-container {
margin: 0 auto
}
.content-container h2, .sys_record-control.sys_news-record .sys_news-record-title, .sys_record-control.sys_events-record .sys_events-record-title {
font-size: 1.8em;
width: 95%
}
.page-body h3 {
font-size: 1.4em
}
.page-body h4 {
font-size: 1.2em
}
.page-body h5 {
font-size: 1.1em
}
.page-body h6 {
font-size: 1em
}
div.grid-box > h3 a:hover, div.grid-box > h2 a:hover, div.grid-box > ul > li > a:hover, div.grid-box > ul > li:last-child > a:hover {
color: #00007A
}
.grid-box p, .grid-box ul {
display: none
}
#corona .grid-box p, #corona .grid-box ul {
display: inline-block;
}
.col-3, .col-3gis {
padding: 0;
margin-top: 0;
width: 100%
}
.col-3 .grid-box h3, .col-3 .grid-box .short h3, .col-3 .grid-box h2, col-3gis .grid-box h2, .col-3 .grid-box .short h2 {
text-align: left;
background: #fbf8f8
}
.col-3 .grid-box h3 a, .col-3 .grid-box .short h3 a, .col-3 .grid-box h2 a, .col-3gis .grid-box h2 a, .col-3 .grid-box .short h2 a {
background: #fbf8f8
}
.col-3 .grid-box h3 a:hover, .col-3 .grid-box .short h3 a:hover, .col-3 .grid-box h2 a:hover, col-3gis .grid-box h2 a:hover, .col-3 .grid-box .short h2 a:hover {
color: #00007A
}
.promo-box-text h3 {
margin-top: 0
}
.fs-vid, .gis-map {
position: relative;
height: 0;
overflow: hidden;
margin: 1em 0
}
.ar-16x9 {
padding-bottom: 56.25%
}
.ar-4x3 {
padding-bottom: 75%
}
.fs-vid iframe, .gis-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.sys_events.sys_themed.sys_theme-none {
margin: 0 .5em 1em
}
.g_box {
width: 95%;
max-width: 1280px;
margin: 0 auto
}
.sys_events-search-control.sys_modular-search-control input {
width: 90%
}
.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control, .sys_news-posted-date {
font-weight: 400;
padding: .5em 0;
font-size: 1.1em;
margin: 1em 0 10px;
border-top: 1px solid #cdcaca;
border-bottom: 1px solid #cdcaca
}
.sys_theme-none .sys_events-tools-control .sys_button-subscribe-calendar a {
background-image: url(imgs/calendar-icon.gif)
}
.sys_theme-none .sys_events-tools-control .sys_button-download a {
background-image: url(../Common/imgs/acrobat-icon.gif)
}
.sys_theme-none.sys_events .sys_events-control {
float: left;
margin: 0;
padding: 0
}
.sys_theme-none .sys_events-control .sys_subitem {
border-bottom: 1px dotted #cdcaca;
padding-bottom: 1em;
margin-bottom: 1em
}
.sys_theme-none .sys_events-control .sys_itemslist div.sys_icon {
float: right;
width: 52px;
height: 52px;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(imgs/icons/large/default.png)
}
.sys_theme-none .sys_events-control .sys_subitem .sys_events-summary {
position: relative;
z-index: 300;
top: -15px;
margin: 0;
padding: 0;
min-height: 1.3em;
}
.sys_theme-none .sys_events-control .sys_subitem .sys_events-summary dl {
padding-bottom: 0
}
.sys_theme-none .sys_events-control .sys_subitem .sys_events-summary dl dt.sys_events-date {
display: none;
padding-bottom: .5em
}
.sys_theme-none .sys_events-control .sys_subitem .sys_events-summary dl dt.sys_events-location {
padding-bottom: .5em
}
.sys_theme-none .sys_events-control .sys_subitem .sys_events-summary dl dd.sys_events-location {
font-weight: 700;
width: 85%;
padding-bottom: 0
}
.sys_theme-none .sys_events-control .sys_subitem .sys_events-summary dl dt.sys_events-description {
display: none
}
#EventsCalendar_List_List > div.sys_groupheader {
margin-top: 1em;
font-size: 1.4em
}
.sys_theme-none.sys_events .sys_events-search-control {
margin: 0;
padding: 8px 0 0
}
#EventsCalendar_Search {
width: 95%;
margin: 0;
padding: 0
}
.sys_theme-none .sys_events-search-control .sys_search-row, .sys_theme-none .sys_events-search-control .sys_basic-search-row {
margin-bottom: 0;
position: static
}
.sys_theme-none .sys_events-search-control label {
width: 100%;
display: block;
margin: 0 0 4px
}
.sys_theme-none .sys_events-search-control input, .sys_theme-none .sys_news-search-control input {
width: 95%;
max-width: 230px
}
.sys_theme-none .sys_events-search-control select {
width: 98%
}
.sys_theme-none .sys_events-record div.sys_events-photo {
float: left;
display: inline;
background: #fff;
border: 7px solid #f0f0f0;
margin-right: 15px;
width: 140px;
min-height: 180px;
text-align: center
}
.sys_theme-none .sys_events-record div.sys_events-photo img {
display: block;
margin: auto
}
.sys_theme-none .sys_events-record dl dd ul li span.sys_spanlabel {
color: #2469a3
}
.sys_theme-none .sys_events-record dl dd.sys_events-date ul {
font-size: 100%
}
.sys_theme-none .sys_events-record dl dd.sys_events-contact p {
margin: 0;
padding: 0
}
.sys_theme-none .sys_events-record dl dt.sys_events-description {
display: none
}
.sys_theme-none .sys_events-record dl dd.sys_events-description {
width: 100%
}
.sys_theme-none .sys_events-record dl dt.sys_events-contact {
display: none
}
.sys_theme-none .sys_events-record dl dd.sys_events-contact {
width: 100%
}
div.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control > div.sys_button-subscribe-rss {
float: left
}
div.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control > div.sys_button-subscribe-atom {
float: right
}
div.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control > .sys_button-subscribe-calendar {
text-align: center;
display: block;
width: 100%;
margin-top: .5em
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div {
position: relative;
background: none;
border: 0 none;
padding: 0 0 0 45px
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div * {
position: static
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div .sys_subitem-heading {
background: none;
margin: 0;
padding: 0 0 0 15px
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div .sys_subitem-heading a {
margin: 0;
padding: 0;
top: auto;
position: static
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div dl dt {
display: none
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div dl dd.sys_events-date {
position: absolute;
left: 10px;
top: 10px;
width: 36px;
height: 41px;
background: url(imgs/Icons/Calendar-icon-bg.png) 0 0 no-repeat;
overflow: hidden;
margin: 0;
padding: 0
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div dl dd.sys_events-date .sys_events-date-month {
display: block;
margin: 0;
padding: 0;
color: #fff;
font-size: 11px;
font-weight: 700;
width: 36px;
height: 16px;
text-align: center;
line-height: 16px
}
.sys_theme-none .sys_events-list-with-calendar-icon .sys_datarepeatercontrol .sys_itemslist .sys_subitem div div dl dd.sys_events-date .sys_events-date-date {
display: block;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 700;
width: 36px;
height: 24px;
text-align: center;
line-height: 20px
}
.sys_tabsfilter-control.sys_events-tabs-control ul {
margin: 1em 0
}
.sys_tabsfilter-control.sys_events-tabs-control ul li {
display: block;
list-style: none;
margin-bottom: 1em;
font-size: 1.2em;
font-weight: 700
}
.sys_tabsfilter-control.sys_events-tabs-control ul li a {
text-decoration: none;
color: #0000FF;
}
h3.sys_subitem-heading.sys_events-subheading a {
text-decoration: none
}
.sys_subitem-summary.sys_events-summary dl dt, .sys_subitem-summary.sys_events-summary dl dd {
padding: 0 0 1em;
margin: 0
}
.sys_news.sys_themed.sys_theme-none, .sys_events.sys_themed.sys_theme-none, .sys_record-control.sys_events-record {
width: 95%;
margin: 0 auto;
max-width: 1280px
}
.sys_record-control.sys_news-record .sys_news-record-title, .sys_record-control.sys_events-record .sys_events-record-title {
font-family: 'Berlin Sans MT', Helvetica, sans-serif;
font-weight: 600;
line-height: normal;
margin: .7em 0
}
#socitm_info_box_content H1 {
font-family: 'Century Gothic', Verdana, Helvetica, sans-serif;
float: none!important;
text-align: left!important;
font-style: normal!important
}
.soc_green {
background: green
}
.soc_red {
background: red
}
.soc_button {
padding: 8px;
color: #FFF!important;
text-decoration: none!important
}
.soc_naclogo {
width: 80px;
float: right
}
#socitm_info_box_content p {
font-family: 'Calibri', Arial, Helvetica, sans-serif!important
}
p.soc_buttons {
text-align: center;
padding: .5em 0 2em!important
}
.hp_news_feature_text > p > a {
text-decoration: underline;
}
/* bespoke cookie control */
.cc-banner {
padding: 0em 1em;
background: #0e0e0f;
font-size: 1.1em;
display: none;
}
.cc-banner p {
display: block;
//width: 90%;
//max-width: 1280px;
padding:1em 4em 1em 2em;
margin: 0 auto;
color:#FFF;
}
.cc {
background: #0e0e0f;
padding: 0.5em;
color: #fff;
border: none;
font-size: 1em;
position: absolute;
top: 0.5em;
right: 2em;
}
.cc:hover{
cursor:pointer;
}
.cc-banner a {
color:#FFF !important;
text-decoration:underline !important;
}
span.hidden {
height: 0 !important;
left: -999em !important;
position: absolute !important;
right: auto !important;
overflow: hidden;
}
@media screen and (min-width:375px) {
.content-container h2, .sys_record-control.sys_news-record .sys_news-record-title, .sys_record-control.sys_events-record .sys_events-record-title {
text-align: left
}
.bc div {
text-align: left
}
}
@media screen and (min-width: 425px) {
.sys_textBoxWithRedirect {
width: 350px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 300px
}
input[id*='name'], input[type='email'], input[type='date'], input[type='password'], select {
width: 60%;
min-width: 250px
}
input[id*='address'], textarea {
width: 100%
}
.sm-image-left {
float: left;
width: 220px;
margin: 0 2em 1em 0
}
.sm-image-right {
float: right;
width: 220px;
margin: 0 0 1em 2em
}
}
@media screen and (min-width:530px) {
.sys_textBoxWithRedirect {
width: 400px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 350px
}
.hp-img {
display: none
}
.content-container h2, .sys_record-control.sys_news-record .sys_news-record-title, .sys_record-control.sys_events-record .sys_events-record-title {
border-bottom: none
}
div.grid-box > h3 a:hover, div.grid-box > h2 a:hover {
color: #00007A
}
.grid-box p, .grid-box ul {
display: block
}
.col-3, .col-3gis {
padding: 0;
margin-top: 0
}
.col-3 .grid-box {
height: 210px;
margin: 0;
width: 95%;
background: #fbf8f8;
border-bottom: 1px solid #cdcaca
}
#corona .col-3 .grid-box{
height:150px;
}
.col-3gis .grid-box {
height: auto;
margin: 0;
width: 95%;
background: #fbf8f8
}
.col-3 .grid-box h3, .col-3 .grid-box .short h3, .col-3 .grid-box h2, .col-3gis .grid-box h2, .col-3 .grid-box .short h2 {
text-align: left;
background: #089dd6;
background: #fbf8f8;
height: auto
}
.grid.lp .col-3 .grid-box.short {
height: 60px;
padding: 1em .5em 1em 0;
width: 95%;
margin: .5em 0;
border-bottom: none
}
.col-3 .grid-box h3 a, .col-3 .grid-box .short h3 a, .col-3 .grid-box h2 a, col-3gis .grid-box h2 a, .col-3 .grid-box .short h2 a {
background: #fbf8f8
}
.col-3 .grid-box h2 a:hover, .col-3gis .grid-box h2 a:hover .col-3 .grid-box h3 a:hover {
color: #00007A
}
.grid.bp {
width: 80%;
margin: 0 auto;
height: auto;
padding: 0
}
.col-4 .grid-box {
margin: 1em 0
}
.col-4 .grid-box.twitter, .col-4 .grid-box.news {
display: inline-block;
float: none;
margin: 0 auto;
width: 100%
}
.col-4 .grid-box.twitter {
height: 395px;
}
.col-4 .grid-box.news .feature h3 {
margin: .5em 0 1em
}
.inner-footer {
width: 85%;
margin: 0 auto
}
.promo-box {
width: 100%;
max-width: 1280px;
float: none;
overflow: hidden
}
.promo-box img {
display: block;
float: left;
margin: 0 1.5em 0 0
}
.promo-box-text {
float: left;
text-align: left;
width: 60%
}
.promo-box-text h3 {
margin: 0
}
.lp-form {
padding: 1em 0;
margin-bottom: 2em;
border: none;
border-bottom: 1px solid #bfbdbd;
background: transparent;
color: #1b1919
}
.lp-form fieldset legend {
margin: 0 0 .5em
}
.lp-form img {
display: inline-block
}
.med-image-left {
float: left;
width: 300px;
margin: 0 2em 1em 0
}
.med-image-right {
float: right;
width: 300px;
margin: 0 0 1em 2em
}
}
@media screen and (min-width:660px) {
.reg {
width: 40%
}
.sys_textBoxWithRedirect {
width: 500px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 450px
}
.content-container h2, .sys_record-control.sys_news-record .sys_news-record-title, .sys_record-control.sys_events-record .sys_events-record-title {
font-size: 1.8em
}
.page-body h3 {
font-size: 1.5em
}
.page-body h4 {
font-size: 1.3em
}
.page-body h5 {
font-size: 1.2em
}
.page-body h6 {
font-size: 1em
}
.bc div {
font-size: 1em;
line-height: 1
}
.col-3, .col-3gis {
width: 50%
}
.grid.bp {
max-width: 530px;
margin: 0 auto
}
.news-item img {
float: left;
display: block;
margin: 1em 2em 1em 0
}
.news-item p {
width: 55%;
text-align: left;
float: left;
padding-top: 0
}
.promo-box-text {
width: 65%
}
.sys_theme-none .sys_flickrpager .sys_navigation span.sys_navigationnext a, .sys_theme-none .sys_flickrpager .sys_navigation span.sys_navigationprevious a {
display: inline
}
.sys_theme-none .sys_flickrpager .sys_navigation .sys_disabled {
display: inline
}
.sys_theme-none .sys_flickrpager .sys_navigation .sys_ellipsis {
display: inline
}
.sys_theme-none .sys_record-control .sys_record-image-control {
padding: 0 0 20px 20px;
max-width: 300px;
height: auto;
float: right
}
}
@media screen and (min-width:768px) {
.promo-box-text {
width: 75%
}
.pomo-box-text h3 {
margin: 0
}
.lp-form > fieldset > input, .lp-form > fieldset > label, .lp-form > fieldset > select {
float: left
}
.lp-form > fieldset {
margin-bottom: 1em
}
.lp-form > fieldset > legend {
margin-bottom: .3em
}
input[id*='name'], input[type='email'], input[type='date'], select {
width: 350px
}
input[id*='address'], textarea {
width: 80%
}
.lp-form fieldset label {
padding: .4em 0 0;
margin: .6em 1em 0 0
}
.lp-form > fieldset > input[type='button'] {
margin: .3em 0 0 1em
}
}
@media screen and (max-width:480px){
svg.circles {
width:100%;
height:auto;
}
#corona .col-3 .grid-box{
height:100px;
}
#netcall_chat_btn_4091966a_8305_4388_b3b5_693696fe8b98{
width:100px;
}
#netcall_chat_widget_4091966a_8305_4388_b3b5_693696fe8b98_img{
width:100%;
}
}
@media screen and (min-width:481px){
svg.circles {
width:470px;
height:470px;
}
}
@media screen and (max-width:610px){
svg.chart {
width:100%;
height:auto;
}
.cc-banner {
padding: 0em 1.5em 0em 0em;
font-size: 0.9em;
}
}
@media screen and (min-width:611px){
svg.chart {
width:600px;
height:470px;
}
.cc-banner p {
padding:1em 6em 1em 3em;
}
}
@media screen and (min-width:800px) {
header {
height: 60px;
position: relative
}
header.hp {
margin: 0
}
.hp-img {
display: none;
margin: 0;
padding: 0;
height: auto;
width: 100%
}
.hp-img img {
height: auto;
width: 100%;
margin: 0
}
.ts .left.search {
margin-top: .7em;
width: 300px;
float: left
}
.sys_textBoxWithRedirect {
width: 300px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 250px
}
.ts .left h1 {
font-size: 1.2em;
display: inline;
color: #fff;
padding: 1em 0 .5em;
font-size: 1.4em;
text-align: center;
width: 100%
}
.ts .left h1::before {
display: inline-block;
content: url(../../images/NorthAyrshireImages/logo-s-coloured-sm.png);
vertical-align: middle;
display: inline-block
}
.ts .left.banner {
margin: .7em 0 0 .5em;
width: 320px;
float: left
}
.ts .right {
width: 130px;
font-size: 90%;
float: right;
height: 50px
}
.reg {
width: 100%;
text-align: center;
float: none
}
.signin, .register {
display: block;
float: none;
font-size: 1em;
padding: .6em 0 0;
width: 100px;
margin: 0 auto;
height: 25px
}
.signin a, .register a {
font-size: 1em;
height: 30px
}
.main {
padding: 0
}
.fw-image {
display: block;
padding: 1em 0 2em
}
.sys_news.sys_themed.sys_theme-none .sys_subitem {
overflow: hidden;
margin-bottom: 1em;
padding: 0 1em 0 0
}
.sys_news.sys_themed.sys_theme-none .sys_thumbnail {
display: block
}
.sys_theme-none .sys_itemslist div.sys_thumbnail {
float: right;
padding: 0;
position: relative;
z-index: 999;
border: 1px solid #ccc;
background-repeat: no-repeat
}
.sys_theme-none .sys_itemslist div.sys_thumbnail a {
float: left;
display: block;
margin: 0;
padding: 0
}
.sys_theme-none .sys_itemslist div.sys_thumbnail a:hover {
border: 3px solid #ccc;
margin: -3px
}
.sys_theme-none .sys_itemslist div.sys_thumbnail a:active {
border: 3px solid #333;
margin: -3px
}
.sys_theme-none .sys_itemslist div.sys_thumbnail img {
display: block;
margin: 0;
padding: 0
}
.sys_news.sys_themed.sys_theme-none .sys_subitem h3 {
float: left;
width: 80%
}
.sys_news.sys_themed.sys_theme-none .sys_subitem img {
float: right;
display: block
}
.sys_theme-none .sys_flickrpager .sys_paginginfo {
float: left;
font-weight: 400;
font-size: 1em;
width: auto;
background: none;
border: none;
margin: 0;
padding: 0;
display: inline
}
}
@media screen and (min-width:850px) {
.banner-container {
width: 100%;
overflow: hidden
}
.content-container > h2 {
padding: .8em 0 .5em
}
.page-body h3 {
font-size: 1.6em
}
.page-body h4 {
font-size: 1.4em
}
.page-body h5 {
font-size: 1.3em
}
.page-body h6 {
font-size: 1.1em
}
.bc div {
font-size: 1.15em
}
.h-container {
width: 100%;
overflow: hidden;
margin: 0 auto;
position: relative;
transform: translateY(10%);
padding: .2em 1em 0 4em
}
.c-container {
overflow: hidden;
padding: 0
}
footer .inner-footer {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 .5em
}
.row, .row-h {
height: auto
}
.inner-footer .h-links {
width: 80%;
padding: 1em 0 2em
}
.inner-footer .h-links ul {
width: 550px;
margin: 0 auto
}
.inner-footer .h-links ul li {
display: inline;
margin: 0 1em
}
.grid.bp {
margin-bottom: 2em
}
.slider-container {
display: block;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
padding-bottom: 1em
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0
}
.rslides li:first-child {
position: relative;
display: block;
float: left
}
.rslides img {
display: block;
position: relative;
z-index: 1;
height: auto;
width: 100%;
max-width: 1280px;
border: 0;
margin: 0 auto
}
#slider2, #slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto
}
.rslides_tabs {
list-style: none;
padding: 0;
background: #0673b3;
background: #e1e4e5;
font-size: 18px;
list-style: none;
margin: 0 auto;
padding: 10px 0;
text-align: center;
width: 100%
}
.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px
}
.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
background: transparent;
display: inline;
color: #000
}
.rslides_tabs a:hover {
color: #00007A;
text-decoration: none
}
.rslides_tabs a:focus {
color: #0000FF;
text-decoration: none;
outline: none
}
.rslides_tabs li:first-child {
margin-left: 0
}
.rslides_tabs .rslides_here a {
font-weight: 700
}
.rslides_container {
float: none;
width: 100%;
max-width: 1280px;
color: #fff;
margin: 0 auto
}
.rslides li {
position: absolute;
width: 100%;
left: 0;
top: 0
}
.rslides .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 16px;
text-shadow: none;
left: 35%;
right: 0;
top: 10%;
padding: 0 .5em .5em 1em;
margin: 0;
max-width: none;
width: 60%
}
.caption h2 {
margin: 0 0 .5em;
padding: 0;
text-align: left;
font-size: 1.2em
}
.caption p {
font-size: 90%;
margin: .3em 0 0
}
.caption p a {
color: #f3c408
}
.rslides .caption.dark-bg h2, .rslides .caption.dark-bg p {
color: #000
}
.rslides_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
opacity: .4;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
margin-top: -70px;
background: url(/SiteElements/images/themes2.gif)
}
.rslides_nav:active {
opacity: 1
}
.rslides_nav.next {
left: auto;
background-position: right top;
right: 0
}
#slider3-pager a {
display: inline-block
}
#slider3-pager img {
float: left
}
#slider3-pager .rslides_here a {
background: transparent;
box-shadow: 0 0 0 2px #666
}
#slider3-pager a {
padding: 0
}
div.caption > p > a > img {
width: 106px;
height: 29px
}
.sys_textBoxWithRedirect {
width: 380px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 330px
}
.promo-box-text {
width: 77%
}
}
@media screen and (min-width: 900px) {
.sm-image-left, .sm-image-right {
width: 225px
}
.sys_textBoxWithRedirect {
width: 400px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 350px
}
}
@media screen and (min-width:940px) {
.content-container {
width: 95%
}
.content-container h2, .grid, .grid.lp, .info-container, .g_box, .sys_news.sys_themed.sys_theme-none, .sys_events.sys_themed.sys_theme-none, .sys_record-control.sys_events-record, .sys_record-control.sys_news-record, .sys_none.sys_themed.sys_theme-none {
width: 100%
}
.ts .left h1 {
width: 350px
}
.generic-page-body{
float:left;
width:95%
}
.page-body {
float: left;
width: 64%
}
.col-3gis .grid-box {
padding: 1em 1em 1.4em 0;
border-bottom: 1px solid #cdcaca;
margin-bottom: .5em
}
.content-container.google p.bc, .content-container.google h2 {
margin-left: 0;
padding-left: 0
}
.nav-container {
float: right;
width: 35%;
border-left: 1px solid #cdcaca;
clear: none;
background: none;
padding: 0
}
nav {
margin: 0 0 1em 2em;
padding: 0 1em;
background: none
}
nav h3 {
margin-top: 0;
padding-top: 0
}
.sys_textBoxWithRedirect {
width: 500px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 450px
}
.nav-container .col-container .fs-vid, .nav-container .col-container .gis-map {
margin: 2em 0 2em 1.5em
}
footer {
margin-top: 2em
}
}
@media screen and (min-width:1024px) {
.ts .right {
width: 240px
}
.ts .right ul {
margin-top: 1.5em
}
.ts .right ul li {
display: inline
}
.ts .left.banner {
margin: .7em 0 0 1em
}
.reg {
width: 100%;
height: 70px;
border-left: 1px solid #607482
}
.signin a, .register a {
color: #fff;
font-size: 1.2em
}
.signin {
width: 50%;
float: left;
height: 70px;
padding: 1.4em 0 0
}
.register {
width: 50%;
float: right;
height: 70px;
padding: 1.4em 0 0;
border-left: 1px solid #607482
}
.main {
overflow: hidden;
padding: 0;
width: 100%
}
.slider-container {
width: 100%
}
.caption h2 {
font-size: 1.6em
}
.caption p {
font-size: 100%;
margin: 0 0 .5em
}
.form-container, .wrapper {
width: 95%;
margin: 0 auto
}
.grid.bp {
width: 95%;
max-width: 1280px;
margin: 0 auto;
overflow: hidden;
padding: 1em 0 2em
}
.col-4 {
width: 50%;
padding: 2em 0;
overflow: hidden;
float: left
}
.col-4 .grid-box.news {
margin: 0;
height: 410px;
float: right;
width: 95%;
max-width: 600px
}
.col-4 .grid-box.news .sys_subitem {
overflow: hidden;
padding: 0;
height: 130px;
margin: 1em 0 0;
width: 100%
}
.sys_thumbnail {
display: block
}
.col-4 .grid-box.news img {
width: 40%;
max-width: 200px;
height: auto;
float: left;
padding: 0
}
.col-4 .grid-box.news h3 {
padding: .5em 0 0;
margin: 0
}
.col-4 .grid-box.news h3 a {
width: 55%;
float: right;
padding: 0;
margin: 0;
font-size: 75%
}
.col-4 .grid-box.news .feature h3 a {
width: 67.5%;
float: right
}
.col-4 .grid-box.news .feature .sys_subitem {
height: 70px
}
.col-4 .grid-box.news .feature .sys_subitem img {
display: block;
float: left
}
.hp_news_feature_text > img {
margin-top: 1em
}
.feature .news_links {
margin-top: .5em
}
.col-4 .grid-box.twitter {
float: left;
width: 95%;
max-width: 540px;
background: #fff;
padding-bottom: 0.7em;
height: 395px;
}
.sys_textBoxWithRedirect {
width: 400px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 350px
}
.sys_news.sys_themed.sys_theme-none .sys_subitem {
overflow: hidden;
width: 65%
}
div.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control > div.sys_button-subscribe-rss {
float: right;
width: 120px
}
div.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control > div.sys_button-subscribe-atom {
float: right;
width: 120px
}
div.sys_tools-control.sys_events-tools-control.sys_syndicationlinks-control > .sys_button-subscribe-calendar {
text-align: left;
display: block;
width: 100%;
margin-top: 0;
width: 250px;
float: left
}
.sys_tabsfilter-control.sys_events-tabs-control ul {
padding-top: 1em
}
.sys_tabsfilter-control.sys_events-tabs-control ul li {
display: inline;
list-style: none;
margin: 0 3em 1em 0;
font-size: 1.2em;
font-weight: 700
}
.sys_search-options {
width: 30%;
float: right;
margin: 5em 0 0;
border-left: 1px solid #cdcaca;
padding-left: 2em
}
}
@media screen and (min-width: 1090px) {
.col-3gis .grid-box {
padding: 1em 1em 2.7em 0;
margin-bottom: .5em
}
}
@media screen and (min-width: 1100px) {
.ts .left {
width: 33%
}
.ts .left.banner {
width: 37%
}
.ts .left h1 {
font-size: 1.8em
}
.col-4 .grid-box.news .feature h3 a {
width: 70%
}
}
@media screen and (min-width: 1200px) {
.news-item p {
width: 65%
}
.rslides .caption {
top: 17%
}
.col-4 .grid-box.news .feature h3 a {
width: 72.5%
}
}
@media screen and (min-width: 1280px) {
.ts .left h1 {
font-size: 2em
}
.col-3gis .grid-box {
padding: 1em 1em 1em 0;
border-bottom: 1px solid #cdcaca;
margin-bottom: .5em
}
.col-3 .grid-box h2, .col-3gis .grid-box h2, .col-3 .grid-box h3 {
font-size: 1.7em;
margin-top: 0
}
.news-item p {
width: 65%
}
footer .inner-footer {
padding: 0 1em
}
.ts .left.search {
width: 40%
}
.sys_textBoxWithRedirect {
width: 500px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 450px
}
.col-3, .col-3gis {
width: 33.33333%
}
.promo-box {
padding: 1em
}
.promo-box-text {
width: 80%
}
.rslides .caption {
top: 18%
}
.col-4 .grid-box.news h3 a {
width: 60%
}
.col-4 .grid-box.news .feature h3 a {
width: 74%
}
}
@media screen and (min-width: 1370px) {
.ts .left.banner {
width: 33%
}
.col-4 .grid-box.news .feature h3 a {
width: 75%;
float: right
}
}
@media screen and (min-width: 1440px) {
.sys_textBoxWithRedirect {
width: 550px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 500px
}
.h-container {
padding: 0 1em 0 4em
}
header img {
margin: 0
}
}
@media screen and (min-width: 1600px) {
.sys_textBoxWithRedirect {
width: 650px
}
input#FBTextboxWithRedirect_redirectTextBox {
width: 600px
}
}
@media screen and (min-width: 1800px) {
.h-container {
padding: 0 1em 0 .5em
}
}
@media screen and (min-width: 1920px) {
.h-container {
padding: 0 1em 0 .5em
}
.ts, header, .main, footer {
width: 100%
}
}