.grid
{
    margin: 0 -1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;          
}
.grid:after
{
    clear: both;
    content: "";
    display: table;
}
.grid-pad
{
    padding: 15px;
}
[class*="col-"]
{
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right:1%;
    padding-left:1%;
}
.col-xs-1
{
    width: 8.33333%;
}
.col-xs-2
{
    width: 16.6667%;
}
.col-xs-3
{
    width: 25%;
}
.col-xs-4
{
    width: 33.3333%;
}
.col-xs-5
{
    width: 41.6667%;
}
.col-xs-6
{
    width: 50%;
}
.col-xs-7
{
    width: 58.3333%;
}
.col-xs-8
{
    width: 66.6667%;
}
.col-xs-9
{
    width: 75%;
}
.col-xs-10
{
    width: 83.3333%;
}
.col-xs-11
{
    width: 91.6667%;
}
.col-xs-12
{
    width: 100%;
}

@media (min-width: 480px)
{
    .col-s-1
    {
        width: 8.33333%;
    }
    .col-s-2
    {
        width: 16.6667%;
    }
    .col-s-3
    {
        width: 25%;
    }
    .col-s-4
    {
        width: 33.3333%;
    }
    .col-s-5
    {
        width: 41.6667%;
    }
    .col-s-6
    {
        width: 50%;
    }
    .col-s-7
    {
        width: 58.3333%;
    }
    .col-s-8
    {
        width: 66.6667%;
    }
    .col-s-9
    {
        width: 75%;
    }
    .col-s-10
    {
        width: 83.3333%;
    }
    .col-s-11
    {
        width: 91.6667%;
    }
    .col-s-12
    {
        width: 100%;
    }   
    .grid-pad-s
	{
	    padding: 15px;
	}
}
@media (min-width: 768px)
{
    .col-m-1
    {
        width: 8.33333%;
    }
    .col-m-2
    {
        width: 16.6667%;
    }
    .col-m-3
    {
        width: 25%;
    }
    .col-m-4
    {
        width: 33.3333%;
    }
    .col-m-5
    {
        width: 41.6667%;
    }
    .col-m-6
    {
        width: 50%;
    }
    .col-m-7
    {
        width: 58.3333%;
    }
    .col-m-8
    {
        width: 66.6667%;
    }
    .col-m-9
    {
        width: 75%;
    }
    .col-m-10
    {
        width: 83.3333%;
    }
    .col-m-11
    {
        width: 91.6667%;
    }
    .col-m-12
    {
        width: 100%;
    }      
    .grid-pad-m
	{
	    padding: 15px;
	}
}

/** IE8 fixes **/
/*html.lt-ie9 .col-xs-1
{
    width: 8.33333%;
}
html.lt-ie9 .col-xs-2
{
    width: 16.6667%;
}
html.lt-ie9 .col-xs-3
{
    width: 25%;
}
html.lt-ie9 .col-xs-4
{
    width: 33.3333%;
}
html.lt-ie9 .col-xs-5
{
    width: 41.6667%;
}
html.lt-ie9 .col-xs-6
{
    width: 50%;
}
html.lt-ie9 .col-xs-7
{
    width: 58.3333%;
}
html.lt-ie9 .col-xs-8
{
    width: 66.6667%;
}
html.lt-ie9 .col-xs-9
{
    width: 75%;
}
html.lt-ie9 .col-xs-10
{
    width: 83.3333%;
}
html.lt-ie9 .col-xs-11
{
    width: 91.6667%;
}
html.lt-ie9 .col-xs-12
{
    width: 100%;
}
html.lt-ie9 .col-s-1
{
    width: 8.33333%;
}
html.lt-ie9 .col-s-2
{
    width: 16.6667%;
}
html.lt-ie9 .col-s-3
{
    width: 25%;
}
html.lt-ie9 .col-s-4
{
    width: 33.3333%;
}
html.lt-ie9 .col-s-5
{
    width: 41.6667%;
}
html.lt-ie9 .col-s-6
{
    width: 50%;
}
html.lt-ie9 .col-s-7
{
    width: 58.3333%;
}
html.lt-ie9 .col-s-8
{
    width: 66.6667%;
}
html.lt-ie9 .col-s-9
{
    width: 75%;
}
html.lt-ie9 .col-s-10
{
    width: 83.3333%;
}
html.lt-ie9 .col-s-11
{
    width: 91.6667%;
}
html.lt-ie9 .col-s-12
{
    width: 100%;
}
html.lt-ie9 .col-m-1
{
    width: 8.33333%;
}
html.lt-ie9 .col-m-2
{
    width: 16.6667%;
}
html.lt-ie9 .col-m-3
{
    width: 25%;
}
html.lt-ie9 .col-m-4
{
    width: 33.3333%;
}
html.lt-ie9 .col-m-5
{
    width: 41.6667%;
}
html.lt-ie9 .col-m-6
{
    width: 50%;
}
html.lt-ie9 .col-m-7
{
    width: 58.3333%;
}
html.lt-ie9 .col-m-8
{
    width: 66.6667%;
}
html.lt-ie9 .col-m-9
{
    width: 75%;
}
html.lt-ie9 .col-m-10
{
    width: 83.3333%;
}
html.lt-ie9 .col-m-11
{
    width: 91.6667%;
}
html.lt-ie9 .col-m-12
{
    width: 100%;
}
html.lt-ie9 .col-lg-1
{
    width: 8.33333%;
}
html.lt-ie9 .col-lg-2
{
    width: 16.6667%;
}
html.lt-ie9 .col-lg-3
{
    width: 25%;
}
html.lt-ie9 .col-lg-4
{
    width: 33.3333%;
}
html.lt-ie9 .col-lg-5
{
    width: 41.6667%;
}
html.lt-ie9 .col-lg-6
{
    width: 50%;
}
html.lt-ie9 .col-lg-7
{
    width: 58.3333%;
}
html.lt-ie9 .col-lg-8
{
    width: 66.6667%;
}
html.lt-ie9 .col-lg-9
{
    width: 75%;
}
html.lt-ie9 .col-lg-10
{
    width: 83.3333%;
}
html.lt-ie9 .col-lg-11
{
    width: 91.6667%;
}
html.lt-ie9 .col-lg-12
{
    width: 100%;
}*/
/** IE8 fixes **/

/** Debug Grid Styles **/
.grid-overlay-container {
    margin: 0 auto;
    max-width: 1140px;
    position: relative;
    width: 100%;
}
.grid-overlay {
    position: absolute;
    width: 100%;
    overflow-x:hidden;
    height: 10000px;
    z-index:10000;
}

.grid-overlay .col-xs-1 > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    background-color: #FFBBBB;
    height: 10000px;
    width: 100%;      
    zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;
}@media (min-width: 992px)
{
    .col-lg-1
    {
        width: 8.33333%;
    }
    .col-lg-2
    {
        width: 16.6667%;
    }
    .col-lg-3
    {
        width: 25%;
    }
    .col-lg-4
    {
        width: 33.3333%;
    }
    .col-lg-5
    {
        width: 41.6667%;
    }
    .col-lg-6
    {
        width: 50%;
    }
    .col-lg-7
    {
        width: 58.3333%;
    }
    .col-lg-8
    {
        width: 66.6667%;
    }
    .col-lg-9
    {
        width: 75%;
    }
    .col-lg-10
    {
        width: 83.3333%;
    }
    .col-lg-11
    {
        width: 91.6667%;
    }
    .col-lg-12
    {
        width: 100%;
    }      
    .grid-pad-lg
	{
	    padding: 15px;
	}
}/*@Editor-classes       
Responsive Table|table.sc-responsive-table
Emphasis box 1|.emphasis-box-1
Emphasis box 2|.emphasis-box-2
Styled Button|a.styled-button
@Editor-classes*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Content Styles
   ========================================================================== */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
a,a:visited
{
	text-decoration:underline;	
	color:#006BB7;	
	-webkit-transition: background-color 300ms ease-out 0s;
	-moz-transition: background-color 300ms ease-out 0s;
	-o-transition: background-color 300ms ease-out 0s;
	transition: background-color 300ms ease-out 0s;
}
a:hover,a:focus
{
	text-decoration:none;
}
h1 {
    font-size: 2em;
    font-weight: normal;
    color: #000000;
    margin: 0 0 0.67em 0;
}
h1 a { color: #000000; }
h2 {
    font-size: 1.5em;
    font-weight:normal;
    color: #000000;
    margin: 0 0 0.83em 0;
}
h2 a { color: #000000; }
h3 {
    font-size: 1.17em;
    font-weight:bold;
    color: #000000;
    margin: 0 0 1em 0;
}
h3 a { color: #000000; }
h4 {
    font-size: 1em;
    font-weight:bold;
    margin: 0 0 1.33em 0;
}
h5 {
    font-size:0.83em;
    font-weight:bold;
    color: #000000;
    margin: 0 0 1.67em 0;
}
h5 a { color: #000000; }
h6 {
    font-size:0.67em;
    font-style: italic;
    color: #000000;
    margin: 0 0 2.33em 0;
}
h6 a { color: #000000; }
table.sc-responsive-table th,table.sc-responsive-table-heading th
{
    font-weight: bold;
}
table.sc-responsive-table td, table.sc-responsive-table th,table.sc-responsive-table-heading td, table.sc-responsive-table-heading th
{
    padding: 9px 10px;
    text-align: left;
}
table.sc-responsive-table, table.sc-responsive-table-heading
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    margin: 0 0 18px;
}
table.sc-responsive-table thead, table.sc-responsive-table tfoot, table.sc-responsive-table-heading thead, table.sc-responsive-table-heading tfoot 
{
    background: none repeat scroll 0 0 #F5F5F5;
}
table.sc-responsive-table thead tr th, table.sc-responsive-table tfoot tr th, table.sc-responsive-table tbody tr td, table.sc-responsive-table tr td, table.sc-responsive-table tfoot tr td, table.sc-responsive-table-heading thead tr th, table.sc-responsive-table-heading tfoot tr th, table.sc-responsive-table-heading tbody tr td, table.sc-responsive-table-heading tr td, table.sc-responsive-table-heading tfoot tr td
{
    /* font-size: 12px; */
    line-height: 18px;
    text-align: left;
}
table.sc-responsive-table thead tr th, table.sc-responsive-table tfoot tr td, table.sc-responsive-table-heading thead tr th, table.sc-responsive-table-heading tfoot tr td
{
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px 9px;
}
table.sc-responsive-table thead tr th:first-child, table.sc-responsive-table tfoot tr td:first-child, table.sc-responsive-table-heading thead tr th:first-child, table.sc-responsive-table-heading tfoot tr td:first-child
{
    border-left: medium none;
}
table.sc-responsive-table thead tr th:last-child, table.sc-responsive-table tfoot tr td:last-child, table.sc-responsive-table-heading thead tr th:last-child, table.sc-responsive-table-heading tfoot tr td:last-child
{
    border-right: medium none;
}
table.sc-responsive-table tbody tr.even, table.sc-responsive-table tbody tr.alt, table.sc-responsive-table-heading tbody tr.even, table.sc-responsive-table-heading tbody tr.alt
{
    background: none repeat scroll 0 0 #F9F9F9;
}
table.sc-responsive-table tbody tr:nth-child(2n), table.sc-responsive-table-heading tbody tr:nth-child(2n)
{
    background: none repeat scroll 0 0 #F9F9F9;
}
table.sc-responsive-table tbody tr td, table.sc-responsive-table-heading tbody tr td
{
    border: medium none;
    color: #333333;
    padding: 9px 10px;
    vertical-align: top;
}
a.styled-button {
    border: medium none;
    border-radius: 0;
    line-height: 28px;
    padding: 2px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 0;
    display: inline-block;
    -webkit-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s;
}
.emphasis-box-1
{
    border-left: 5px solid #626262;
    padding-left: 15px;
    display:inline-block;
	
}
.emphasis-box-2 {    
    background-color: #f8f8f8;
    padding: 20px;
    display:inline-block;
}
.pop_glossary {
    border-bottom: 1px dotted;
    cursor: help;
    text-decoration: none;
}/* Default Mixins */
body { font-family: "Folio W03 Light"; font-size: 1em; font-weight: normal; color: #000000; margin: 0px 0px 0px 0px; font-style: normal; line-height: 1.4; }

p, pre { font-family: "Folio W03 Light"; font-size: 1em; font-weight: normal; color: #000000; margin: 0px 0px 20px 0px; font-style: normal; }

h1 { font-family: "Folio W03 Bd"; font-size: 2em; font-weight: normal; color: #000000; margin: 0px 0px 20px 0px; font-style: normal; }

h1 a { color: #000000; }

h2 { font-family: "Folio W03 Bd"; font-size: 1.5em; font-weight: normal; color: #000000; margin: 0px 0px 20px 0px; font-style: normal; }

h2 a { color: #000000; }

h3 { font-family: "Folio W03 Bd"; font-size: 1.17em; font-weight: normal; color: #000000; margin: 0px 0px 10px 0px; font-style: normal; }

h3 a { color: #000000; }

h4 { font-family: "Folio W03 Bd"; font-size: 1em; font-weight: normal; color: #000000; margin: 0px 0px 10px 0px; font-style: normal; }

h4 a { color: #000000; }

h5 { font-family: "Folio W03 Bd"; font-size: 0.83em; font-weight: normal; color: #000000; margin: 0px 0px 10px 0px; font-style: normal; }

h5 a { color: #000000; }

h6 { font-family: "Folio W03 Bd"; font-size: 0.67em; font-weight: normal; color: #000000; margin: 0px 0px 10px 0px; font-style: normal; }

h6 a { color: #000000; }

a { text-decoration: underline; color: #006BB7; }

a:visited { text-decoration: underline; color: #006BB7; }

a:hover, a:focus { text-decoration: none; color: #006BB7; }

ul { list-style-position: outside; list-style-type: decimal; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px; }

ol { list-style-position: outside; list-style-type: disc; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px; }

table.sc-responsive-table { margin: 0 0 20px; border: 2px solid #000000; }

table.sc-responsive-table thead tr th { background-color: #333333; padding: 18px 16px 18px 16px; text-align: left; font-size: 1em; font-family: inherit; color: #FFFFFF; font-weight: bold; vertical-align: top; }

table.sc-responsive-table tbody tr td { background-color: #CCCCCC; padding: 18px 16px 18px 16px; text-align: left; font-size: 1em; font-family: inherit; color: #000000; font-weight: normal; vertical-align: top; }

table.sc-responsive-table tbody tr:nth-child(2n) td { background-color: #EEEEEE; color: #000000; }

table.sc-responsive-table tr td, table.sc-responsive-table tbody tr td, table.sc-responsive-table tr th, table.sc-responsive-table thead tr th { border-left: 2px solid #000000; }

table.sc-responsive-table tr { border-bottom: 2px solid #000000; }

table.sc-responsive-table tr td:first-child, table.sc-responsive-table tbody tr td:first-child, table.sc-responsive-table tr th:first-child, table.sc-responsive-table thead tr th:first-child { border-left: none; }

table.sc-responsive-table tbody tr:last-child { border-bottom: none; }

/*# sourceMappingURL=oc_wizard_style.css.map *//* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

html.js .js-visuallyhidden, /* Visually hides an element if js is enabled */
.visuallyhidden /* Visually hides any element */ {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    font-size: 0;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        font-size: inherit;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/* Elements we chose to style specially when they are keyboard focussed */
.oc-keyboard-focus, .oc-keyboard-focus-important {
    outline: 2px solid blue !important;
}

.oc-keyboard-focus-important {
    opacity: 1;
    z-index: 99;
    background-color: yellow !important;
}

.map-container.oc-keyboard-focus,
.multipoint-map.oc-keyboard-focus,
.gmap-target.oc-keyboard-focus {
    background-color: #E5E3DF !important; /*Reset focussed google map background colour - it looks weird if it's bright yellow*/
}

.oc-keyboard-focus :focus,
.no-outline,
.no-outline a {
    outline: none;
}

.oc-outline {
    outline: thin dotted;
}

.oc-outline-negative-indent {
    outline: thin dotted;
    outline-offset: -5px;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Seamless City custom styles
   ========================================================================== */

/*
 * Generic styles
 */

body {
}

address {
    font-style: normal;
}

#skip-to-content-container {
    display: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], .styled-button, a.styled-button, a.styled-button:visited {
    border: medium none;
    border-radius: 0;
    line-height: 28px;
    padding: 2px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 0;
    display: inline-block;
    -webkit-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
    -moz-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s;
}

.all-caps {
    text-transform: uppercase;
}

.module {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 1%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

html.js .no-js-element {
    display: none !important;
}

html.no-js .js-element {
    display: none !important;
}

.print-element {
    display: none;
}

.main-outer-container, .header-container, .footer-container, .navigation-container {
    margin: 0 auto;
    position: relative;
    word-wrap: break-word;
    overflow-x: hidden;
}

.js .side-menu .header-container {
    overflow: visible;
}

.layout-modern.content-type-oc-profile .content-outer-container {
    padding-left: 0;
    padding-right: 0;
}

.main-container {
    padding: 0 15px;
}

    .main-container > .related-information-section {
        clear: both;
    }
    
    .main-container img {
        max-width: 100%;
    }
    .main-container .main-page-image {
        width: 100%;
    }

.header-website-settings {
    text-align: right;
    margin-right: 10px;
}

.layout-modern .header-website-settings {
    float: right;
}

.header-site-logo {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
}

.header-layout-1 .header-site-logo,
.header-layout-2 .header-site-logo {
    float: left;
}

.header-site-logo > a {
    display: block;
}

.header-site-logo img {
    width: 200px;
}

.sc-search-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sc-search-text {
    padding: 5px;
    width: 70%;
}

.sc-search-button {
    width: 30%;
}

.sc-search-panel {
    padding: 10px;
}

.scSearchInputOption input, .scSearchInputOption label {
    float: right;
    margin-right: 15px;
    width: auto;
}

.scSearchInputOption input {
    margin-top: 14px;
}

.mobile-search-btn {
    background-color: transparent;
    float: right;
}

    .mobile-search-btn > button,
    .mobile-search-btn > button:hover,
    .mobile-search-btn > button:focus {
        background-color: transparent;
        color: #000000;
        line-height: 1;
    }

        .mobile-search-btn > button:focus {
            outline: thin dotted;
        }

    .mobile-search-btn button i {
        position: relative;
        display: block;
        -ms-border-radius: 40px;
        border-radius: 40px;
        height: 20px;
        width: 20px;
        border: 2px solid #000000;
        content: " ";
    }

        .mobile-search-btn button i:after {
            content: "";
            height: 4px;
            width: 10px;
            background: #000000;
            position: absolute;
            top: 15px;
            left: 12px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }

#back-to-top {
    width: 90px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    font-size: 0.8em;
    z-index: 1000;
}

html.js #back-to-top {
    position: fixed;
    bottom: 30px;
    width: 45px;
    right: -45px;
    border-radius: 3px;
}

/* arrow icon (span tag) */
#back-to-top i {
    width: 45px;
    height: 45px;
    margin-left: 20px;
    display: block;
    margin-bottom: 7px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

html.js #back-to-top i {
    margin-left: 0px;
}
/*
 * Global Elements Styles
 */

.header-search-control-container {
    display: none;
}

.header-website-settings a {
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    width: 100%;
}

ul.footer-links {
    list-style: none outside none;
    padding: 0;
}

.footer-container h3 {
    margin-top: 1em;
}
.content-outer-container,
.footer-outer-container,
.background-container {
    position: relative;
}

.image-fade {
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
}

.image-fade img {
    width: 100%;
    position: relative;
    visibility: hidden;
}
#breadcrumbs-container {
    padding: 15px;
}

#sub-navigation-container {
    display: none;
}
/*
 * Predictive search
 */

#predictiveResults {
    display: none;
    text-align: left;
    z-index: 10001;
}

    #predictiveResults div.search-loading {
        padding: 15px;
    }

    #predictiveResults li, #predictiveResults ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }

    #predictiveResults a {
        text-decoration: none;
        display: block;
        padding: 10px;
    }

        #predictiveResults a.search-view-more:hover, #predictiveResults a.search-view-more:focus, #predictiveResults a.search-view-more.itemSelected, #predictiveResults a:hover h2, #predictiveResults a:focus h2, #predictiveResults a.itemSelected h2 {
            text-decoration: underline;
        }

/*
 * Accordion Styles
 */

.accordion-trigger {
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px;
}

.no-js .accordion-trigger {
    display: none;
}

.accordion-trigger.minutes-trigger,
.accordion-trigger.contains-heading {
    position: relative;
}

.accordion-list-container {
    width: 100%;
}

.accordion-list-item-container {
    margin-bottom: 20px;
}

.accordion-list-container .accordion-item-header a {
    display: block;
    overflow: hidden;
    padding: 20px 45px 20px 20px;
    text-decoration: none;
}

.accordion-item-body {
    padding: 20px;
}

.accordion-item-header h2 {
    margin-bottom: 0;
}

/*
 * List Filter Styles
 */

/* Display hidden accessible text for high contrast users (in lieu of icon) */
.os-high-contrast .oc-accordion-head {
    padding-right: 25px;
}

.os-high-contrast .accordion-trigger i {
    display: none;
}

.os-high-contrast .header-site-logo a {
    background-image: none;
}

.os-high-contrast .accordion-trigger .visuallyhidden,
.os-high-contrast .header-site-logo .visuallyhidden {
    border: inherit;
    clip: inherit;
    height: inherit;
    margin: 0;
    overflow: inherit;
    padding: 0;
    position: inherit;
    width: inherit;
    font-size: inherit;
}

.os-high-contrast .accordion-trigger .visuallyhidden,
.os-high-contrast .add-to-calendar-header h2 .visuallyhidden,
.os-high-contrast .accordion-item-header h2 .visuallyhidden {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    max-width: 40%;
    height: auto;
    background: #000000;
    border: 1px solid #FFFF00;
    color: #FFFF00;
    text-align: center;
    padding: 5px;
}


.os-high-contrast h2 .accordion-trigger .visuallyhidden {
    font-size: 0.8em;
    font-weight: normal;
    letter-spacing: 0;
}

.os-high-contrast .search-filter-header h2,
.os-high-contrast .oc-accordion-head h2,
.os-high-contrast .add-to-calendar-header h2,
.os-high-contrast .accordion-item-header h2 {
    padding-right: 40%;
}

/*
 * Minutes & Agenda Styles
 */

.meeting-document-info a {
    display: block;
    margin-bottom: 10px;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
}

    .meeting-document-info a.document {
        background-image: none;
        padding: 10px 5px;
    }

/*
 * List Styles
 */

.list-item-container,
.list-item-container-2 {
    margin-bottom: 20px;
}

    .list-item-container a,
    .list-item-container .list-item,
    .list-item-container-2 {
        display: block;
        padding: 20px;
        text-decoration: none;
        overflow: hidden;
    }

        .list-item-container-2 a {
            text-decoration: none;
        }

            .list-item-container a:hover .list-item-title,
            .list-item-container a:focus .list-item-title,
            .list-item-container-2 a:focus .list-item-title,
            .list-item-container-2 a:hover .list-item-title {
                text-decoration: underline;
            }

        .list-item-container p,
        .list-item-container-2 p {
            color: #000000;
            margin-bottom: 0;
        }

        .list-item-container-2 p,
        .list-item-container-2 a {
            overflow: hidden;
        }

        .has-comment-count p.list-item-comments {
                right: 0;
                bottom: 0;
                max-width: 20%;
                float: right;
            } 

.published-on a {
    text-decoration: none;
}

    .published-on a:hover,
    .published-on a:focus {
        text-decoration: underline;
    }

.content-details-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .content-details-list .field-label {
        border-right: 1px solid;
        display: inline-block;
        padding: 5px;
        width: 30%;
        vertical-align: top;
    }

    .content-details-list .field-value {
        display: inline-block;
        padding: 5px;
        width: 70%;
        border-left: 1px solid;
        margin-left: -1px;
    }

    .content-details-list li {
        background-color: #FFFFF3;
    }

        .content-details-list li:nth-child(2n) {
            background-color: #FFFFC1;
        }

.content-details-stack {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .content-details-stack .field-label {
        display: block;
        font-weight: bold;
    }

    .content-details-stack .field-value {
        display: block;
        margin-bottom: 1em;
    }

.social-media-profiles {
    clear: both;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .social-media-profiles li {
        clear: left;
    }

.js .social-media-profiles.icons-only li {
    clear: none;
}

.social-media-profiles li a:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: red;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.social-media-profiles li a > span {
    display: block;
    margin-left: 35px;
}

.js .social-media-profiles.icons-only li a > span {
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    font-size: 0;
}

.list-container {
    margin-top: 15px;
    width: 100%;
}

.list-item-container .categories-list {
    margin: 0;
}

.list-item-block-date {
    float: left;
    margin-right: 15px;
    padding: 5px 10px;
    text-align: center;
}

.list-item-block-desc {
    display: block;
    overflow: hidden;
}

.list-container .thumbnail-image {
    display: none;
}

.list-container .img-enlarge .thumbnail-image {
    display: block;
}

.multi-date-list {
    list-style: none;
    padding: 0;
}
.past-events-list {
  margin-top: 0px;
}

.js .multi-date-list-container,
.past-events-container {
  display: none;
}

.past-events-container.show,
.multi-date-list-container.show {
  display: block;
}

.multi-date-toggle {
  display: block;
  margin-bottom: 10px;
}

.landing-page-search {
    margin-bottom: 20px;
}

    .landing-page-search > input[type="submit"] {
        margin-bottom: 0;
    }

.list-item-container.small-panel a {
    padding: 0;
}

.list-item-container.small-panel img {
    display: none;
}

.list-item-container.small-panel h2.list-item-title {
    margin: 20px;
}

.list-item-container.small-panel p {
    margin: 0 20px 20px;
}
/*
 * Pagination Styles
 */

.seamless-pagination-pages {
    display: none;
}

.seamless-pagination-controls {
    display: block;
    text-align: center;
}

    .no-js .seamless-pagination-controls .button-previous,
    .no-js .seamless-pagination-controls .button-next,
    .seamless-pagination-controls input[disabled] {
        display: none;
    }

    .seamless-pagination-data, .seamless-pagination-controls input, .seamless-pagination-controls select {
        display: inline-block;
    }

.seamless-pagination {
    margin-bottom: 20px;
    width: 100%;
}

.seamless-pagination-count-1 {
    display: none;
}

.seamless-pagination-info {
    display: none;
}

/*
 * Content Element Styles
 */

.item-navigation {
    display: block;
    text-decoration: none;
}

    .item-navigation.next-item {
        text-align: right;
    }

.item-navigation-title {
    text-decoration: underline;
}

a.item-navigation:hover .item-navigation-title, a.item-navigation:focus .item-navigation-title {
    text-decoration: none;
}

.categories-list {
    list-style: none outside none;
    padding: 0;
}

    .categories-list > li {
        float: left;
        margin: 10px 0 0;
    }

    .categories-list a {
        display: inline-block;
        margin: 0 5px;
        padding: 5px 10px;
        text-decoration: none;
    }

        .categories-list a:hover, .categories-list a:focus {
            text-decoration: underline;
        }

    .categories-list span {
        display: inline-block;
        margin: 0;
        padding: 5px 0;
    }

#AddToCalendar {
    margin: 20px 0;
    padding: 0;
    width: 100%;
}

    #AddToCalendar i {
        background: url("arrows_sprite.png") no-repeat scroll -396px center #DDDDDD;
        display: block;
        float: right;
        height: 30px;
        width: 45px;
    }

.map-canvas {
    display: none;
}

label.short-label {
    display: inline;
    margin: 0;
    width: 10%;
}

.RadPicker.RadPicker_Default.sys-gen-raddatepicker {
    margin-top: 10px;
}

.tagged-as-list .text span:first-child {
    display: none;
}
/*
 * List Filter Styles
 */

.search-filter-body {
    padding: 0 15px 15px;
}

    .search-filter-body input, .search-filter-body label, .search-filter-body select {
        margin-top: 10px;
        width: 100%;
        display: block;
    }

.no-item-text {
    color: #FF0000;
}

/*
 * Side-box Styles
 */

.side-box {
    padding: 15px;
    margin-bottom: 20px;
}

.side-box-content h3 {
    margin-bottom: 0;
}

.side-box-content p {
    margin-top: 0;
}

/*
 * Profile template Styles
 */

.profile-featured-text, a.profile-featured-text:visited {
    margin: 20px 0 40px;
    padding: 20px;
    width: 100%;
    display: block;
    text-decoration: none;
}

a.profile-featured-text:hover, a.profile-featured-text:focus {
    text-decoration: underline;
}

.profile-featured-links {
    margin-bottom: 25px;
}

.no-js .profile-featured-links .no-js-element h1.item-text {
    margin-top: 1.25em;
}

.no-js .profile-featured-links .no-js-element:first-child h1.item-text {
    margin-top: 0;
}

.profile-featured-panel {
    margin-bottom: 25px;
    display: block;
    text-decoration: none;
    background-color: #fff;
}


.profile-featured-panels h2 {
    margin: 0;
    /*padding: 10px;*/
    background-color: #5b8599;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: normal;
    padding: 15px 23px;
}

.no-js .profile-featured-panels .col-s-6:nth-child(2n+1) {
    clear: left;
}

.profile-featured-panel .panel-image {
    height: auto;
    overflow: hidden;
}

.profile-featured-panel img {
    width: 100%;
}

.profile-featured-panel .panel-text {
    margin: 0;
    /*padding: 20px;*/
    padding: 20px 25px;
    color: #000;
    font-size: 1em;
}

.profile-featured-panel p {
    margin: 0;
}


.hyperlink-button-container {
    margin-bottom: 1em;
}

.panel-button,
.hyperlink-button {
    display: block;
}

.profile-featured-panel:hover > h2, .profile-featured-panel:focus > h2 {
    text-decoration: underline;
    color: #fff;
}

.profile-featured-panel:hover > .panel-text, .profile-featured-panel:focus > .panel-text {
    color: #000;
}

.no-background {
    background: none !important;
}

.tabs-panel {
    background-color: #FFFFFF;
}

    .tabs-panel.selected {
        display: block;
    }

    .tabs-panel.disabled {
        display: none;
    }

.tab-header-title {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 5px 10px;
    text-decoration: none;
}

a.tab-header-title:hover, a.tab-header-title:focus {
    text-decoration: underline;
}

.profile-tabbed-listing {
    padding: 20px;
}

.large-thumbnail-image {
    width: 100%;
}

.profile-listing-container {
    padding: 0;
}

.profile-public-notices-listing a,
.profile-consultation-listing a,
.profile-news-listing a,
.profile-events-listing a,
.profile-tabbed-listing a {
    display: block;
    padding: 10px;
    text-decoration: none;
    position: relative;
}

.profile-tabbed-listing > li {
    float: left;
    width: 100%;
}

.profile-public-notices-listing a:hover > h2, .profile-public-notices-listing a:focus > h2,
.profile-consultation-listing a:hover > h2, .profile-consultation-listing a:focus > h2,
.profile-news-listing a:hover > h2, .profile-news-listing a:focus > h2,
.profile-events-listing a:hover > h2, .profile-events-listing a:focus > h2,
.profile-tabbed-listing a:hover > h2, .profile-tabbed-listing a:focus > h2 {
    text-decoration: underline;
}

.profile-list .large-thumbnail-image {
    display: none;
}

.profile-list > p, .profile-list > h2 {
    overflow: hidden;
}

/*
 * Responsive Table Styles
 */

table.sc-responsive-table {
    margin-bottom: 0;
}

/*
 * Tablesaw
 */

.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

.tablesaw * {
  box-sizing: border-box;
}

.tablesaw-btn {
  border: 1px solid #ccc;
  border-radius: .25em;
  background: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
  color: #4a4a4a;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a.tablesaw-btn {
  color: #1c95d4;
}

.tablesaw-btn:hover {
  text-decoration: none;
}

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-btn:active {
  background-color: #ddd;
}

@supports (box-shadow:none) {
  .tablesaw-btn:focus {
    background-color: #fff;
    outline: none;
  }

  .tablesaw-btn:focus {
    box-shadow: 0 0 .35em #4faeef !important;
  }

}

.tablesaw-btn-select select {
  background: none;
  border: none;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em;
  opacity: 0;
  color: transparent;
}

.tablesaw-btn select option {
  background: #fff;
  color: #000;
}

.tablesaw-btn {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
}

.tablesaw-btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em;
}

.tablesaw-btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em;
}

.tablesaw-btn-select {
  padding-right: 1.5em;
  text-align: left;
  display: inline-block;
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
}

.tablesaw-btn-select:after {
  content: " ";
  position: absolute;
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em;
}

.tablesaw-btn-select.btn-small:after,
.tablesaw-btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .tablesaw-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em;
}

.tablesaw-advance .tablesaw-btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em;
}

.tablesaw-advance a.tablesaw-nav-btn:first-child {
  margin-left: 0;
}

.tablesaw-advance a.tablesaw-nav-btn:last-child {
  margin-right: 0;
}

.tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .25em;
  margin-right: .25em;
  position: relative;
  text-indent: -9999px;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}

.tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */
.tablesaw-bar {
  clear: both;
}

.tablesaw-bar * {
  box-sizing: border-box;
}

.tablesaw-bar-section {
  float: left;
}

.tablesaw-bar-section label {
  font-size: .875em;
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase;
}

.tablesaw-btn,
.tablesaw-enhanced .tablesaw-btn {
  margin-top: .5em;
  margin-bottom: .5em;
}

.tablesaw-btn-select,
.tablesaw-enhanced .tablesaw-btn-select {
  margin-bottom: 0;
}

/* TODO */
.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-size: 1em;
  padding-left: .3em;
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
  padding-top: .9em;
}

.tablesaw-bar .tablesaw-bar-section select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-bar-section ~ table {
  clear: both;
}

.tablesaw-bar-section .abbreviated {
  display: inline;
}

.tablesaw-bar-section .longform {
  display: none;
}

@media (min-width:24em) {
  .tablesaw-bar-section .abbreviated {
    display: none;
  }

  .tablesaw-bar-section .longform {
    display: inline;
  }

}

.tablesaw th,
.tablesaw td {
  padding: .5em .7em;
  text-align: left;
  vertical-align: middle;
}

.tablesaw-sortable-btn {

  /* same as cell padding above */
  padding: .5em .7em;
}

.tablesaw thead th {
  text-align: left;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-row-border tr {
  border-bottom: 1px solid #dfdfdf;
}

/* Zebra striping */
.tablesaw-row-zebra tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.tablesaw caption {
  text-align: left;
  margin: .59375em 0;
}

/*.tablesaw-swipe .tablesaw-swipe-cellpersist {
  border-right: 2px solid #e4e1de;
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
  border-right-width: 1px;
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
  box-shadow: 3px 0 4px -1px #e4e1de;
}*/

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

/* Support note IE9+: @media only all */
@media only all {

  /* Show the table cells as a block level element */
  .tablesaw-stack {
    clear: both;
  }

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    padding: 0 .6em 0 0;
    width: 30%;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }

}

@media (max-width:39.9375em) {

  /* Table rows have a gray bottom stroke by default */
  .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    display: inline-block;
    max-width: 67%;
  }

  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }

}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width:40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }

}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {

  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-swipe-cellhidden,
  .tablesaw-swipe td.tablesaw-swipe-cellhidden {
    display: none;
  }

}

.tablesaw-overflow {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;  /* More in skin.css */
}

.tablesaw-overflow > .tablesaw {
  margin-top: 2px;  /* sortable focus rings are clipped */
}

/* Used for a11y text on button: "Columns" */
.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;  /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

/* Hide all prioritized columns by default */
@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1,
  .tablesaw-columntoggle th.tablesaw-priority-0,
  .tablesaw-columntoggle td.tablesaw-priority-0 {
    display: none;
  }

}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

/* Preset breakpoints if "" class added to table */

/* Show priority 1 at 320px (20em x 16px) */
@media (min-width:20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }

}

/* Show priority 2 at 480px (30em x 16px) */
@media (min-width:30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }

}

/* Show priority 3 at 640px (40em x 16px) */
@media (min-width:40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }

}

/* Show priority 4 at 800px (50em x 16px) */
@media (min-width:50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }

}

/* Show priority 5 at 960px (60em x 16px) */
@media (min-width:60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }

}

/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width:70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }

}

@media only all {

  /* Unchecked manually: Always hide */
  .tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
  .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
    display: none;
  }

  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
  .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
    display: table-cell;
  }

}

.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap;
  cursor: default;
}

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em;
}

.tablesaw-sortable-head {
  position: relative;
  vertical-align: top;
}

/* Override */
.tablesaw .tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable-btn {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  text-align: inherit;
  font: inherit;
  text-transform: inherit;
}

.tablesaw-sortable-arrow:after {
  display: inline-block;
  width: 10px;
  height: 14px;
  content: " ";
  margin-left: .3125em;
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\0020";
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  content: "\2191";
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\2193";
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: .4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em;
}

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}




/*
 * A-Z Index Styles
 */

.az-item {
    width: 42px;
    float: left;
    text-align: center;
    margin-bottom: 1em;
}

    .az-item:last-child {
        width: 35px;
    }

.az-letter {
    background: #d7d7d7;
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    line-height: 35px;
    text-decoration: none;
}

a.az-letter {
    background: #f9f9f9;
}

    a.az-letter:hover {
        background: #e8e8e8;
    }

.az-list-container {
    border-top: 1px solid black;
    padding-top: 1em;
}

    .az-list-container article {
        width: 100%;
    }

    .az-list-container .az-list-initial {
        margin-bottom: 0.5em;
    }

/*
 * Image Gallery Styles
 */

.image-gallery-container .image-gallery-item {
    margin-bottom: 10px;
}

    .image-gallery-container .image-gallery-item > a {
        position: relative;
        display: block;
        padding: 0;
        background: none;
        background-position: 0 0;
    }

        .image-gallery-container .image-gallery-item > a .file-info {
            position: absolute;
            bottom: 0px;
            right: 0;
            padding: 0 4px 3px 0;
            text-decoration: none;
            color: #fff;
            z-index: 1;
            font-size: 0.75em;
            color: #fff;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            opacity: 0;
            -webkit-transition: opacity 300ms ease-out 0s;
            -o-transition: opacity 300ms ease-out 0s;
            -moz-transition: opacity 300ms ease-out 0s;
            transition: opacity 300ms ease-out 0s;
            overflow: hidden;
        }

        .image-gallery-container .image-gallery-item > a:hover .file-info,
        .image-gallery-container .image-gallery-item > a:focus .file-info {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            opacity: 1;
        }

        .image-gallery-container .image-gallery-item > a img {
            width: 100%;
            max-width: 100%;
        }

.js .image-gallery-container.masonry-theme .grid {
    overflow: hidden;
    -webkit-transition: height 300ms ease-out 0s;
    -o-transition: height 300ms ease-out 0s;
    -moz-transition: height 300ms ease-out 0s;
    transition: height 300ms ease-out 0s;
}

.js .image-gallery-container.masonry-theme .loading-message {
    background: #74777C;
    color: #ffffff;
    padding: 1em;
    margin-bottom: 1em;
    text-align: center;
}

.js .image-gallery-container.masonry-theme .image-gallery-item {
    display: none;
}

.js .image-gallery-container.masonry-theme.images-loaded .image-gallery-item {
    display: block;
}

.js .image-gallery-container.masonry-theme .image-gallery-item > a .caption {
    display: block;
    margin: 0;
    padding: 1em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms ease-out 0s;
    -o-transition: opacity 300ms ease-out 0s;
    -moz-transition: opacity 300ms ease-out 0s;
    transition: opacity 300ms ease-out 0s;
    overflow: hidden;
}

.js .image-gallery-container.masonry-theme .image-gallery-item > a:hover .caption,
.js .image-gallery-container.masonry-theme .image-gallery-item > a:focus .caption {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

.js .image-gallery-container.masonry-theme .image-gallery-item > a .caption:after {
    content: "";
    background: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.js .image-gallery-container.masonry-theme .image-gallery-item > a:hover .caption:after,
.js .image-gallery-container.masonry-theme .image-gallery-item > a:focus .caption:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-4 > a:hover .caption,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-4 > a:hover .file-info,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-4 > a:focus .caption,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-4 > a:focus .file-info,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:hover .caption,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:hover .file-info,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:focus .caption,
.js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:focus .file-info {
  opacity: 0;
}
.image-gallery-item.col-xs-4 > a:after,
.image-gallery-item.col-xs-6 > a:after {
  content: '';
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  transition: opacity 300ms ease-out 0s;
}

.image-gallery-item.col-xs-4 > a:hover:after,
.image-gallery-item.col-xs-4 > a:focus:after,
.image-gallery-item.col-xs-6 > a:hover:after,
.image-gallery-item.col-xs-6 > a:focus:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
}
.list-item-container .list-item a.img-enlarge {
    display: inline-block;
    padding: 0;
    width: 100%;
}

    .list-item-container .list-item a.img-enlarge:hover,
    .list-item-container .list-item a.img-enlarge:focus {
        background-color: transparent;
    }

.img-enlarge i {
    display: none;
}

    .img-enlarge i.icon-enlarge {
        background-color: red;
        float: left;
        height: 15px;
        margin: 5px 5px 0 0;
        position: relative;
        width: 15px;
        display: block;
    }

/* Login Control */

.login-panel, .pass-reset-panel {
    position: relative;
    padding: 20px;
}

.register-panel {
    position: relative;
    padding: 20px;
    border-top: 2px solid #fff;
}

.module-interface-user-login .login-button,
.module-interface-user-login .register-button,
.module-interface-user-login .forgotten-password-button,
.module-interface-user-login .forgotten-password-button,
.module-interface-pass-reset .reset-pass-button,
.user-registration-widget .sc-form-submit-row input,
.change-pass-widget .sc-form-submit-row input {
    width: 100%;
}

/** Tooltip **/
.tooltipster-default {
    border-radius: 5px;
    border: none;
    background: #464646;
    color: #fff;
    max-width: 300px;
}

    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

        .tooltipster-default .tooltipster-content a, .tooltipster-default .tooltipster-content a:visited {
            color: #fff;
        }

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltip-icon {
    background-color: red;
    display: inline-block;
    height: 25px;
    width: 25px;
}

.tooltip {
    position: absolute;
    right: 0;
    top: -25px;
}

.relative .tooltip {
    margin-left: 10px;
    position: relative;
    top: -5px;
}

.sc-form-control {
    position: relative;
}

.tooltipster-glossary h4 {
    color: #fff;
}

.tooltipster-glossary p {
    margin: 0;
}

.tooltipster-glossary .tooltipster-content {
    padding: 15px;
}

/** Tooltip **/

/** MyCouncil & Local Directory**/
.side-box-section.directory-type > ul {
    list-style: outside none none;
    padding: 0;
}

.side-box-section.directory-type li {
    padding: 0;
}

.list-container .list-item-container div.tagged-as-list {
    margin-top: 1em;
}

.text-tree > ul {
    list-style: outside none none;
    margin: 0.5em 0 0;
    padding: 0;
}

.text.text-tree li {
    margin: 0;
    padding: 0;
}

.tagged-as-list .text.text-tree span:first-child {
    display: inline;
}

.RadEditor.Default.reWrapper {
    min-width: auto !important;
}

.ruCheck {
    display: none;
}

.ruButton.ruDelete {
    display: none;
}

.sc-tdd-tree-wrap {
    z-index: 1000;
}

.sc-Form .sc-tree .sc-tdd-tree {
    margin-top: 0;
}

.main-container .mycouncil-buttons a.styled-button {
    width: 100%;
}

.main-container .deactivate-account-widget .styled-button {
    width: 100%;
}

.page-list-container .list-item-container .list-item-actions .styled-button {
    float: left;
    width: 100%;
}

.page-list-container p.tagged-as-list {
    font-weight: bold;
}

.page-list-container .list-item ul {
    list-style: outside none none;
    margin: 5px 0 0;
    padding: 0;
}

    .page-list-container .list-item ul li {
        padding: 0;
    }

.mycouncil-buttons {
    margin-bottom: 20px;
}

.list-item-container.mycouncil-item-container > a {
    color: #5d5d5d;
}

.list-item-container.mycouncil-item-container ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .list-item-container.mycouncil-item-container ul li {
        margin-bottom: 10px;
        padding: 0;
    }

        .list-item-container.mycouncil-item-container ul li .item-count {
            border-radius: 10px;
            color: #fff;
            float: right;
            font-size: 0.8em;
            line-height: 1.6em;
            padding: 0 10px;
        }

        .list-item-container.mycouncil-item-container ul li.item-published .item-count {
            background-color: #7b8214;
        }

        .list-item-container.mycouncil-item-container ul li.item-inworkflow .item-count {
            background-color: #5b879c;
        }

        .list-item-container.mycouncil-item-container ul li.item-deactivated .item-count,
        .list-item-container.mycouncil-item-container ul li.item-archived .item-count {
            background-color: #c66833;
        }



/* Rad Controls Reset */
.RadWindow table tr td.rwExternalContent,
.RadWindow table tr.rwTitleRow,
.RadWindow table tr.rwContentRow,
.RadWindow table tr.rwFooterRow {
    padding: 0;
    border: none;
}


.page-list-container .list-container-buttons {
    margin-bottom: 20px;
}

.page-list-container .list-item-status {
    background-color: gray;
    border-radius: 10px;
    color: #fff;
    line-height: 1.6em;
    padding: 5px 10px;
    font-size: 0.8em;
}

.page-list-container .list-item-status-Active .list-item-status {
    background-color: #7b8214;
}

.page-list-container .list-item-status-Pending .list-item-status {
    background-color: #5b879c;
}

.page-list-container .list-item-status-Deactivated .list-item-status,
.page-list-container .list-item-status-Archived .list-item-status {
    background-color: #c66833;
}

.sc-form .sc-file-upload li {
    padding: 0;
}

.sc-form .sc-file-upload .ruFileWrap.ruStyled {
    height: auto;
    width: auto;
}

.sc-form .sc-file-upload .ruFileWrap input,
.sc-form .sc-file-upload .ruInputs .ruButton {
    height: auto;
    margin-right: 10px;
    width: auto;
}

    .sc-form .sc-file-upload .ruFileWrap input[type="button"],
    .sc-form .sc-file-upload .ruInputs .ruButton {
        cursor: pointer;
        font-size: 1.2em;
        line-height: 0.9em;
        margin: 0;
        padding: 10px 20px;
        background-image: none;
    }

.sc-form .sc-file-upload .ruFileWrap .ruFileInput {
    cursor: pointer;
}

.sc-form .sc-file-upload .ruFileWrap input.ruButtonHover[type="button"] {
    background-color: #007bb1;
}

.sc-form .sc-file-upload .ruFileWrap.ruStyled {
    margin-right: 10px;
    margin-bottom: 10px;
}

.sc-form .RadUpload .ruInputs li.ruActions {
    margin-top: 0.5em;
}

.main-container .confirm-action-widget .styled-button {
    width: 100%;
}

.sc-tdd-tree-wrap li,
.search-filter-body .sc-tdd-tree-wrap li {
    width: 100%;
    padding: 0;
    margin: 0;
    float: none;
}

.js .page-section-container {
    display: none;
}

.page-section-container.page-section-container-active {
    display: block;
}

.no-js .page-section-pagination {
    display: none;
}

.page-section-pagination .page-section-pagination-item {
    display: none;
}

    .page-section-pagination .page-section-pagination-item.page-section-pagination-item-active {
        display: block;
    }

.page-section-header.page-section-header-auto {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.page-section-pagination-item a.item-navigation.prev-item {
    margin-bottom: 20px;
}
/** MyCouncil & Local Directory**/

/** Feedback Form Styles - Start **/
.sc-feedback-form {
    background-color: #f8f8f8;
    clear: both;
}

    .sc-feedback-form .sc-form-submit-button-container {
        float: left;
        margin-right: 20px;
    }

    .sc-feedback-form .sc-radio-question tr {
        display: inline-block;
        float: left;
    }

    .sc-feedback-form .sc-radio-question .sc-label {
        font-weight: bold;
    }

    .sc-feedback-form .sc-form-submit-row,
    .sc-feedback-form .sc-form-submit-row input[type="submit"],
    .sc-feedback-form .sc-form-submit-row input[type="reset"],
    .sc-feedback-form .sc-form-submit-row input[type="button"] {
        margin-bottom: 0;
    }

    .sc-feedback-form .sc-radio-question .sc-feedback-button {
        margin: 10px 10px 0 0;
    }

        .sc-feedback-form .sc-radio-question .sc-feedback-button.selected-button {
            filter: alpha(opacity=50);
            opacity: 0.5;
            color: #000;
        }

    .sc-feedback-form .sc-radio-question, .sc-feedback-form .sc-feedback-body, .sc-feedback-form.sc-has-errors .sc-form-errors ul {
        margin: 0;
        padding: 20px;
    }

html.js .sc-feedback-form.sc-has-errors .sc-form-errors {
    padding: 20px 20px 0;
}

.sc-element-container.sc-expanded {
    padding-bottom: 0;
}

html.js .sc-feedback-body {
    display: none;
}

html.js .sc-form-thank-you {
    display: block;
    padding: 20px;
}

html.no-js .sc-feedback-form {
    padding: 20px;
}

.sc-feedback-form .sc-radio-question table.control-focused {
    outline: thin dotted;
}

.sc-radio-question .se-form-required-text,
.sc-radio-question .se-form-required-asterisk {
    display: none;
}

.sc-feedback-form .sc-captcha-input > input {
    margin-top: 10px;
}

/** Feedback Form Styles - End **/

/** Consultation Styling - Start **/

.consultation-timeline-listing {
    border-left: 1px solid;
    padding: 0 20px 20px;
    position: relative;
}

.consultation-timeline .side-box-content {
    padding: 25px;
}

.consultation-timeline-listing:last-child {
    border: medium none;
}

.consultation-timeline-listing::before {
    border: 1px solid #000;
    content: " ";
    display: block;
}

.consultation-timeline-listing::before {
    background-color: #000;
    border: 5px solid #000;
    -ms-border-radius: 25px;
    border-radius: 25px;
    content: " ";
    display: block;
    height: 20px;
    left: -10px;
    position: absolute;
    top: 0;
    width: 20px;
}

.consultation-timeline-listing.item-not-closed::before {
    background-color: #f8f8f8;
}

.consultation-accordion .side-box.discussion-title {
    margin-bottom: 0;
}

.consultation-accordion .list-container {
    margin-bottom: 0;
}

.discussion-listing {
    display: none;
}

.side-box.resources .side-box-content {
    padding: 0;
}

    .side-box.resources .side-box-content h3 {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }

.side-box.resources .list-container {
    margin-bottom: 0;
    margin-top: 0;
}

.side-box.resources .list-item-container {
    margin-bottom: 0;
}

.recent-resources-list-container a.num-items-1 {
    display: none;
}

.recent-resources-list-container .view-all {
    padding: 10px 20px;
}

    .recent-resources-list-container .view-all a {
        width: 100%;
    }

.landing-page-nav .panel-image {
    overflow: hidden;
}

.list-container span[class*="contact-"] a,
.list-container header > a {
    text-decoration: none;
}

    .list-container span[class*="contact-"] a:hover,
    .list-container span[class*="contact-"] a:focus,
    .list-container header > a:hover,
    .list-container header > a:focus {
        text-decoration: underline;
    }

.elected-official-list-container article,
.department-list-container article {
    background: #f8f8f8;
    padding: 20px;
    margin-bottom: 1em;
}

    .elected-official-list-container article:after {
        content: "";
        display: block;
        clear: both;
    }

.elected-official-list-container .elected-official-details-stack {
    float: none;
    width: 100%;
}

.department-list-container h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.department-container-dept-head,
.oc-feature-image,
.elected-official .elected-official-details-stack,
.elected-official .body-content,
.digital-service .subpage-content {
    margin-bottom: 30px;
}

.oc-feature-image {
    position: relative;
}

    .oc-feature-image a {
        position: relative;
        display: block;
        background-color: #000;
        padding: 20px;
        color: #fff;
        text-decoration: none;
        width: 100%;
    }

        .oc-feature-image a:hover,
        .oc-feature-image a:focus {
            text-decoration: underline;
        }

.elected-official-details-stack {
    width: 55%;
    float: left;
}

    .elected-official-details-stack .social-media-profiles {
        display: inline;
    }

.elected-official-details {
    list-style: none;
    margin-left: 170px;
    padding: 15px;
    background-color: #F8F8F8;
}

    .elected-official-details .social-media-profiles {
        display: inline;
    }

    .elected-official-details .field-label {
        width: 100px;
        display: inline-block;
        font-weight: bold;
    }

    .elected-official-details li {
        margin-bottom: 10px;
    }

    .elected-official-details .contact-social li {
        display: inline-block;
        margin-bottom: 0;
    }

        .elected-official-details .contact-social li a:before {
            margin-bottom: 0;
        }

.elected-official .main-page-image {
    float: right;
    margin: 0 0 5% 5%;
}

.elected-official .wysiwyg-content {
    clear: both;
}

.tab-group-inner-page {
    margin-bottom: 30px;
}

.tab-group-inner-page .tab-header-title,
.tab-group-inner-page a.tab-header-title:visited {
  background-color: #f2f2f2;
  padding: 13px 15px 5px;
}

.tab-group-inner-page .tab-stacked .tab-header-title {
  width: 100%;
  padding: 14px 15px;
  top: 0px;
  margin-bottom: 3px;
}

.tab-group-inner-page .tab-stacked .tab-header-title.selected {
  padding-top: 14px;
}

.tab-group-inner-page .tab-header-title:hover,
.tab-group-inner-page .tab-header-title:focus {
  background-color: #eaeaea;
}

.tab-group-inner-page .tab-header-title.selected,
.tab-group-inner-page a.tab-header-title.selected:visited {
  padding-top: 13px;
  background-color: #eaeaea;
}

.tab-group-inner-page .tab-header-title.selected:hover,
.tab-group-inner-page .tab-header-title.selected:focus {
  text-decoration: none;
  background-color: #eaeaea;
}
.tab-group-inner-page .tab-header-title.selected {
    padding-bottom: 0px;
}
        .tab-group-inner-page .tab-header-title .item-icon {
            display: none;
        }

        .tab-group-inner-page .tab-header-title span {
            display: inline;
        }

    .tab-group-inner-page .tabs-panel {
        padding: 15px;
        background-color: #eaeaea;
    }

.no-js .tab-group-inner-page .tabs-panel {
    margin-bottom: 20px;
}

.tab-group-inner-page .no-js-element.tabs-header .item-text {
    margin-bottom: 10px;
}

.step-section {
    padding: 15px;
}
.step-numbering-Yes.step-section {
    padding-left: 0;
}
    .step-section.total-steps-0 {
        padding-left: 15px;
    }

.step-numbering-Yes .step-section-container {
    margin-left: 20px;
    position: relative;
    border-left: solid 1px #505050;
    padding: 0 0 1px 35px;
}

.step-numbering-Yes .step-section-container:last-child {
        border-left: none;
}

.total-steps-0 .step-section-container {
    margin-left: 0;
    padding: 0;
    border-left: none;
}

.step-numbering-Yes .step-section-container:before {
    content: attr(data-section-index);
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 1.5em;
    font-weight: bold;
    border: solid 3px #505050;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #ffffff;
}

.total-steps-0 .step-section-container:before {
    display: none;
}
.results-view-all .styled-button {
    text-transform: capitalize;
}
.results-view-all.num-items-1 {
    display: none;
}

.main-container .search-criteria button {
    margin-bottom: 0;
    margin-right: 3px;
    border-bottom: none;
    line-height: 1;
    font-size: 0.875em;
    font-weight: normal;
    padding: 8px 10px;
}

.main-container .search-criteria button i,
.main-container .search-criteria button i:after {
    width: 12px;
    height: 2px;
    background-color: #ffffff; /* To be same as button font colour */
}
.main-container .search-criteria button i {
      position: relative;
      display: inline-block;
      margin-left: 8px;
      vertical-align: middle;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
}

.main-container .search-criteria button i:after {
    content: '';
    display: block;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.search-criteria.no-results p {
    font-size: 1em;
    margin: 0.75em 0 0;
}
input[type="submit"].login-button.back-button {
    margin-right: 10px;
}

.forgot-password-link {
    display: block;
}
/** Consultation Styling - End **/

/** Page sharing - Start **/

.share-page-container {
  padding: 15px 10px 5px;
  background-color: #f8f8f8;
}
@media (min-width: 480px) {
	.share-page-container {
  padding: 15px 15px 5px;
}
}

@media (min-width: 768px) {
	.share-page-container {
  padding: 15px 20px 5px;
}
}
.share-page-link-left{text-align:left;}
.share-page-link-right{text-align:right;}
.share-page-link-center{text-align:center;}

.share-page-links {
  margin: 0;
  padding: 0;
  vertical-align: middle;
    list-style: none;
    display: inline;
}
.share-page-links li {
    display: inline;
}
.share-page-info {
  vertical-align: middle;
  display: inline;
  font-size: .9em;
  margin-bottom: 10px;

}
.share-page-link {
  background-color: rgb(132, 132, 132);
  padding: 9px;
  margin-left: 10px;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
  position:relative;
  display:inline-block;
  margin-bottom:10px;
  line-height:1;
    width: auto;
    height: auto;
}
.share-page-link-no-labels .share-page-link {
    width: 47px;
    height:47px;
}
.share-page-link-labeled .share-page-link{	
  padding-right: 14px;
}
.share-page-link:visited{
	color:#ffffff;	
}
.share-page-link-rounded .share-page-link{border-radius:25px;}
.share-page-link i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('oc-social-share-icons.svg');
  vertical-align:middle;
}
.share-page-link-medium .share-page-link i {
    width: 22px;
    height: 22px;
    background-size:370px auto;
}
.share-page-link-small .share-page-link i {
    width: 18px;
    height: 18px;
    background-size:280px auto;
}
.share-page-link-small .share-page-link{
	padding:6px 8px;
}
.share-page-link-no-labels.share-page-link-small .share-page-link {
    width: 34px;
    height:34px;
}
.share-page-link-no-labels.share-page-link-medium .share-page-link {
    width: 41px;
    height:41px;
}
.share-page-link-name {
  margin-left: 5px;
  vertical-align:middle;
  margin-right:5px;
  display:inline-block;
}

.share-page-link-no-labels .share-page-link-name{
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    font-size: 0;
}
.share-page-link:hover,
.share-page-link:focus{
  opacity: .8;
  position: relative;
  top: -2px;
  color:#ffffff;
}
.share-page-link:focus{
	outline:thin dotted #000000;
}


.share-page-link-email {	
	}
.share-page-link-print {
	background-color:rgb(115, 138, 141);
	}
.share-page-link-whatsapp {
	background-color:#25d366;	
	}
.share-page-link-whatsapp {
	background-color:#25d366;	
	}
.share-page-link-fav {
	background-color:rgb(245, 202, 89);
	}
.share-page-link-facebook{
	background-color:#3B5998;	
	}
.share-page-link-tumblr {
	background-color:#32506d;
	}
.share-page-link-flipboard {
	background-color:#e12828;
	}
.share-page-link-linkedin {
	background-color:#0077b5;
	}
.share-page-link-reddit {
	background-color:#ff4500;	
	}
.share-page-link-google {
	background-color:#dc4e41;
	}
.share-page-link-blogger {
	background-color:#ff8000;
	}
.share-page-link-pinterest {
	background-color:#CB2027;
	}
.share-page-link-evernote {
	background-color:rgb(127, 206, 44);
	}
.share-page-link-twitter{
	background-color:#55acee;	
	}
.share-page-link-sms {
	background-color:#ffbd00;
	}
.share-page-link-more {	
	}

.share-page-link-email i{
    background-position: -15px -15px;	
	}	
.share-page-link-print i{
    background-position: -75px -15px;	
	}	
.share-page-link-whatsapp i{
    background-position: -135px -15px;	
	}	
.share-page-link-fav i{
    background-position: -195px -15px;	
	}	
.share-page-link-facebook i {
    background-position: -15px -75px;
	}	
.share-page-link-tumblr i{
    background-position: -75px -75px;	
	}	
.share-page-link-flipboard i{
    background-position: -135px -75px;	
	}	
.share-page-link-linkedin i{
    background-position: -195px -75px;	
	}	
.share-page-link-reddit i{
    background-position: -15px -135px;	
	}	
.share-page-link-google i{
    background-position: -75px -135px;	
	}	
.share-page-link-blogger i{
    background-position: -135px -135px;	
	}	
.share-page-link-pinterest i{
    background-position: -195px -135px;	
	}	
.share-page-link-evernote i{
    background-position: -15px -195px;	
	}
.share-page-link-twitter i {
    background-position: -75px -195px;
	}	
.share-page-link-sms i{
    background-position: -135px -195px;	
	}		
.share-page-link-more i{
    background-position: -195px -195px;	
	}
	
	
.share-page-link-medium .share-page-link-email i{
    background-position: -17px -17px;	
	}	
.share-page-link-medium .share-page-link-print i{
    background-position: -72px -17px;	
	}	
.share-page-link-medium .share-page-link-whatsapp i{
    background-position: -127px -17px;	
	}	
.share-page-link-medium .share-page-link-fav i{
    background-position: -182px -17px;	
	}	
.share-page-link-medium .share-page-link-facebook i {
    background-position: -17px -72px;
	}	
.share-page-link-medium .share-page-link-tumblr i{
    background-position: -72px -72px;	
	}	
.share-page-link-medium .share-page-link-flipboard i{
    background-position: -127px -72px;	
	}	
.share-page-link-medium .share-page-link-linkedin i{
    background-position: -182px -72px;	
	}	
.share-page-link-medium .share-page-link-reddit i{
    background-position: -17px -127px;	
	}	
.share-page-link-medium .share-page-link-google i{
    background-position: -72px -127px;	
	}	
.share-page-link-medium .share-page-link-blogger i{
    background-position: -127px -127px;	
	}	
.share-page-link-medium .share-page-link-pinterest i{
    background-position: -182px -127px;	
	}	
.share-page-link-medium .share-page-link-evernote i{
    background-position: -17px -182px;	
	}
.share-page-link-medium .share-page-link-twitter i {
    background-position: -72px -182px;
	}	
.share-page-link-medium .share-page-link-sms i{
    background-position: -127px -182px;	
	}		
.share-page-link-medium .share-page-link-more i{
    background-position: -182px -182px;	
	}
	
	
.share-page-link-small .share-page-link-email i{
    background-position: -12px -12px;	
	}	
.share-page-link-small .share-page-link-print i{
    background-position: -54px -12px;	
	}	
.share-page-link-small .share-page-link-whatsapp i{
    background-position: -96px -12px;	
	}	
.share-page-link-small .share-page-link-fav i{
    background-position: -138px -12px;	
	}	
.share-page-link-small .share-page-link-facebook i {
    background-position: -12px -54px;
	}	
.share-page-link-small .share-page-link-tumblr i{
    background-position: -54px -54px;	
	}	
.share-page-link-small .share-page-link-flipboard i{
    background-position: -96px -54px;	
	}	
.share-page-link-small .share-page-link-linkedin i{
    background-position: -138px -54px;	
	}	
.share-page-link-small .share-page-link-reddit i{
    background-position: -12px -96px;	
	}	
.share-page-link-small .share-page-link-google i{
    background-position: -54px -96px;	
	}	
.share-page-link-small .share-page-link-blogger i{
    background-position: -96px -96px;	
	}	
.share-page-link-small .share-page-link-pinterest i{
    background-position: -138px -96px;	
	}	
.share-page-link-small .share-page-link-evernote i{
    background-position: -12px -138px;	
	}
.share-page-link-small .share-page-link-twitter i {
    background-position: -54px -138px;
	}	
.share-page-link-small .share-page-link-sms i{
    background-position: -96px -138px;	
	}		
.share-page-link-small .share-page-link-more i{
    background-position: -138px -138px;	
	}

/** Page sharing - End **/

.rsbtn_tools {
    z-index: 100000;
}

/*
 * Size 3 Styles
 */

@media (min-width: 480px) {
    .sc-search-text {
        width: 65%;
    }

    .search-inner-container {
        text-align: center;
    }

    .sc-search-button {
        width: 20%;
    }

    .tab-header-title {
        width: auto;
    }

    .profile-featured-panel p.panel-text {
        min-height: 50px;
    }

    .az-list-container article {
        width: 80%;
        margin-left: 20%;
    }

    .az-list-container .list-item-container {
        position: relative;
    }

    .az-list-container .az-list-initial {
        line-height: 1em;
        height: 1em;
    }

    .content-details-list.minutes-details-list {
        width: 80%;
    }

    .list-item-container .list-item a.img-enlarge {
        width: 150px;
        float: right;
    }

    .module-interface-user-login .login-button,
    .module-interface-user-login .register-button,
    .module-interface-user-login .forgotten-password-button,
    .module-interface-user-login .forgotten-password-button,
    .module-interface-pass-reset .reset-pass-button,
    .user-registration-widget .sc-form-submit-row input,
    .change-pass-widget .sc-form-submit-row input {
        width: auto;
    }

    .forgot-password-link {
        margin-left: 25px;
        display: inline;
    }

    .user-registration-widget .sc-register-form,
    .pass-reset-widget .sc-reset-pass-form,
    .change-pass-widget .sc-register-form {
        width: 70%;
    }
    .rs_position_right {
        float: right;
    }
    .main-container .mycouncil-buttons a.styled-button {
        margin-right: 10px;
        width: auto;
    }

    .main-container .confirm-action-widget .styled-button.button-no {
        width: auto;
        margin-right: 10px;
    }

    .main-container .confirm-action-widget .styled-button.button-yes {
        width: auto;
    }

    .main-container .deactivate-account-widget .styled-button {
        margin-right: 10px;
        width: auto;
    }

    .page-list-container .list-item-container .list-item-actions .styled-button {
        margin-right: 10px;
        width: auto;
    }

    .oc-feature-image a {
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        bottom: 0;
    }
    .js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:hover .caption,
    .js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:hover .file-info,
    .js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:focus .caption,
    .js .image-gallery-container.masonry-theme .image-gallery-item.col-xs-6 > a:focus .file-info {
      opacity: 1;
    }

    .image-gallery-item.col-xs-6 > a:after {
      display: none;
    }
    
.main-container .main-page-image {
    max-width: 40%;
    width: auto;
}
.main-container .main-page-image.full-width {
    max-width: 100%;
    width: 100%;
}
}

/*
 * Size 2 Styles
 */

@media (min-width: 768px) {
    html.js .seamless-pagination-pages {
        display: block;
    }

    html.js .seamless-pagination-controls {
        display: none;
    }

    .seamless-pagination {
        width: auto;
    }

    .seamless-pagination-info {
        display: block;
        margin-bottom: 20px;
    }

    .list-container .thumbnail-image {
        display: block;
        margin: 0 0 10px 10px;
    }

    .list-container .img-enlarge .thumbnail-image {
        margin: 0;
    }

    .profile-featured-text {
        width: 80%;
    }

    .profile-tabbed-listing > li {
        float: left;
        width: 50%;
    }

    .profile-list .large-thumbnail-image {
        display: block;
    }

    .profile-list .list-item-block-date {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    
	.profile-events-listing.without-images .profile-list  .list-item-block-date
	{
		position: static;
	}
    .tabs-panel .large-thumbnail-image {
        display: none;
    }

    .tabs-panel .item-0 .large-thumbnail-image {
        display: block;
    }

    .tabs-panel .list-item-block-date {
        left: 0px;
        position: relative;
        top: 0px;
    }

    .tabs-panel .item-0 .list-item-block-date {
        left: 10px;
        position: absolute;
        top: 10px;
    }

    table.sc-responsive-table th:first-child, table.sc-responsive-table td:first-child, table.sc-responsive-table td:first-child, table.sc-responsive-table.pinned td {
        display: table-cell;
    }

    table.sc-responsive-table td, table.sc-responsive-table th {
        position: inherit;
        white-space: inherit;
        overflow: inherit;
    }

    .map-canvas {
        display: block;
        margin-bottom: 2em;
        position: relative;
        max-width: 100%;
        height: 300px;
    }

    .gmap-target {
        height: 100%;
        width: 100%;
    }

    .sc-search-button {
        width: 15%;
    }

    .az-list-container article {
        width: 75%;
        margin-left: 25%;
    }

    .az-list-container .az-list-initial {
        position: absolute;
    }

    .image-gallery-container .image-gallery-item:nth-child(2n+1) {
        clear: left;
    }

    .image-gallery-container .image-gallery-item:nth-child(3n+1) {
        clear: none;
    }

    .content-details-list.minutes-details-list {
        width: 50%;
    }

    .login-panel:after {
        background-color: #fff;
        content: " ";
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 2px;
    }

    .register-panel:before {
        background-color: #fff;
        content: " ";
        display: block;
        height: 100%;
        left: -2px;
        position: absolute;
        top: 0;
        width: 2px;
    }

    .register-panel {
        border-top: none;
    }

    .table-of-content-container {
        -moz-column-count: 2;
        -moz-column-gap: 0px;
        -webkit-column-count: 2;
        -webkit-column-gap: 0px;
        column-count: 2;
        column-gap: 0px;
    }

    .table-of-content-multi-col {
        display: inline;
        float: left;
    }

    .landing-page-search {
        width: 50%;
    }

        .landing-page-search > input[type="submit"] {
            float: right;
            width: 30%;
        }

    .list-item-container.small-panel img {
        display: block;
    }

    .col-m-5.powered-by {
        float: right;
    }

}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}




/*

THE FOLLOWING IS TO BE EXPORTED TO MY NEIGHBOURHOOD MODULE

*/


.button-my-location {
    display: none;
}

.map-container.hidden-tab, .map-results-list.hidden-tab {
    display: none;
}

    /* Google map must be "visible" to load*/
    /* On mobile view, it is typically hidden when the list view is visible */
    .map-container.hidden-tab.gm-loading {
        display: block;
        z-index: -10;
        margin-top: -100%;
    }

.map-container {
    height: 400px;
    width: 100%;
    float: left;
}

.map-results-list {
    height: 400px;
    width: 100%;
    float: left;
    overflow-x: hidden;
    overflow-y: scroll;
}

.map-container img {
    max-width: none;
}

.panel-loading {
    background-color: #000;
}

.span-or {
    display: none;
}

html.geolocation .span-or {
    display: block;
    float: left;
    margin: 0;
    padding: 20px 20px 20px 0;
    width: 100%;
    font-weight: 600;
    font-size: 0.95em;
}




a.map-infobox {
    text-decoration: none;
}

    a.map-infobox:hover, a.map-infobox:focus {
        text-decoration: none;
    }

    a.map-infobox:focus {
        outline-offset: -1px;
    }

    a.map-infobox:hover h2 {
        text-decoration: underline;
    }

.map-infobox .clearfix {
    margin: 0;
}

.map-info-additional.map-info-address {
    margin-top: 5px;
}

.map-container .map-infobox img {
    margin: 20px 0 5px 5px;
    max-width: none;
}

.map-info-additional {
    padding-top: 10px;
}

.map-info-address {
    border-top: 2px solid #ededed;
}

.map-infobox-my-area {
    display: block;
    min-height: 200px;
    width: 250px;
}

a.map-infobox:visited {
    color: #416c81;
}

.map-infobox p {
    margin: 5px 0;
}

.map-info-image {
    float: right;
}

.map-buttons .tab-header-title.selected {
    background-color: #f8f8f8;
}

.map-buttons .tab-header-title span {
    display: block;
}

.map-buttons .tab-header-title .item-icon {
    display: none;
}

.map-buttons .tab-header-title {
    padding: 16px 23px 14px 25px;
    top: 0px;
}

.search-filter-body .pin-default label {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 10px 0 10px 10px;
    padding: 10px 35px;
    background-position: 0 5px;
}

.search-filter-body .pin-oc-venue label {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_venue.png");
}

.search-filter-body .pin-oc-event label {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_event.png");
}

.search-filter-body .pin-oc-park label {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_park.png");
}

.search-filter-body .pin-oc-project label {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_project.png");
}

.search-filter-body .pin-oc-consultation label {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_consultation.png");
}
.search-filter-body .pin-oc-directory label {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_directory.png");
}
.map-results-list {
    background-color: #f8f8f8;
}

    .map-results-list ul {
        margin: 0;
        padding: 0;
    }

    .map-results-list li {
        list-style: outside none none;
        padding: 0px 15px 0 15px;
    }

    .map-results-list h3 {
        background-repeat: no-repeat;
        padding-left: 45px;
        min-height: 40px;
        margin: 0px 0 0 5px;
        font-size: 1.2em;
    }

    .map-results-list a, .map-results-list a:hover, .map-results-list a:focus {
        text-decoration: none;
        display: block;
        border-bottom: 2px solid #ededed;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .map-results-list .selected a {
        background-color: #ededed;
    }

    .map-results-list a:hover h3, .map-results-list a:focus h3 {
        text-decoration: underline;
    }

.list-js-no-results {
    background-color: #b75234;
    color: #fff;
    font-size: 1.25em;
    padding: 20px 25px;
    display: none;
}

.map-results-list p {
    color: #426c82;
    margin: 0px;
}

.map-results-list a.show-more {
    color: #416c81;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
}

.map-results-list li:last-child a {
    border-bottom: 0 none;
}

.oc_park h3 {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_park.png");
}

.oc_venue h3 {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_venue.png");
}

.oc_event h3 {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_event.png");
}

.oc_project h3 {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_project.png");
}

.oc_consultation h3 {
    background-image: url("/files/assets/Public/templateimages/mapicons/map_pin_oc_consultation.png");
}

.search-filter-body li input, .search-filter-body li label {
    display: inline;
    margin-left: 15px;
    width: auto;
}

.search-filter-body li {
    list-style: none outside none;
}

.search-filter-body ul {
    margin: 0;
    padding: 0;
}



.search-filter-body .pin-default label {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 10px 0 10px 10px;
    padding: 10px 35px;
}

.search-filter-body .pin-OC-Venue label {
    background-image: url("/files/assets/Public/templateimages/mapicons/flag_oc_venue.png");
}

.search-filter-body .pin-OC-Event label {
    background-image: url("/files/assets/Public/templateimages/mapicons/flag_oc_event.png");
}

.search-filter-body .pin-OC-Park label {
    background-image: url("/files/assets/Public/templateimages/mapicons/flag_oc_park.png");
}

.search-filter-body li input, .search-filter-body li label {
    display: inline;
    margin-left: 15px;
    width: auto;
}

.search-filter-body ul {
    margin: 0;
    padding: 0;
}

.autocomplete-suggestions {
    border: 1px solid #dfe0e1;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    color: #b85f3f;
    font-weight: 600;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }

.inputBox.text-address-js {
    float: left;
    width: 100%;
}

input.button-my-location {
    width: 20%;
}

input.button-search {
    float: left;
    width: 200px;
}

html.geolocation .button-my-location {
    display: inline-block;
    padding-left: 35px;
    min-width: 220px;
}

.button-my-location > i {
    background: url("sprite.png") no-repeat scroll -337px -1px rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    left: 8px;
    position: absolute;
    top: 11px;
    width: 20px;
}

.inputBox.text-address-js {
}

/* End Emergency Announcement Default Styling */
#PublicEmergencyAnnouncementList {
    margin-bottom: 40px;
}

.emergency-message-box {
    position: relative;
    background-color: #464646;
    color: #ffffff;
}

    .emergency-message-box a,
    .emergency-message-box a:visited {
        color: #ffffff;
    }

    .emergency-message-box.oc-emergency-severity-10 {
        background-color: #ce3f13;
    }

    .emergency-message-box.oc-emergency-severity-20 {
        background-color: #a18700;
    }

    .emergency-message-box.oc-emergency-severity-30 {
        background-color: #52798f;
    }


    .emergency-message-box .emergency-announcement-item-dismiss {
        display: block;
        padding: 0 25px 25px;
    }

/* End Emergency Announcement Default Styling */

/* Accordion element default styling */
.oc-accordion-head {
    background-color: #464646;
    padding: 10px 25px;
}

    .oc-accordion-head h2 {
        color: #ffffff;
    }

.oc-accordion-body {
    display: block;
    background-color: #f8f8f8;
    padding: 20px;
}
/* Accordion element default styling */






/* BEGIN SLIDESHOW STYLING */


@font-face {
    font-family: 'flexslider-icon';
    src: url('flexslider-icon.eot');
    src: url('flexslider-icon.eot?#iefix') format('embedded-opentype'), url('flexslider-icon.woff') format('woff'), url('flexslider-icon.ttf') format('truetype'), url('flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* SLIDESHOW - COLOURS AND MARGINS */
.col-xs-12 .slideshow-widget {
    margin-bottom: 40px;
}

.no-js .slideshow-widget,
.slideshow-widget article {
    height: 350px;
}

    .ocflex-pauseplay a,
    .ocflex-direction-nav a,
    .slideshow-widget article .slide-text,
    .slideshow-widget article .slide-text h2,
    .slideshow-widget article .slide-text p {
        color: #ffffff;
    }

.slideshow-widget .ocflex-pauseplay a,
.slideshow-widget .ocflex-direction-nav a {
    -ms-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #ffffff;
    text-indent: -1000px;
}


.ocflex-pauseplay a,
.ocflex-direction-nav a,
.slideshow-widget article .slide-text {
    background-color: #202020;
    background-color: rgba(32,32,32,0.8);
}

.ocflex-control-paging li a:after {
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #202020;
    border: 2px solid #fff;
}

.ocflex-control-paging li a.ocflex-active:after {
    background-color: #8f8f8f;
}

.ocflex-pauseplay a:hover,
.ocflex-pauseplay a:focus,
.ocflex-direction-nav a:hover,
.ocflex-direction-nav a:focus,
.ocflex-control-paging li a:hover:after,
.ocflex-control-paging li a:focus:after {
    color: #202020;
    background-color: #ffffff;
    border-color: #202020;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.75);
}


/* SLIDESHOW - LAYOUT */




.slideshow-widget {
    position: relative;
}

.no-js .slideshow-widget {
    overflow: auto;
}

.js .slideshow-widget > .slides > article {
    display: none;
}

    .js .slideshow-widget > .slides > article:first-child {
        display: block;
    }

.slideshow-widget article {
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
}

    .slideshow-widget article a.anchor-or-span {
        display: block;
        width: 100%;
        height: 100%;
    }

        .slideshow-widget article a.anchor-or-span:focus:after {
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            border: 3px solid #ff3333;
            z-index: 2;
            position: relative;
        }

    .slideshow-widget article .slide-text {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 5px 15px;
        z-index: 2;
    }

        .slideshow-widget article .slide-text h2,
        .slideshow-widget article .slide-text p {
            border: 0;
            margin: 0;
            padding: 0;
        }

    .slideshow-widget article img {
        position: absolute;
        bottom: 0;
        right: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.lt-ie9 .slideshow-widget article img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    width: 100%;
    height: auto;
    top: 0;
}

.slideshow-widget .controls {
    position: absolute;
    z-index: 5;
    width: 100%;
}

    .slideshow-widget .controls ul {
        list-style-type: none;
        margin: 0;
    }

.slideshow-widget .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.ocflex-direction-nav a:after {
    font-family: "flexslider-icon";
    content: '\f001';
    text-indent: 0;
    display: block;
    position: absolute;
    top: 2px;
    left: 8px;
    font-size: 14px;
    line-height: 24px;
}

.ocflex-direction-nav a.ocflex-next:after {
    content: '\f002';
    left: 9px;
}

.ocflex-direction-nav .ocflex-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0 !important;
    cursor: default;
    z-index: -1;
}

.ocflex-pauseplay a:after {
    font-family: "flexslider-icon";
    content: '\f004';
    text-indent: 0;
    display: block;
    position: absolute;
    top: 1px;
    left: 7px;
    font-size: 14px;
    line-height: 24px;
}

.ocflex-pauseplay a.ocflex-play:after {
    content: '\f003';
    left: 9px;
}

.ocflex-control-paging {
    display: none;
    position: absolute;
    list-style-type: none;
    background-color: transparent;
    background-color: rgba(0,0,0,0);
    padding: 7px 9px;
    right: 0;
    top: 0;
    margin: 0;
}

@media (min-width: 480px) {
    ol.ocflex-control-paging {
        display: block;
    }
}

.ocflex-control-paging li {
    display: block;
    float: left;
}

    .ocflex-control-paging li a {
        position: relative;
        display: block;
        width: 22px;
        height: 22px;
        text-indent: -1000px;
        font-size: 0;
        overflow: hidden;
        margin: 2px;
        cursor: pointer;
    }

        .ocflex-control-paging li a:after {
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            position: absolute;
            top: 5px;
            left: 5px;
        }

.ocflex-pauseplay,
.ocflex-nav-prev,
.ocflex-nav-next {
    position: absolute;
    background-color: transparent;
    background-color: rgba(0,0,0,0);
}

.ocflex-pauseplay {
    padding: 10px 5px 10px 10px;
}

.ocflex-nav-prev {
    left: 45px;
    top: 0px;
    padding: 10px 5px 10px 0;
}

.ocflex-nav-next {
    left: 80px;
    top: 0;
    padding: 10px 10px 10px 0;
}

.slideshow-widget .ocflex-pauseplay a,
.slideshow-widget .ocflex-nav-prev a,
.slideshow-widget .ocflex-nav-next a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -1000px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}


li.ocflex-nav-next {
    display: block;
}

.anchor-image-TL {
    background-position: top left;
}

.anchor-image-TC {
    background-position: top center;
}

.anchor-image-TR {
    background-position: top right;
}

.anchor-image-CL {
    background-position: center left;
}

.anchor-image-CC {
    background-position: center center;
}

.anchor-image-CR {
    background-position: center right;
}

.anchor-image-BL {
    background-position: bottom left;
}

.anchor-image-BC {
    background-position: bottom center;
}

.anchor-image-BR {
    background-position: bottom right;
}


/* END SLIDESHOW STYLING */


/* Forums */

section.comment-forum
{
    max-width: 960px;
    margin-top: 30px;
}

section.comment-forum > .comment-action {
    margin-bottom: 30px;
}

section.comment-forum .message-box {
    position: relative;
    background-color: #52798f;
    color: #ffffff;
}

    section.comment-forum .message-box a,
    section.comment-forum .message-box a:visited {
        color: #ffffff;
        background-color: transparent;
    }

    section.comment-forum .message-box .item-dismiss {
        display: block;
        padding: 0 25px 25px;
        width: 47px;
        height: 44px;
        text-indent: -1000px;
        overflow: hidden;
        background: transparent;
        position: absolute;
        top: 0px;
        right: 0px;
    }

        section.comment-forum .message-box .item-dismiss:after {
            content: "";
            display: block;
            width: 14px;
            height: 14px;
            position: absolute;
            top: 20px;
            right: 23px;
            background: no-repeat scroll right 0 transparent;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHZlcnNpb249IjEuMSIgICBpZD0ic3ZnMzY0NSIgICB2aWV3Qm94PSIwIDAgMTQgMTQiICAgaGVpZ2h0PSIxNCIgICB3aWR0aD0iMTQiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzguMzYyMSkiICAgICBpZD0ibGF5ZXIxIj4gICAgPHJlY3QgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxMDY3OSwwLjcwNzEwNjc3LC0wLjcwNzEwNjc5LDAuNzA3MTA2NzcsMCwwKSIgICAgICAgeT0iNzI1LjgzMTEyIiAgICAgICB4PSI3NDIuNjM0NjQiICAgICAgIGhlaWdodD0iMTYuODAzNTMiICAgICAgIHdpZHRoPSIyLjk5NTQ1OTYiICAgICAgIGlkPSJyZWN0MzY2MyIgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIgLz4gICAgPHJlY3QgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxMDY3OSwtMC43MDcxMDY3NywwLjcwNzEwNjc5LDAuNzA3MTA2NzcsMCwwKSIgICAgICAgeT0iNzM1LjczMDY1IiAgICAgICB4PSItNzM1LjczMDY1IiAgICAgICBoZWlnaHQ9IjE2LjgwMzUzIiAgICAgICB3aWR0aD0iMi45OTU0NTk2IiAgICAgICBpZD0icmVjdDM2NjMtOSIgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIgLz4gIDwvZz48L3N2Zz4=);
            background-size: 14px 14px;
            background-position: 0 0;
        }

section.comment-forum .comment-action .sc-form,
section.comment-forum .comment-report-container .sc-form {
    padding: 20px;
    background: #f8f8f8;
}


.comment-list-container.no-comments.unpublished {
    padding: 50px 20px 50px;
    background: #f8f8f8;
    margin-bottom: 30px;
    border: 1px dashed #505050;
}

/* Reply post form */
section.comment-forum .comment-thread .comment-action .sc-form {
    width: 100%;
}

section.comment-forum .comment-action .sc-form .captcha-container {
    position: relative;
}

    section.comment-forum .comment-action .sc-form .captcha-container label {
        font-size: 0.95em;
    }

.js section.comment-forum > .comment-action.comment-post .more-info {
    display: none;
}

.js section.comment-forum > .comment-action.comment-post .sc-has-errors .more-info {
    display: block;
}
.js section.comment-forum > .comment-action.comment-post.minimised .sc-textarea label span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    font-size: 0;
}

section.comment-forum .comment-moderate .personal-info {
    margin: 1em 0 1em;
}

section.comment-forum .personal-info > div {
    float: left;
    margin-right: 10px;
}

    section.comment-forum .personal-info > div.posting-as,
    section.comment-forum .personal-info > div.sc-checkbox {
        clear: left;
        float: none;
    }

div.posting-as p:first-child {
    margin-top: 0;
}


section.comment-forum .personal-info:before, section.comment-forum .personal-info:after,
section.comment-forum header:before, section.comment-forum header:after,
section.comment-forum footer:before, section.comment-forum footer:after {
    content: " ";
    display: table;
}



section.comment-forum .personal-info,
section.comment-forum header,
section.comment-forum footer {
    overflow: hidden;
}
section.comment-forum .personal-info a,
section.comment-forum header a,
section.comment-forum footer a{
    outline-offset: -1px;
}


section.comment-forum .sc-form-submit-row {
    margin: 0;
}

section.comment-forum .comment-action.comment-report .sc-form-submit-row input.submit-button {
    background-color: #864e4e;
}

    section.comment-forum .comment-action.comment-report .sc-form-submit-row input.submit-button:hover {
        background-color: #990000;
    }


.main-container section.comment-forum input[type="submit"] {
    margin: 0;
}

section.comment-forum .comment-list-actions > div {
    min-height: 1px;
}

section.comment-forum .comment-list-actions .aright {
    text-align: right;
}

section.comment-forum .comment-list-actions a {
    display: inline-block;
}

section.comment-forum .comment-list-actions .aleft a:first-child {
    padding-left: 0px;
}

section.comment-forum .comment-responses {
    padding: 0 0 1px 0;
    margin-top: 10px;
    list-style-type: none;
}

section.comment-forum .comment-list-actions {
    margin-bottom: 1em;
}

section.comment-forum .comment-list-container > .comment-responses {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
}

section.comment-forum .comment-responses .comment-thread {
    padding: 0px;
    margin: 0 0 15px 0;
    list-style-type: none;
    background: #fafafa;
    border-bottom: 1px solid #fafafa;
}

    section.comment-forum .comment-responses .comment-thread.thread-closed {
        border-bottom: none;
    }

    section.comment-forum .comment-responses .comment-thread .comment-thread {
        margin: 0 0 15px 25px;
        border: 1px solid #dfe0e1;
        border-bottom: none;
        border-right: none;
    }

        section.comment-forum .comment-responses .comment-thread .comment-thread .comment-thread {
        }

        section.comment-forum .comment-responses .comment-thread .comment-thread.has-child-comments,
        section.comment-forum .comment-responses .comment-thread .comment-thread.action-target,
        section.comment-forum .comment-responses .comment-report-container {
            border-bottom: 1px solid #dfe0e1;
        }


    section.comment-forum .comment-responses .comment-thread > article > .comment-container {
        padding: 5px;
        margin: 0;
        border-bottom: 1px solid #dfe0e1;
        border-right: 1px solid #dfe0e1;
    }

    section.comment-forum .comment-responses .comment-thread .comment-thread.has-child-comments.thread-closed > article > .comment-container {
        border-bottom: none;
    }

section.comment-forum .comment-responses > .comment-thread > article > .comment-container {
    border: 1px solid #dfe0e1;
}

section.comment-forum .comment-responses .comment-report-item {
    border: none;
    padding: 5px;
    margin: 5px 0 0 0;
    background-color: #f3f3f3;
    border: 1px solid #dfe0e1;
    list-style-type: none;
}

section.comment-forum .comment-replies-controls {
    font-weight: bold;
    font-size: 0.8em;
    margin: 1em 0 0 25px;
}

    section.comment-forum .comment-replies-controls .visible-count {
        margin-left: 0.5em;
    }

section.comment-forum ol.comment-replies,
section.comment-forum ol.comment-reports {
    padding: 0 0 1px 0;
    margin: 1em 0 0 0;
    font-size: 1em;
}

    section.comment-forum ol.comment-replies ol.comment-replies {
        padding: 0;
    }

section.comment-forum ol.comment-reports {
    font-size: 1em;
    list-style-type: none;
}

section.comment-forum footer .actions {
    float: left;
    margin-right: 8px;
}

section.comment-forum header .actions {
    position: absolute;
    top: 0px;
    right: 0px;
}

section.comment-forum .badges {
    float: left;
    margin-right: 3px;
}

section.comment-forum footer .actions a {
    margin-right: 10px;
}

section.comment-forum .user-details {
    float: left;
}

    section.comment-forum .user-details > .author,
    section.comment-forum .user-details > .reporter {
        margin-right: 4px;
    }

section.comment-forum header, section.comment-forum footer {
    font-size: 0.80em;
    position: relative;
}

section.comment-forum span.up-vote,
section.comment-forum span.down-vote {
    display: block;
    font-size: 0;
    float: left;
    margin-right: 10px;
}

    section.comment-forum a.toggle-thread,
    section.comment-forum span.up-vote a,
    section.comment-forum span.down-vote a {
        display: block;
        width: 16px;
        height: 16px;
        font-size: 0;
        text-indent: -1000px;
        overflow: hidden;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMzMzMzMzO308L3N0eWxlPjxyZWN0IHg9IjI5IiB5PSI5IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTIiIGhlaWdodD0iMiIvPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTYsOSAxMSw5IDExLDQgOSw0IDksOSA0LDkgNCwxMSA5LDExIDksMTYgMTEsMTYgMTEsMTEgMTYsMTEgIi8+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI2MS4xLDcuNCA1OS43LDYgNTguMiw3LjQgNTQsMTEuNyA1NS40LDEzLjEgNTkuNyw4LjggNjMuOSwxMy4xIDY1LjMsMTEuNyAiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjgxLjIsMTEuNyA4Mi43LDEzLjEgODQuMSwxMS43IDg4LjMsNy40IDg2LjksNiA4Mi43LDEwLjIgNzguNCw2IDc3LDcuNCAiLz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDcuMTA3OSAxMy41MjE1KSIgb3BhY2l0eT0iMCIgZm9udC1mYW1pbHk9IidNeXJpYWRQcm8tUmVndWxhciciIGZvbnQtc2l6ZT0iMTIiPmE8L3RleHQ+PC9zdmc+);
        background-size: 100px 20px;
        border: 1px solid #dfe0e1;
    }
    
    section.comment-forum header {
        /*To make room for absolutely positioned action bar (width of section.comment-forum a.toggle-thread + 2px) */
        padding-right:18px;
    }


        section.comment-forum a.toggle-thread:hover,
        section.comment-forum span.up-vote a:hover,
        section.comment-forum span.down-vote a:hover {
            background-color: #dfe0e1;
        }

section.comment-forum .thread-open > article > div a.toggle-thread {
    background-position: -28px -3px;
}

section.comment-forum .thread-closed > article > div a.toggle-thread {
    background-position: -3px -3px;
}

section.comment-forum span.up-vote a {
    background-position: -51px -1px;
}

section.comment-forum span.down-vote a {
    background-position: -73px 0px;
}

section.comment-forum span.up-vote a,
section.comment-forum span.down-vote a {
    float: left;
}

section.comment-forum .voting {
    float: left;
    margin-right: 10px;
}

section.comment-forum .meta-data {
    float: left;
}


section.comment-forum .comment-content,
section.comment-forum .report-content {
    padding: 7px 20px 7px 20px;
}

section.comment-forum span.badge {
    background: #505050;
    color: #ffffff;
    padding: 1px 2px;
    border-radius: 2px;
    border: 1px solid #505050;
    font-size: 0.9em;
}

/* Regular Comment */
section.comment-forum .comment-responses .comment-thread > article > .comment-container {
    background: #f3f3f3;
}

/* Moderator */
section.comment-forum span.badge.moderator {
    background: #990000;
    border-color: #990000;
    color: #ffffff;
}

section.comment-forum .comment-responses .comment-thread.is-moderator > article > .comment-container {
    background: #fffafa;
}

/* Pinned */
section.comment-forum span.badge.pinned {
    background: #149213;
    border-color: #149213;
    color: #ffffff;
}

section.comment-forum .comment-responses .comment-thread.is-pinned > article > .comment-container {
    background: #f5fff5;
}

/* Redacted */
section.comment-forum span.badge.redacted {
    background: #999;
    border-color: #999;
    color: #ffffff;
}

section.comment-forum .comment-responses .comment-thread.is-redacted > article > .comment-container {
    background: #fefefe;
    color: #999;
}

    section.comment-forum .comment-responses .comment-thread.is-redacted > article > .comment-container > header .author {
        color: #999;
    }

/* Archived */
section.comment-forum span.badge.archived {
    background: #926a13;
    border-color: #926a13;
    color: #ffffff;
}

section.comment-forum .comment-responses .comment-thread.is-archived > article > .comment-container {
    background: #fffdf3;
}

/* Reported */
section.comment-forum span.badge.reported {
    background: #9900aa;
    border-color: #9900aa;
    color: #ffffff;
}

section.comment-forum .comment-responses .comment-thread.is-reported > article > .comment-container {
    background: #fffcff;
}

/* Locked */
section.comment-forum span.badge.locked {
    background: #505050;
    border-color: #505050;
    color: #ffffff;
}

/* Highlighted Comment */
section.comment-forum .comment-responses .comment-thread.highlighted > article > .comment-container,
section.comment-forum .comment-responses .comment-report-item.highlighted {
    background: #f3ffff;
}

/* Dismissed (Report) */
section.comment-forum .comment-responses .comment-report-item.is-dismissed {
    background: #fff;
}

    section.comment-forum .comment-responses .comment-report-item.is-dismissed span.badge {
        background: #999;
        border-color: #999;
    }

    section.comment-forum .comment-responses .comment-report-item.is-dismissed .reporter {
        color: #999;
    }

/* Hide the "New" badge by default (can be overridden by client style)*/
section.comment-forum .comment-responses .comment-report-item span.badge.new {
    display: none;
}

section.comment-forum .author,
section.comment-forum .reporter,
section.comment-forum .comment-replies-controls a, section.comment-forum .comment-replies-controls a:visited,
section.comment-forum .actions a, section.comment-forum .actions a:visited {
    color: #416c81;
    font-weight: bold;
}

.accordion-trigger.contains-heading {
    position: relative;
}


@media (min-width: 768px) {


    section.comment-forum .user-details {
        margin-right: 2px;
    }

    section.comment-forum span.badge {
        padding: 1px 4px;
        margin-right: 3px;
        font-size: 1em;
        font-weight: bold;
    }

    section.comment-forum .date-posted,
    section.comment-forum .date-reported {
        font-weight: bold;
    }
}

/* Setup layout for comment avatars */

.user-avatar.profile-image-clip
{
    display: none;
}


@media (min-width: 480px) {

    section.comment-forum .user-avatar.profile-image-clip {
        transition: width .45s ease-in-out, height .45s ease-in-out;
    }
    section.comment-forum.has-avatars header
    {
        transition: margin-left .45s ease-in-out;
    }

    section.comment-forum.has-avatars  .user-avatar.profile-image-clip {
        display: block;
        float: left;
        margin: 0;
        overflow: hidden;
    }
    .user-avatar.profile-image-clip img{
        display: block;
        width: 100%;
    }
    section.comment-forum article > .comment-container{
        overflow: hidden;
    }
    section.comment-forum .thread-closed > article > .comment-container > .user-avatar.profile-image-clip img{
        min-height: 100%;
    }
    section.comment-forum .thread-closed > article > .comment-container >  header
    {
        margin-left: 0;
    }

    section.comment-forum.has-avatars .comment-content,
    section.comment-forum.has-avatars .report-content {
        /* Padding not required when there are avatars as the avatar provides some natural padding */
        padding-left: 0px;
    }

    section.comment-forum.has-avatars header,
    section.comment-forum.has-avatars .comment-body
    {
        padding-left: 7px;
    }

    /* Avatar Size on Root Comments */
        section.comment-forum .user-avatar.profile-image-clip {
            width: 64px;
            height: 64px;
        }
        section.comment-forum.has-avatars header,
        section.comment-forum.has-avatars .comment-container > div {
            margin-left: 64px;
        }

        section.comment-forum .thread-closed > article > .comment-container > .user-avatar.profile-image-clip
        {
            /* Root comment when minimised */
            width: 16px;
            height: 16px;
        }

    /* Avatar Size on Replies */
        section.comment-forum .comment-replies .user-avatar.profile-image-clip {
            width: 32px;
            height: 32px;
        }
        section.comment-forum.has-avatars .comment-replies header,
        section.comment-forum.has-avatars .comment-replies .comment-body {
            margin-left: 32px;
        }



}
/* End layout for comment avatars*/


/* End Forums */

@media (min-width: 480px) {
    .map-container {
        height: 480px;
    }

    .map-results-list {
        height: 480px;
    }
}

@media (min-width: 768px) {
    .map-container {
        height: 600px;
    }

    .map-results-list {
        height: 600px;
        width: 100%;
    }

    .search-filter-body li {
        width: 50%;
        float: left;
    }
}

#skip-to-content-container {
    margin: 0 auto;
    max-width: 1140px;
    z-index: 100000;
    position: absolute;
}

.header-layout-1 .header-search-control-container,
.header-layout-2 .header-search-control-container {
    clear: left;
}

/* Side navigation */

.js .side-menu #sc-main-menu {
    left: 0;
}

.js .side-menu .background-container {
    position: relative;
    left: 0;
    right: 0;
    /*transition: all .5s ease;*/
    transition: left .3s ease, right .3s ease;
}

.js .side-menu .navigation-outer-container {
    overflow-x: hidden;
    display: none;
    /*transition: all .5s ease;*/
    transition: left .3s ease, right .3s ease;
    position: absolute;
    top: 0;
    /* To be added by Riz */
    width: 75%;
    min-height: 100%;
    background-color: #333;
    padding: 0;
    /* To be added by Riz END */
}

.js .side-menu.side-menu-open .navigation-outer-container {
    display: block;
}

.js .side-menu .navigation-container {
    overflow-x: visible;
}

.js .side-menu .navigation-outer-container ul {
    /*transition: all .5s ease;*/
    -webkit-transition: left .5s ease, right .5s ease;
    -moz-transition: left .5s ease, right .5s ease;
    -ms-transition: left .5s ease, right .5s ease;
    -o-transition: left .5s ease, right .5s ease;
    transition: left .5s ease, right .5s ease;
    position: absolute;
    top: 0;
    list-style: none;
    /* To be added by Riz */
    margin: 0px;
    padding: 0px;
    /* To be added by Riz END */
}

    /* To be added by Riz */
    .js .side-menu .navigation-outer-container ul a,
    .js .side-menu .navigation-outer-container ul li {
        -webkit-transition: background 0.3s;
        -moz-transition: background 0.3s;
        -ms-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
    }

.js .side-menu .navigation-outer-container .nav-offscreen-menu {
    background: #333;
}

    .js .side-menu .navigation-outer-container .nav-offscreen-menu a {
        vertical-align: top;
        padding: 13px 15px 13px 15px;
        text-decoration: none;
        zoom: 1;
    }

    .js .side-menu .navigation-outer-container .nav-offscreen-menu > li {
        border-bottom: 1px solid #DDD;
    }

        .js .side-menu .navigation-outer-container .nav-offscreen-menu > li a:hover,
        .js .side-menu .navigation-outer-container .nav-offscreen-menu > li a:focus {
            background: #777;
            color: #FFF;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
            transition: none;
        }

        .js .side-menu .navigation-outer-container .nav-offscreen-menu > li > a {
            font-size: 0.95em;
            font-family: inherit;
            font-weight: normal;
            color: #FFF;
            font-style: normal;
            background: #333;
        }

        .js .side-menu .navigation-outer-container .nav-offscreen-menu > li.nav-active-path > a {
            background-color: #111;
            color: #FFF;
        }

    .js .side-menu .navigation-outer-container .nav-offscreen-menu ul {
        -webkit-transition: display 0.1s ease;
        -moz-transition: display 0.1s ease;
        -ms-transition: display 0.1s ease;
        -o-transition: display 0.1s ease;
        transition: display 0.1s ease;
        background: #444;
    }

        .js .side-menu .navigation-outer-container .nav-offscreen-menu ul li {
            border-bottom: 1px solid #DDD;
        }

            .js .side-menu .navigation-outer-container .nav-offscreen-menu ul li > a {
                background: #444;
                color: #FFF;
            }

            .js .side-menu .navigation-outer-container .nav-offscreen-menu ul li a:hover,
            .js .side-menu .navigation-outer-container .nav-offscreen-menu ul li a:focus {
                background: #888;
                color: #FFF;
                -webkit-transition: none;
                -moz-transition: none;
                -ms-transition: none;
                -o-transition: none;
                transition: none;
            }

        .js .side-menu .navigation-outer-container .nav-offscreen-menu ul ul {
            background: #333;
        }

            .js .side-menu .navigation-outer-container .nav-offscreen-menu ul ul li {
                border-bottom: 1px solid #DDD;
            }

                .js .side-menu .navigation-outer-container .nav-offscreen-menu ul ul li > a {
                    background: #333;
                    color: #FFF;
                }

                .js .side-menu .navigation-outer-container .nav-offscreen-menu ul ul li a:hover,
                .js .side-menu .navigation-outer-container .nav-offscreen-menu ul ul li a:focus {
                    background: #777;
                    color: #FFF;
                    -webkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                    transition: none;
                }

    /* To be added by Riz END */

    .js .side-menu .navigation-outer-container .nav-offscreen-menu ul {
        display: none;
    }

        .js .side-menu .navigation-outer-container .nav-offscreen-menu ul.active-sub-menu {
            display: block;
        }

.nav-offscreen-menu a {
    /*width: calc(100% - 60px);*/ /* To be removed by Riz */
    width: 100%; /* To be added by Riz */
    display: inline-block;
}

.mobnav-subarrow,
.mobnav-subarrow-child,
.mobnav-subarrow-child:hover,
.mobnav-subarrow:hover,
.mobnav-subarrow-child:focus,
.mobnav-subarrow:focus {
    background-color: transparent;
}

.nav-offscreen-menu .mobnav-subarrow,
.nav-offscreen-menu .mobnav-subarrow-child {
    /*position: relative;*/ /* To be removed by Riz */
    display: inline-block;
    /* To be added by Riz */
    background-color: transparent;
    top: 4px;
    right: 0px;
    /* To be added by Riz END */
}

/* To be added by Riz */
.offscreen-active-menu li {
    position: relative;
}
/* To be added by Riz END */

.side-menu-btn {
    /*position:absolute;*/
    z-index: 1;
    /*top: 10px;*/ /* To be removed by Riz */
    top: 0; /* To be added by Riz */
    margin-top: 10px; /* To be added by Riz */
}

    /* To be added by Riz */
    .side-menu-btn button,
    .header-website-settings button {
        background: none;
        padding: 0;
        color: #000;
        line-height: 1;
        z-index: 99;
    }

        .side-menu-btn button:hover,
        .side-menu-btn button:focus,
        .header-website-settings button:hover,
        .header-website-settings button:focus {
            background-color: transparent;
            color: #000;
        }

    .side-menu-btn i, .side-menu-btn i::before, .side-menu-btn i::after {
        background-color: #000;
        content: " ";
        display: block;
        height: 4px;
        position: absolute;
        width: 25px;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .side-menu-btn i {
        top: 8px;
    }

        .side-menu-btn i::before {
            top: -8px;
        }

        .side-menu-btn i::after {
            bottom: -8px;
        }

    .side-menu-btn .pressed i {
        background: none;
    }

        .side-menu-btn .pressed i:before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 70%;
            left: 15%;
        }

        .side-menu-btn .pressed i:after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 70%;
            left: 15%;
        }


    .side-menu-btn button:focus {
        outline: thin dotted;
    }

.side-menu-left .side-menu-btn {
    float: left;
}

.side-menu-right .side-menu-btn {
    position: absolute;
    right: 0;
}

/* To be removed by Riz */
/*@media (min-width: 1330px) {*/
/*  .header-container {*/
/*    position:static;*/
/*  }*/
/*  .side-menu-right .side-menu-btn {*/
/*    right: 10px;*/
/*  }*/
/*  .side-menu-left .side-menu-btn {*/
/*    left: 10px;*/
/*  }*/
/*  .side-menu-left .header-inner-container {*/
/*    margin-left: 0;*/
/*  }*/
/*  .side-menu-right .header-inner-container {*/
/*    margin-right: 0;*/
/*  }*/
/*}*/
/* To be removed by Riz END */

/* To be added by Riz */
.header-outer-container {
    background-repeat: no-repeat;
    background-position: left top;
}
/* To be added by Riz END */

.header-container {
    min-height: 50px;
    /* To be added by Riz */
    background-repeat: no-repeat;
    background-position: left top;
    /* To be added by Riz END */
}

/* Side navigation END */

.do-it-online .profile-list {
    position: relative;
    display: block;
    padding: 13px 13px 11px;
    border-top: 2px solid #f2f2f2;
}

.do-it-online .item-icon {
    float: left;
    height: 56px;
    margin: 0 10px 25px 0;
    width: 56px;
}

.do-it-online .profile-list > h2 {
    margin-right: 25px;
    color: #000;
}

.do-it-online .profile-list > p {
    clear: left;
    color: #505050;
}

.do-it-online-format-4 .list-item {
    clear: left;
    margin: 0 0 5px;
}

.do-it-online-format-4 .profile-list {
    display: inline-block;
    text-decoration: none;
}

.do-it-online-format-4 .item-icon {
    width: 30px;
    height: 30px;
}

.do-it-online-format-4 .profile-list > h2 {
    margin-left: 0;
    margin-bottom: 0;
    float: none;
    width: auto;
}

.do-it-online-format-4 .profile-list > p {
    display: none;
}

.do-it-online-format-5 .list-item {
    clear: left;
    margin: 0 0 5px;
}

.do-it-online-format-5 .profile-list {
    display: inline-block;
    text-decoration: none;
}

.do-it-online-format-5 .item-icon {
    display: none;
}

.do-it-online-format-5 .profile-list > h2 {
    margin-left: 0;
    margin-bottom: 0;
    float: none;
    width: auto;
}

.do-it-online-format-5 .profile-list > p {
    display: none;
}

.do-it-online-format-6 .list-item {
    float: left;
    margin: 0 5px 5px 0;
}

.do-it-online-format-6 .profile-list {
    display: inline-block;
    text-decoration: none;
}

.do-it-online-format-6 .item-icon {
    display: none;
}

.do-it-online-format-6 .profile-list > h2 {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
    float: none;
}

.do-it-online-format-6 .profile-list > p {
    display: none;
}

.do-it-online.do-it-online-format-4 .profile-list,
.do-it-online.do-it-online-format-5 .profile-list,
.do-it-online.do-it-online-format-6 .profile-list {
    min-height: 0;
    border-top: none;
}

    .do-it-online.do-it-online-format-4 .profile-list > h2,
    .do-it-online.do-it-online-format-5 .profile-list > h2,
    .do-it-online.do-it-online-format-6 .profile-list > h2 {
        width: auto;
    }

    .do-it-online.do-it-online-format-4 .profile-list:after,
    .do-it-online.do-it-online-format-5 .profile-list:after,
    .do-it-online.do-it-online-format-6 .profile-list:after {
        display: none;
    }

.row-content-container > .do-it-online a {
    text-decoration: none;
}


.full-width {
    margin: 0 auto;
}
.fixed-width {
    max-width: 1140px;
    margin: 0 auto;
}

.content-main-container,
.emergency-container-position-1 ~ .header-outer-container {
    clear: left;
}

.js .oc-emergency-dismissed .oc-accordion-body {
    display: none;
}

.header-outer-container {
    position: relative;
}


.emergency-container-position-1 .oc-accordion-head {
    padding: 5px 48px 5px 25px;
}

.emergency-container-position-1 .oc-accordion-body {
    padding: 0;
}

.emergency-container-position-1 .emergency-message-box {
    margin: 0;
}

.toolbar-outer-container {
    background-color: #4f4f4f;
}
.toolbar-language-links .lang-item, .toolbar-language-links .lang-item:visited {
    color: #fff;
    text-decoration: none;
}
.toolbar-language-links a.lang-item:hover, .toolbar-language-links a.lang-item:focus {
    text-decoration: underline;
}
.toolbar-language-links .lang-item {
    position: relative;
}

.toolbar-inner-container {
    margin: 0 auto;
    max-width: 1140px;
}

.toolbar-item {
    float: right;
    margin-right: 10px;
}
.toolbar-item:first-child {
    margin-right: 0px;
}

.toolbar-button {
    max-width: 320px;
    padding-right: 30px;
    z-index: 99;
}

    .toolbar-button:focus {
        outline: none;
    }
    .toolbar-button-user-profile img {
        width: 40px;
    }

.toolbar-drop-down > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.toolbar-drop-down {
    background-color: #ffffff;
    -webkit-box-shadow: 0 8px 4px 2px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 8px 4px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 4px 2px rgba(0, 0, 0, 0.25);
    margin-top: 10px;
    position: absolute;
    right: 20px;
    width: 60%;
    z-index: 1000;
    -moz-min-width: 250px;
    -ms-min-width: 250px;
    -o-min-width: 250px;
    -webkit-min-width: 250px;
    min-width: 250px;
}

.toolbar-button-user-profile .user-name {
    display: inline-block;
    max-width: 320px;
    overflow: hidden;
    padding-right: 32px;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.js .toolbar-drop-down {
    display: none;
}

.toolbar-expanded .toolbar-drop-down {
    display: block;
}

.toolbar-drop-down a,
.toolbar-drop-down span {
    color: #000000;
    display: block;
    padding: 10px;
    text-decoration: none;
}

    .toolbar-drop-down a:hover,
    .toolbar-drop-down a:focus {
        text-decoration: underline;
    }

.toolbar-button-expanded::after {
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    right: 30px;
    bottom: -10px;
    width: 10px;
    z-index: 101;
}

.toolbar-button > i {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
    content: " ";
    display: block;
    height: 5px;
    position: absolute;
    right: 10px;
    top: 40%;
    top: cal(50% - 5px);
    width: 5px;
}

html.no-js .toolbar-button {
    display: none;
}

html.no-js .toolbar-user-profile-drop-down {
}

    html.no-js .toolbar-drop-down::before {
        display: none;
    }

html.no-js .toolbar-drop-down {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    position: relative;
}

    html.no-js .toolbar-drop-down a {
        float: left;
    }
/*
.toolbar-language .toolbar-button .current-language.google-translate-language {
    padding-left: 25px;
}

.toolbar-language .toolbar-button .current-language.google-translate-language::before {
    background-image: url("https://translate.googleapis.com/translate_static/img/te_ctrl3.gif");
    background-position: -65px 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: 15px;
    position: absolute;
    top: 6px;
    width: 20px;
}*/
.toolbar-language .toolbar-language-drop-down .current-language-li {
    display: none;
}
.toolbar-language-links .lang-item {
    display: inline-block;
    padding: 5px;
}
.message-board-item-comments {
    text-align: right;
    padding-top: 0;
    font-size: 0.8em;
}


    .message-board-item-post-by p {
        margin-bottom: 0;
    }

.message-board-item-user-info {
    margin-top: 20px;
    position: relative;
}

.message-board-item-user-info .profile-image-clip {
    float: left;
    margin-right: 10px;
    max-height: 100px;
    width: 100px;
}

.message-board-item-user-info p {
    margin-bottom: 5px;
}

.message-board-item-user-info a {
    text-decoration: none;
    display: block;
}

.message-board-item-user-title {
    font-size: 0.8em;
}

.message-board-item-info {
     position: relative;
}

.message-board-item-info a{
    background-color: #ffffff;
    display: block;
    text-decoration: none;
}
.message-board-item-info h2 {
    padding: 10px; 
    margin: 0;
}
.message-board-item-info a:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    content: " ";
    display: block;
    height: 0;
    left: 10px;
    position: absolute;
    bottom: -10px;
    width: 20px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -ms-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.message-board-item-post-by > a {
    color: #fff;
}

.message-board-item-link > a {
    text-decoration: none;
}

.message-board-item {
    margin-bottom: 30px;
}

.main-container .styled-button.page-edit-button {
    float: right;
    margin-left: 10px;
}


.user-profile-image {
    text-align: center;
}

h1.user-profile-name {
    margin-bottom: 10px;
    text-align: center;
}

.sc-staff-profile-form .user-sub-title {
    margin-bottom: 25px;
    text-align: center;
}

.user-profile-primary-info {
    background-color: #ededed;
    margin-bottom: 30px;
    padding: 30px;
}

    .user-profile-primary-info .grid > div {
        margin-bottom: 15px;
    }

        .user-profile-primary-info .grid > div:nth-child(2n + 1) {
            clear: left;
        }

.staff-list-container header {
    overflow: hidden;
    text-align: center;
}
.sub-title-seperator {
    border-left: 1px solid;
    margin: 0 0.3em 0 0.6em;
}

.staff-list-container .profile-image-clip,
.sc-staff-profile-form .profile-image-clip {
    margin: 0 auto;
    width: 150px;
}
.toolbar-button-user-profile .profile-image-clip {
    display: inline;
    margin-right: 5px;
    max-height: 40px;
    width: 40px;
        overflow: hidden;
}
.profile-info-container {
    overflow: hidden;
}

.list-item-container-2 {
    background-color: #f8f8f8;
}

    .list-item-container-2 .user-sub-title {
        margin-bottom: 10px;
        text-align: center;
    }


.sc-staff-profile-form {
    position: relative;
}
.sc-staff-profile-form .page-edit-button + .profile-image-clip {
    clear: both;
    margin-top: 20px;
}
.sc-staff-profile-form a.page-edit-button {
    margin-bottom: 20px;
}
.user-detai-label {
    font-weight: bold;
}

.user-profile-primary-info .user-detai-label {
    display: block;
    float: left;
    padding-right: 10px;
}

.user-profile-primary-info .user-detai-value {
    display: block;
    float: left;
}
.page-edit-disabled {
    background-color: #808080;
    color: #fff;
    float: right;
    padding: 2px 5px;
}

/* Social feed styling - start*/

.social-feed-item {
  display: block;
text-decoration: none;
margin-bottom: 20px;
background-color: #f8f8f8;
padding: 20px 20px 50px 20px;
position: relative;
}
.footer-outer-container .social-feed-item,
.footer-outer-container .social-feed-item:hover,
.footer-outer-container .social-feed-item:focus {
    background-color: transparent;
    padding: 0 0 50px 0;
}
.social-feed-profile-image {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
}
.social-feed-profile-image img {
    width: 100%;
}
.social-feed-profile-name {
  vertical-align: middle;
  /*! float: left; */
  margin-bottom: 15px;
  display: inline-block;
}
.social-feed-post-date {
  vertical-align: middle;
  float: right;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 15px;
    font-size: 0.8em;
}
.social-feed-item p {
  margin: 0 0 10px 0;
}
.social-feed-item:hover p,.social-feed-item:focus p {
  text-decoration: underline;
}
.social-feed-post-source {
  width: 30px;
height: 30px;
display: inline-block;
float: right;
background-image: url('oc-social-share-icons.svg');
border-radius: 50%;
background-size: 280px auto;
position: absolute;
right: 20px;
bottom: 20px;
}
.social-feed-post-source-twitter {
background-color: #55acee;
background-position: -48px -132px;
}

.social-feed-post-source-facebook {
background-color: #3B5998;
background-position: -6px -48px;
}
.social-feed-post-image {
    margin-bottom: 15px;
}
.social-feed-post-image img {
    width: 100%;
}
@media (min-width: 480px) {
  .social-feed.social-feed-style-matchheight .col-s-6:nth-child(2n +1) {
    clear: left;
  }
}
@media (min-width: 992px) {
  .social-feed.social-feed-style-matchheight .col-s-6:nth-child(2n +1) {
    clear: none;
  }
  .social-feed.social-feed-style-matchheight .col-lg-6:nth-child(2n +1) {
    clear: left;
  }
  .social-feed.social-feed-style-matchheight .col-lg-4:nth-child(3n +1) {
    clear: left;
  }
  .social-feed.social-feed-style-matchheight .col-lg-3:nth-child(4n +1) {
    clear: left;
  }
}
/* Social feed styling - end*/


/* Multi select styling - start*/
.multi-select-wrapper {
  position: relative;
}

.js .device-desktop .search-filter-body select[multiple] {
  display: none;
}

.autocomplete-no-suggestion {
  color: #b75234;
  padding: 10px;
}

.main-container .multi-select-options button.btn-tag {
  border: none;
  line-height: 1;
  font-size: 0.875em;
  font-weight: normal;
  padding: 8px 10px;
  background-color: #ccc;
  color: #000;
  border-radius: 4px;
    box-shadow: none;
    -webkit-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    margin: 10px 3px 0 0;
    font-family: inherit;
}
.main-container .multi-select-options button i,
.main-container .multi-select-options button i:after {
  width: 12px;
  height: 2px;
  background-color: #000;
  /* To be same as button font colour */
}
.main-container .multi-select-options button i {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main-container .multi-select-options button i:after {
  content: '';
  display: block;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.main-container .multi-select-options button.btn-tag:hover, .main-container .multi-select-options button.btn-tag:focus {
  background-color: #626262;
  color: #fff;
  border-radius: 4px;
    box-shadow: none;
    border: none;
    text-decoration: none; 
}
.main-container .multi-select-options button:hover i,
.main-container .multi-select-options button:hover i:after, .main-container .multi-select-options button:focus i,
.main-container .multi-select-options button:focus i:after {
  background-color: #fff;
  /* To be same as button hover font colour */
}


/* Multi select styling - end*/

@media (min-width: 480px) {
    
    .user-profile-primary-info .user-detai-label {
        width: 30%;
    }

    .user-profile-primary-info .user-detai-value {
        width: 70%;
    }
}
@media (min-width: 768px) {
    /* To be added by Riz */
    .js .side-menu .navigation-outer-container {
        width: 55%;
    }
    /* To be added by Riz END */

    .slideshow-widget.slideshow-layout-2 article .slide-text {
        padding: 50px 15px 5px;
        bottom: auto;
        min-height: 155px;
    }

    .slideshow-widget.slideshow-layout-2 .controls,
    .slideshow-widget.slideshow-layout-2 article .slide-text {
        top: 40%;
        left: 5%;
        width: 70%;
    }

    .slideshow-widget.slideshow-layout-2 .ocflex-control-paging {
        padding-right: 15px;
    }

    .slideshow-widget.slideshow-layout-2 .ocflex-pauseplay {
        padding-left: 15px;
    }

    .slideshow-widget.slideshow-layout-2 .ocflex-nav-prev {
        left: 50px;
    }

    .slideshow-widget.slideshow-layout-2 .ocflex-nav-next {
        left: 85px;
    }

    .do-it-online-format-6 {
        width: 500px;
    }

    .do-it-online .profile-list {
        min-height: 140px;
        padding: 10px 10px 10px 15px;
        border-top: none;
    }

        .do-it-online .profile-list:after {
            display: none !important;
        }

    .do-it-online > .grid > div:nth-child(3n+1) {
        clear: none;
    }

    .do-it-online > .grid > div:nth-child(2n+1) {
        clear: left;
    }

    .do-it-online-format-2 .item-icon {
        display: none;
    }

    .do-it-online-format-2 .profile-list > h2 {
        margin-left: 0;
        width: auto;
    }

    .do-it-online-format-2 .profile-list > p {
        margin-top: 70px;
    }

    .do-it-online-format-3 .item-icon {
        float: none;
        margin: 0 auto;
    }

    .do-it-online-format-3 .profile-list > h2 {
        text-align: center;
        margin-left: 0;
        float: none;
        width: 100%;
    }

    .do-it-online-format-3 .profile-list > p {
        display: none;
    }

    .do-it-online-format-4 .profile-list > h2 {
        margin-top: 15px;
    }

    .profile-listing-container > .profile-news-listing .col-m-6:nth-child(2n+1),
    .profile-listing-container > .profile-events-listing .col-m-6:nth-child(2n+1),
    .profile-listing-container > .profile-consultation-listing .col-m-6:nth-child(2n+1),
    .profile-listing-container > .profile-public-notices-listing .col-m-6:nth-child(2n+1),
    .profile-message-board-listing-container .col-xs-12:nth-child(2n+1) {
        clear: left;
    }

    .tabs-panel .profile-listing-container > .profile-news-listing .col-m-6:nth-child(2n+1),
    .tabs-panel .profile-listing-container > .profile-events-listing .col-m-6:nth-child(2n+1),
    .tabs-panel .profile-listing-container > .profile-consultation-listing .col-m-6:nth-child(2n+1),
    .tabs-panel .profile-listing-container > .profile-public-notices-listing .col-m-6:nth-child(2n+1) {
        clear: none;
    }

    .no-js .profile-featured-panels .col-s-6:nth-child(2n+1) {
        clear: none;
    }

    .no-js .profile-featured-panels .col-lg-4:nth-child(3n+1),
    .no-js .profile-featured-panels .col-m-4:nth-child(3n+1) {
        clear: left;
    }

    .toolbar-item {
        position: relative;
    }

    .toolbar-drop-down {
        width: 250px;
    }

    .staff-list-container .profile-image-clip {
        margin: 0 15px 15px 0;
        width: 100px;
        float: left;
    }

    .profile-info-container {
        overflow: hidden;
    }

    .list-item-container-2 .user-sub-title {
        margin-bottom: 10px;
        text-align: left;
    }

    .staff-list-container header {
        text-align: left;
    }
    
}

@media (min-width: 992px) {
    .do-it-online > .grid > div:nth-child(2n+1),
    .profile-listing-container > .profile-news-listing .col-m-6:nth-child(2n+1),
    .profile-listing-container > .profile-events-listing .col-m-6:nth-child(2n+1),
    .profile-listing-container > .profile-consultation-listing .col-m-6:nth-child(2n+1),
    .profile-listing-container > .profile-public-notices-listing .col-m-6:nth-child(2n+1),
    .profile-message-board-listing-container .col-xs-12:nth-child(2n+1) {
        clear: none !important;
    }

    .do-it-online > .grid > div:nth-child(3n+1),
    .profile-listing-container > .profile-news-listing .col-m-6:nth-child(3n+1),
    .profile-listing-container > .profile-events-listing .col-m-6:nth-child(3n+1),
    .profile-listing-container > .profile-consultation-listing .col-m-6:nth-child(3n+1),
    .profile-listing-container > .profile-public-notices-listing .col-m-6:nth-child(3n+1),
    .profile-message-board-listing-container .col-xs-12:nth-child(3n+1) {
        clear: left !important;
    }
    .profile-list .large-thumbnail-image {
        display: block;
    }

    .profile-list .list-item-block-date {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    
    .search-focused #header-search {
        z-index: 101;
        right: auto;
    }

    .staff-list-results-container .list-item-container-2,
    .search-list-container-combined .list-item-container {
        width: 49%;
        float: left;
    }
    .staff-list-results-container .list-item-container-2:nth-child(2n),
    .search-list-container-combined .list-item-container:nth-child(2n) {
        float: right;
    }
    .staff-list-results-container .list-item-container-2:nth-child(2n+1),
    .search-list-container .list-item-container:nth-child(2n+1) {
        clear: both;
    }
    .results-view-all {
        float: right;
    }
    
    .overlay-container {
        background-color: rgba(34, 34, 34, 0.95);
        height: 100vh;
        position: fixed;
        width: 100%;
        z-index: 100;
        display: none;
        -ms-opacity: 0;
        opacity: 0;
    }
}/* STYLING TOP LEVEL FORM CONTAINERS */
.sc-element-container,
.sc-form-heading,
.sc-form-submit-row {
    margin-bottom: 1em;
}

.sc-form-heading {
    margin-top: 2em;
    font-weight: bold;
}
/* END: STYLING TOP LEVEL FORM CONTAINERS */


/* MEDIA QUERIES FOR ELEMENT WIDTH */

.sc-form input[type=text],
.sc-form input[type=password],
.sc-form textarea,
.sc-form select {
    width: 100%;
}

.sc-form .sc-hyperlinks input[type=text] {
    width: 100%;
    margin-bottom: 10px;
}

/*Rad Picker Override*/
.sc-datetime > .sc-form-control > .RadPicker {
    width: 100% !important; /*override inline style*/
}

.sc-form-control > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .sc-form-control > ul > li {
        margin-bottom: 5px;
    }

.generic-form-date .sc-form-control {
    max-width: 200px;
}

legend {
    max-width: 100%;
}

@media (min-width: 480px) {
    /*.col-lg-8 .sc-form input[type=text],
    .col-lg-8 .sc-form input[type=password],
    .col-lg-8 .sc-form textarea,
    .col-lg-8 .sc-form select {
        width: 80%;
    }*/
    .sc-form .sc-hyperlinks input[type=text] {
        width: auto;
        margin-bottom: 10px;
    }
}
/*
@media (min-width: 768px) {
    .col-lg-8 .sc-form input[type=text],
    .col-lg-8 .sc-form input[type=password],
    .col-lg-8 .sc-form textarea,
    .col-lg-8 .sc-form select {
        width: 66%;
    }
}

@media (min-width: 992px) {
    .col-lg-8 .sc-form input[type=text],
    .col-lg-8 .sc-form input[type=password],
    .col-lg-8 .sc-form textarea,
    .col-lg-8 .sc-form select {
        width: 50%;
    }
}
        */
/* END: MEDIA QUERIES FOR ELEMENT WIDTH */

/* CAPTCHA STYLING */
.sc-form .sc-captcha input {
    width: 180px;
}

.sc-captcha-image {
    margin-bottom: 10px;
}

.sc-form .sc-captcha .sc-captcha-input.sc-experimental input[type=text] {
    /* EXPERIMENTAL: Make CAPTCHA input more visually consistent with image */
    width: 180px;
    font-family: monospace;
    font-size: 40px;
    font-weight: bold;
    padding: 4px 0 4px 8px;
    letter-spacing: 10px;
}

.sc-form .sc-captcha .sc-captcha-image {
    /* Make sure height accomodates CAPTCHA image */
    min-height: 50px;
    /* Clear any uncleared floats */
    width: 100%;
    overflow: hidden;
}

    .sc-form .sc-captcha .sc-captcha-image .CaptchaImageDiv img {
        /* Remove image from layout */
        position: absolute;
    }

    .sc-form .sc-captcha .sc-captcha-image .CaptchaImageDiv a {
        /* Make links appear to the right of absolutely positioned image */
        margin-left: 185px;
        /* Force links to contract to actual width (so focus box doesn't take up 100% width) */
        float: left;
        clear: left;
        font-size: 0.9em;
        /* Hack to keep the links roughly in the vertical centre of the image */
        line-height: 0.8em;
        margin-top: 0.6em;
    }

/* END CAPTCHA STYLING */

.sc-form .sc-rank .sc-form-control input {
    width: 2.3em;
}

.sc-form input[type=text],
.sc-form input[type=password],
.sc-form textarea,
.sc-form select,
.sc-datetime > .sc-form-control > .RadPicker .RadInput_Default input[type=text],
html body #mainForm .RadInput_Default .riTextBox,
html body #mainForm .RadInputMgr_Default {
    font-size: 1em;
    border: 1px solid #BFC1C5;
    padding: 0.25em;
}

/* DATE PICKER STYLE OVERRIDES */
html body #mainForm .RadInput_Default .riTextBox,
html body #mainForm .RadInputMgr_Default {
    font-size: 1.3em;
    font-family: sans-serif;
    padding: 0.26em;
    height: auto;
}

html body #mainForm .RadInput_Default .riError,
html body #mainForm .RadInput_Error_Default {
    background-position: 99% -294px;
}

.sc-datetime > .sc-form-control > .RadPicker > table {
    width: 100% !important; /*override inline style*/
}
/* END: DATE PICKER STYLE OVERRIDES */


.sc-textarea > .sc-form-control > textarea {
    height: 6em;
}

.sc-radio-button > .sc-form-control label,
.sc-checkbox > .sc-form-control label,
.sc-form-matrix > .sc-form-control label,
.sc-rank > .sc-form-control label {
    /* Padding rather than margin, so whole block is clickable */
    padding-left: 0.5em;
}

.matrix-input-label {
    margin-left: 10px;
}

.sc-form-matrix > .sc-form-control table th,
.sc-form-matrix > .sc-form-control table td {
    text-align: left;
    padding-right: 1em;
}

    .sc-form-matrix > .sc-form-control table td:first-child {
        min-width: 8em;
    }


/* Fix WYSIWYG Paste-from-word display issues*/
/*OPENCITIES-454*/
.sc-form .RadEditor {
    height: auto !important;
    padding: 1px 2px 1px 0;
}

    .sc-form .RadEditor > table tr td, .sc-form .RadEditor > table tr th {
        padding: 0;
    }

        .sc-form .RadEditor > table tr td iframe {
            height: 100% !important;
        }
    /*END OPENCITIES-454*/
    .sc-form .RadEditor.MetroTouch {
        padding: 0px;
    }

        .sc-form .RadEditor.MetroTouch table tr:last-child {
            display: none;
        }

.sc-form .MetroTouch.reToolbar {
    border: none;
    height: auto;
}

    .sc-form .MetroTouch.reToolbar li .reTool span {
        margin: 10px 0 0 10px;
    }

    .sc-form .MetroTouch.reToolbar li .reTool {
        cursor: pointer;
    }

.sc-form .MetroTouch .reDropdown {
    height: 38px;
}

/*Overwrites for date picker for UGC*/

.sc-cal-dialog {
     max-width: 800px !important;
     width: 100% !important;
}

.sc-cal-dialog .ui-widget-header {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important;
}

.sc-cal-dialog .sc-cal .sc-cal-tab li {
     border-left: medium none;
     border-top: 1px solid #dddddd;
     display: block;
     padding-left: 0px;
}

.sc-cal-dialog .sc-cal .sc-cal-tab li:first-child {
     border-top: medium none;
}

.scpicker > input, .input-prepend.scpicker > input[type="text"], .input-append.scpicker > input[type="text"] {
     padding-left: 10px !important;
}

.sc-cal-dialog .sc-cal-psingle .sc-cal-row  .sc-cal-label, .sc-cal-dialog .sc-cal-pperiod .sc-cal-row  .sc-cal-label, .sc-cal-dialog .sc-cal-pmulti .sc-cal-row  .sc-cal-label, .sc-cal-dialog .sc-cal-precurring > .sc-cal-row .sc-cal-label {
     display: block;
}

.sc-cal-dialog .sc-cal-pperiod .sc-cal-row, .sc-cal-dialog .sc-cal-pmulti .sc-cal-row {
     border-bottom: 1px solid #dddddd;
     padding-bottom: 20px;
}

.sc-cal-dialog .sc-cal-pperiod .sc-cal-row:last-child, .sc-cal-dialog .sc-cal-pmulti tr:last-child .sc-cal-row {
     border: medium none;
}

.sc-cal-dialog .sc-cal-psingle .sc-cal-row .scpicker + label {
     margin-left: 5px;
}

.sc-cal-pmulti-table {
     width: 100%;
}

.sc-cal-pmulti-table tr .sc-cal-delete {
     display: block;
}

.sc-cal-precurring .sc-cal-section-pattern > .sc-cal-right {
     border-left: medium none;
     border-top: 1px solid #dddddd;
     float: left;
     width: 100%;
}

.sc-cal-precurring .sc-cal-section-pattern > .sc-cal-left {
     width: 100%;
}

.sc-cal-precurring .sc-cal-radiobuttonlist li {
     display: inline-block;
     margin-right: 20px;
}

.sc-cal-precurring .sc-cal-yearly select, .sc-cal-precurring .sc-cal-yearly span {
     display: block;
     margin-bottom: 10px;
     max-width: 150px;
     padding: 2px;
}

.sc-cal-precurring .sc-cal-daily span {
     display: block;
     margin-bottom: 10px;
     max-width: 150px;
     padding: 2px;
}

.sc-cal-precurring .sc-cal-weekly .sc-cal-checkbox {
     display: block;
     float: left;
     margin-bottom: 10px;
     width: 90%;
}

.sc-cal-precurring .sc-cal-weekly span {
     display: block;
     margin-bottom: 10px;
     max-width: 150px;
     padding: 2px;
}

.sc-cal-precurring .sc-cal-monthly select, .sc-cal-precurring .sc-cal-monthly span {
     display: block;
     margin-bottom: 10px;
     max-width: 150px;
     padding: 2px;
}

.sc-cal-precurring .sc-cal-yearly .sc-cal-row:first-child {
     border-bottom: 1px solid #dddddd;
     margin-bottom: 20px;
}

.sc-cal-precurring .sc-cal-monthly .sc-cal-row:first-child {
     border-bottom: 1px solid #dddddd;
     margin-bottom: 20px;
}

.sc-cal-precurring .sc-cal-section-range span {
     display: block;
     margin-bottom: 10px;
     max-width: 150px;
}

.sc-cal-precurring .sc-cal-section-range .sc-cal-row:first-child {
     border-bottom: 1px solid #dddddd;
     margin-bottom: 20px;
}
.sc-form .RadUpload {
    width: 100%;
}
@media (min-width: 480px) {
  .sc-cal-precurring .sc-cal-weekly .sc-cal-checkbox { display: block; float: left; margin-bottom: 10px; width: 40%; }
}

@media (min-width: 768px) {
  .sc-cal-dialog .sc-cal-psingle .sc-cal-row  .sc-cal-label, .sc-cal-dialog .sc-cal-pperiod .sc-cal-row  .sc-cal-label, .sc-cal-dialog .sc-cal-pmulti .sc-cal-row  .sc-cal-label, .sc-cal-dialog .sc-cal-precurring > .sc-cal-row .sc-cal-label { display: inline-block; }
  .sc-cal-dialog .sc-cal-psingle .sc-cal-row .scpicker + label { margin-left: 10px; }
  .sc-cal-dialog .sc-cal-pperiod .sc-cal-row, .sc-cal-dialog .sc-cal-pmulti .sc-cal-row { border: medium none; padding-bottom: 0px; }
  .sc-cal-precurring .sc-cal-section-pattern > .sc-cal-right { width: auto; border-left: 1px solid #dddddd; border-top: medium none; max-width: 560px; }
  .sc-cal-precurring .sc-cal-section-pattern > .sc-cal-left { width: 150px; border-right: 1px solid #dddddd; margin-right: -1px; }
  .sc-cal-dialog .sc-cal .sc-cal-tab li { display: inline-block; border-top: medium none; border-left: 1px solid #dddddd; padding-left: 10px; }
  .sc-cal-dialog .sc-cal .sc-cal-tab li:first-child { border-left: medium none; }
  .sc-cal-precurring .sc-cal-yearly select, .sc-cal-precurring .sc-cal-yearly span { margin-bottom: 0px; display: inline; }
  .sc-cal-precurring .sc-cal-daily span { margin-bottom: 0px; display: inline; }
  .sc-cal-precurring .sc-cal-weekly span { display: inline; margin-bottom: 0px; max-width: 150px; }
  .sc-cal-precurring .sc-cal-weekly .sc-cal-checkbox { display: inline; width: auto; }
  .sc-cal-precurring .sc-cal-monthly select, .sc-cal-precurring .sc-cal-monthly span { display: inline; margin-bottom: 0px; }
  .sc-cal-precurring .sc-cal-monthly .sc-cal-row:first-child { border-bottom: medium none; }
  .sc-cal-precurring .sc-cal-yearly .sc-cal-row:first-child { border-bottom: medium none; }
  .sc-cal-precurring .sc-cal-section-range span { display: inline;}
  .sc-cal-precurring .sc-cal-section-range .sc-cal-row:first-child { border-bottom: medium none; }
}/* Default Mixins */
.header-outer-container { background-color: #4F4F4F; }

.header-website-settings a { position: relative; height: 0px; width: 0px; }

.header-website-settings a:before { border-bottom: 0px solid #FFFFFF; border-top: 0px double #FFFFFF; content: " "; height: 0px; position: absolute; right: 0; top: 0; width: 0px; }

.header-website-settings a.pressed { position: absolute; right: 0px; top: 0px; }

.header-website-settings a.pressed:before, .header-website-settings a.pressed:after { border-bottom: none; border-top: none; position: absolute; right: 10px; content: ' '; height: 0px; width: 0px; background-color: #FFFFFF; top: 3px; }

.header-website-settings a.pressed:before { -webkit-transform: value; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.header-website-settings a.pressed:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.header-site-logo { padding: 15px 0px 15px 0px; margin: 0px 0px 0px 10px; }

.header-site-logo > a { display: block; background-image: url("logo-sprite.svg"); background-position: -263px 61px; background-size: 435px 105px; background-color: #EEEEEE; width: 206px; height: 30px; }

.no-svg .header-site-logo > a { background-image: url("logo-sprite.png"); }

.header-site-logo > a > img { display: none; }

.sc-search-text { width: 75%; background-color: #FFFFFF; font-size: 1em; border: 1px solid #000000; padding: 10px 10px 10px 10px; height: 40px; color: #000000; }

/* Hide search placeholder on smaller browsers */
input.sc-search-text::-webkit-input-placeholder { color: transparent; }

input.sc-search-text::-moz-placeholder { color: transparent; }

input.sc-search-text:-moz-placeholder { color: transparent; }

/* Older versions of Firefox */
input.sc-search-text:-ms-input-placeholder { color: transparent; }

input.sc-search-button[type="submit"] { background-color: #767676; border: 1px solid #000000; color: #000000; font-size: 1em; width: 25%; vertical-align: top; padding: 5px 5px 5px 5px; }

input.sc-search-button[type="submit"]:hover, input.sc-search-button[type="submit"]:focus { background: #444444; color: #FFFFFF; }

.navigation-outer-container { background-color: #4F4F4F; }

#predictiveResults { background-color: #FFFFFF; }

#predictiveResults > p { color: #CE3F13; padding: 0 25px; }

#predictiveResults div.search-loading { background-color: #FFFFFF; padding: 20px 20px 20px 20px; }

#predictiveResults div.search-loading:before { content: ""; display: block; width: 18px; height: 18px; background-image: url("data:image/gif;base64,R0lGODlhEgASAKIHAOrq6vz7/NTU1J+fn7u8u3d3d/Ty9P///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAHACwAAAAAEgASAAADSni6KsRwCaHIOzY2YvAzxRUFBJUNQ8cAQHA4hgCAH6oAU6sqBlmEi5hgtwAUBoCR5pAMzlpLwe9omBmIDOnguOx6v+CweEwumw8JACH5BAkJAAcALAAAAAASABIAAANPeLoKwHAZo4SoNx4DwrEbkUWBcwCXQHja1k2GeAQEQbKKEQjDMLa5AYEChBCLEEBPiKwsbc1j81QYPJqAWKEABQKqm15ze51+C9OFOK1JAAAh+QQJCQAHACwAAAAAEgASAAADTXi63P7KGPgCmLQBEDKzkwV4R2AJwkgGKEaWLwMIBPoCdf26+0DwC4uMNRgIHIQCKqU8GAgETaFwKAwOSeBi0CweAIXow6ogY8UZHyQBACH5BAkJAAcALAAAAAASABIAAANEeLrc/jDKSau9GI7CBQyAEW6b94BGygCfA2xsYwhCsBAcATIGSMeDgeGAA4UIHp9sQCA2BToIbkgYHAxIadOpoFGyjwQAIfkECQkABwAsAAAAABIAEgAAA014utx+g7x5SgHUGZvVGAZ0dYRFGFh3AMOoLin5DcJLfET9LuFu3L2O4CMIBA+BgCMXEpwMhgDg2PjVBDUAQPlwNjFS6gKrAOigKvMkAQAh+QQJCQAHACwAAAAAEgASAAADTXi6OsNwEdLecVGRYk55wpcdBmYWAjR1xAAIsAgJjhAAjNBFQbuPkR/wABMQcEOFEYZMMgLORQAGdb4EgEB1+IIastHDren8bsvCsDMBADs="); float: left; margin: 1px; margin-right: 15px; }

.predictive-search-link-item h2 { font-size: 1.3em; color: #000000; }

.predictive-search-link-item p { font-size: 1em; color: #000000; }

.predictive-search-link-item .result-text { color: #000000; font-weight: bold; font-style: normal; }

#predictiveResults .predictive-search-link-item:hover, #predictiveResults .predictive-search-link-item:focus, #predictiveResults .predictive-search-link-item.itemSelected { background-color: #F8F8F8; }

#predictiveResults a.search-view-more { text-transform: capitalize; }

#predictiveResults a.search-view-more { color: #FFFFFF; margin: 15px 15px 15px 15px; background: #000000; font-weight: 600; font-size: 1.2em; padding: 8px 8px 8px 8px; text-align: center; border: none; text-decoration: none; line-height: 1.4em; }

#predictiveResults a.search-view-more:hover, #predictiveResults a.search-view-more:focus { background-color: #F8F8F8; color: #FFFFFF; text-decoration: none; }

#predictiveResults .predictive-search-link-item:hover h2, #predictiveResults .predictive-search-link-item:focus h2, #predictiveResults a.itemSelected h2, #predictiveResults a.search-view-more.itemSelected { text-decoration: none; }

.content-outer-container { background: no-repeat scroll center 0 #FFFFFF; /*Replace with 480px wide image*/ background-image: none; background-size: 100% auto; padding: 0px 0px 0px 0px; }

.main-inner-container { background-color: #FFFFFF; padding: 12px 0px 12px 0px; }

.main-container { background-color: #FFFFFF; }

#breadcrumbs-container { background-color: #808080; color: #FFFFFF; padding: 12px 25px 12px 25px; font-size: 1em; font-weight: normal; font-family: inherit; font-style: normal; }

#breadcrumbs-container a { color: #FFFFFF; text-decoration: none; }

#breadcrumbs-container a:hover { text-decoration: underline; }

#breadcrumbs-container .nav-separator { margin: 0px 9px 0px 9px; }

@media (min-width: 480px) { /* Show search placeholder on larger browsers */
  input.sc-search-text::-webkit-input-placeholder { color: #505050; }
  input.sc-search-text::-moz-placeholder { color: #505050; }
  input.sc-search-text:-moz-placeholder { color: #505050; }
  /* Older versions of Firefox */
  input.sc-search-text:-ms-input-placeholder { color: #505050; } }

@media (min-width: 768px) { .header-site-logo { padding: 25px 0px 25px 0px; margin: 0px 0px 0px 15px; }
  .header-site-logo > a { width: 171px; height: 42px; background-position: -263px 0px; }
  .sc-search-text { width: 75%; }
  input.sc-search-button[type="submit"] { width: 25%; }
  .content-outer-container { background: no-repeat scroll center 0 #FFFFFF; /*Replace with 480px wide image*/ background-image: url("background.jpg"); background-size: 100% auto; padding: 40px 15px 0px 15px; }
  .main-inner-container { padding: 28px 8px 28px 8px; } }

/* Non-WYSIWYG default text sizing - Note; if adding to this try to use direct-child notation to avoid cascading font-size changes BE AS SPECIFIC AS POSSIBLE */
.list-item-container > article > a > p, .predictive-search-link-item p, .profile-events-listing .profile-list p, .profile-news-listing .profile-list p, .search-filter-body input, .search-filter-body label, .search-filter-body select, .meeting-document-info a { font-size: 0.95em; }

/*
END Non-WYSIWYG default text sizing
*/
.autocomplete-suggestion { padding: 15px 7px; cursor: pointer; white-space: normal; }

.quick-links-section { /* border: 1px solid; */ position: relative; margin-bottom: 20px; }

.quick-links-header { position: relative; }

.quick-links-section h2 { font-size: 1.25em; font-weight: 600; padding: 12px 10px 10px 25px; background: #464646; color: #fff; margin: 0; }

.quick-links-section > ul { list-style: none outside none; margin: 0; padding: 0; }

.quick-links-section li { overflow: hidden; width: 100%; }

/* { background-color: #EDEDED; } .meeting-document-info a:hover, .meeting-document-info a:focus { background-color: #D4D4D4; }*/
.hyperlink-button-container { margin-bottom: 0; }

.quick-links-section a, .meeting-document-info a, .meeting-document-info a.document, a.hyperlink-button { display: block; padding: 13px 29px 10px 26px; border-bottom: 2px solid #fff; text-decoration: none; color: #505050; background: #f8f8f8; text-align: left; position: relative; margin-bottom: 0; }

.quick-links-section a:before, .meeting-document-info a:before, .meeting-document-info a.document:before, a.hyperlink-button:before { content: ""; display: block; width: 15px; height: 20px; background: url(sprite.v2.svg); background-size: 600px 600px; position: absolute; right: 15px; background-position: 0px 4px; margin-top: 0; }

.no-svg .quick-links-section a:before, .no-svg .meeting-document-info a:before, .no-svg .meeting-document-info a.document:before, .no-svg a.hyperlink-button:before { background-image: url(sprite.v2.png); }

.quick-links-section a:hover, .quick-links-section a:focus, .meeting-document-info a:hover, .meeting-document-info a:focus, a.hyperlink-button:hover, a.hyperlink-button:focus { background-color: #dadada; text-decoration: none; }

.meeting-document-info a, .meeting-document-info a.document, a.hyperlink-button { color: #ffffff; background-color: #52798f; }

.meeting-document-info a:before, .meeting-document-info a.document:before, a.hyperlink-button:before { background-position: -135px -1px; }

.meeting-document-info a:hover, .meeting-document-info a:focus, a.hyperlink-button:hover, a.hyperlink-button:focus { color: #ffffff; background-color: #4a6d84; }

.meeting-document-info a.back-to-parent { margin-bottom: 20px; }

.search-filter, .side-box, .add-to-calendar-body { background: #f8f8f8; position: relative; margin-bottom: 20px; padding: 0; }

.side-box { margin-top: 18px; }

.side:first-child { margin-top: 0px; }

.search-filter-header { position: relative; }

.content-details-list li { background-color: #f8f8f8; }

.content-details-list li:nth-child(2n) { background-color: #ebebeb; }

.content-details-list .field-label, .content-details-list .field-value { border-color: #505050; }

.accordion-list-container .accordion-item-header a { padding: 0; }

.accordion-list-container .accordion-item-header h2, .search-filter-header h2, .side-box .side-box-title { margin: 0; padding: 11px 45px 11px 25px; color: #ffffff; font-size: 1.25em; }

.accordion-list-container .accordion-item-header h2 { background: #626262; }

.search-filter-header h2, .side-box .side-box-title { background: #464646; }

.side-box.message-box .side-box-title { background: transparent; padding-top: 25px; }

/* List Filter Styles */
.search-filter-body, .side-box-content, .add-to-calendar-body { padding: 1px 25px 25px; }

.side-box-content h3 { font-size: 1em; margin-top: 9px; padding-top: 17px; margin-bottom: 6px; border-top: 2px solid #eaedef; }

.side-box-content > h3:first-child, .side-box-content > .side-box-section:first-child h3 { margin-top: 24px; padding-top: 0; border: none; }

.side-box-content > .side-box-section:first-child h3 + ul { margin-top: 0; }

.side-box-content p { margin-bottom: 0; }

.search-filter-body label { margin-top: 16px; font-weight: 600; }

.search-filter-body input, .search-filter-body select { margin-top: 13px; width: 100%; display: block; border: 1px solid #dfe0e1; padding: 8px 7px 7px; }

.sc-search-box input { padding-left: 36px; background-position: 11px 9px; background-repeat: no-repeat; background-image: url(data:image/gif;base64,R0lGODlhDwAPAKIHAOjo6Pz8/ODg4NHR0ff398TExMzMzP///yH5BAEAAAcALAAAAAAPAA8AAANQeEoyNoKoqUC5uAB6xB0AAQzXtlwC5xVSVwycQqYHaXIWfBhsfOQyjQ/o0lECs1NBEJgEPIbW7wOo8gpRiiWD5WUnooGYSfBKfYfyC00hQBIAOw==); }

label + .RadPicker.RadPicker_Default.sys-gen-raddatepicker { margin-top: 14px; margin-bottom: -12px; /* Negate margin-top on "To" date picker label */ }

.RadPicker.RadPicker_Default.sys-gen-raddatepicker { margin-top: 4px; }

.scSearchInputOption tr, .RadPicker.RadPicker_Default.sys-gen-raddatepicker table tr { border-bottom: none; }

.scSearchInputOption { margin: 0; }

.scSearchInputOption tr td { padding: 0; }

.scSearchInputOption input { position: absolute; left: 4.7em; width: auto; margin-top: 20px; }

.scSearchInputOption label { float: left; }

.no-item-text { color: #ce3f13; }

.footer-outer-container { background-color: #4F4F4F; }

.footer-container { color: #ffffff; }

.footer-container a { color: #ffffff; }

ul.footer-links a, div.footer-secondary-links > div:first-child a { text-decoration: none; }

ul.footer-links a:hover, div.footer-secondary-links > div:first-child a:hover { text-decoration: underline; }

.main-page-image { float: left; margin: 0 0 25px 0; width: 100%; }

a.document { background-image: none !important; padding-left: 20px; }

a.document:before { background: url(file-icons.svg) no-repeat scroll transparent; background-size: 151px; background-position: -134px 0px; content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; margin-top: 5px; margin-left: -20px; }

a.ext-xls:before, a.ext-xlsx:before { background-position: 0px 0px; }

a.ext-doc:before, a.ext-docx:before { background-position: -33px 0px; }

a.ext-ppt:before, a.ext-pptx:before { background-position: -50px 0px; }

a.ext-jpg:before, a.ext-gif:before, a.ext-png:before { background-position: -67px 0px; }

a.ext-txt:before, a.ext-rtf:before { background-position: -83px 0px; }

a.ext-zip:before, a.ext-rar:before { background-position: -100px 0px; }

a.ext-pdf:before { background-position: -16px 0px; }

.no-svg a.document:before { background-image: url(file-icons-sprite.png); background-size: auto; background-position: -237px 0px; }

.no-svg a.ext-xls:before, .no-svg a.ext-xlsx:before { background-position: 0px 0px; }

.no-svg a.ext-doc:before, .no-svg a.ext-docx:before { background-position: -59px 0px; }

.no-svg a.ext-ppt:before, .no-svg a.ext-pptx:before { background-position: -89px 0px; }

.no-svg a.ext-jpg:before, .no-svg a.ext-gif:before, .no-svg a.ext-png:before { background-position: -120px 0px; }

.no-svg a.ext-txt:before, .no-svg a.ext-rtf:before { background-position: -148px 0px; }

.no-svg a.ext-zip:before, .no-svg a.ext-rar:before { background-position: -178px 0px; }

.no-svg a.ext-pdf:before { background-position: -27px 0px; }

a.document span.file-info { font-size: 0.6em; position: relative; top: -0.6em; white-space: nowrap; display: inline-block; text-decoration: none; text-indent: 0; }

/* When a document is displayed inside a content-details-list */
.field-value a.document { background-position: 0 4px; padding-left: 0px; text-indent: 20px; display: block; }

.related-information-section { margin-top: 30px; }

.related-information-section:first-child { margin-top: 0; }

.related-information-section h2 { padding-bottom: 13px; border-bottom: 2px solid #f2f3f4; font-size: 1.4em; margin-bottom: 27px; }

ul.related-information-list { padding: 0 0 0 10px; }

.related-information-list li { list-style: none; margin-bottom: 9px; }

.related-information-list a { background: transparent; background-image: none !important; display: block; background-position: 0 4px; text-indent: 27px; padding-left: 0; position: relative; }

.related-information-list a:before { background: url(file-icons.svg) no-repeat scroll transparent; background-position: -210px 0px; background-size: 234px; content: ""; display: block; position: absolute; width: 26px; height: 26px; left: 0px; top: -1px; margin: 0; }

.related-information-list a.ext-xls:before, .related-information-list a.ext-xlsx:before { background-position: -1px 0px; }

.related-information-list a.ext-doc:before, .related-information-list a.ext-docx:before { background-position: -53px 0px; }

.related-information-list a.ext-ppt:before, .related-information-list a.ext-pptx:before { background-position: -79px 0px; }

.related-information-list a.ext-jpg:before, .related-information-list a.ext-gif:before, .related-information-list a.ext-png:before { background-position: -106px 0px; }

.related-information-list a.ext-txt:before, .related-information-list a.ext-rtf:before { background-position: -131px 0px; }

.related-information-list a.ext-zip:before, .related-information-list a.ext-rar:before { background-position: -157px 0px; }

.related-information-list a.ext-pdf:before { background-position: -28px 0px; }

.no-svg .related-information-list a:before { background-image: url(file-icons-sprite.png); background-size: auto; background-position: -238px -28px; }

.no-svg .related-information-list a.ext-xls:before, .no-svg .related-information-list a.ext-xlsx:before { background-position: 0px -28px; }

.no-svg .related-information-list a.ext-doc:before, .no-svg .related-information-list a.ext-docx:before { background-position: -60px -28px; }

.no-svg .related-information-list a.ext-ppt:before, .no-svg .related-information-list a.ext-pptx:before { background-position: -90px -28px; }

.no-svg .related-information-list a.ext-jpg:before, .no-svg .related-information-list a.ext-gif:before, .no-svg .related-information-list a.ext-png:before { background-position: -119px -28px; }

.no-svg .related-information-list a.ext-txt:before, .no-svg .related-information-list a.ext-rtf:before { background-position: -149px -28px; }

.no-svg .related-information-list a.ext-zip:before, .no-svg .related-information-list a.ext-rar:before { background-position: -179px -28px; }

.no-svg .related-information-list a.ext-pdf:before { background-position: -28px -28px; }

.accordion-trigger { cursor: pointer; display: block; height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; }

.accordion-trigger i { background: url(sprite.v2.svg) no-repeat scroll right 0 transparent; background-size: 600px 600px; display: block; height: 17px; position: absolute; right: 25px; top: 16px; width: 17px; }

.no-svg .accordion-trigger i { background-image: url(sprite.v2.png); }

.accordion-opened i { background-position: -45px 0; }

.accordion-closed i { background-position: -15px 0px; }

.listing-results { font-size: 0.9em; }

.list-item-container { margin-bottom: 16px; }

.list-item-container a:hover, .list-item-container a:focus { background-color: #dadada; }

.list-item-container a { background-color: #f8f8f8; padding: 20px 25px; }

.list-item-container a .list-item-title { color: #505050; font-weight: 600; font-size: 1.2em; display: block; border-bottom: 2px solid #ededed; padding-bottom: 12px; margin-bottom: 17px; }

.list-item-container a:hover .list-item-title, .list-item-container a:focus .list-item-title { text-decoration: none; }

.list-item-container p, .list-container .list-item-container p { color: #505050; }

.list-item-block-date { background-color: transparent; }

.events-list-container .list-item-block-date { position: static; margin-right: 25px; font-family: 'Montserrat', 'Raleway', Arial, sans-serif; width: 48px; padding: 2px 0; }

.events-list-container .list-item-block-date span { font-size: 1.2em; line-height: 1em; color: #505050; }

.events-list-container .list-item-block-date .part-date { font-size: 2.3em; line-height: 1em; color: #416c81; }

.tagged-as-list, .job-type { font-weight: 500; }

.list-item-address:before { content: ""; display: block; width: 18px; height: 18px; background: url(sprite.v2.svg) no-repeat -276px -2px; background-size: 600px 600px; float: left; margin-right: 10px; margin-top: -1px; }

.no-svg .list-item-address:before { background-image: url(sprite.v2.png); }

.list-container p.list-item-additional { color: #FFFFFF; padding: 20px; }

.list-container p.list-item-additional.list-item-Warning, .message-box.message-type-Warning { color: #FFFFFF; background-color: #ce3f13; }

.list-container p.list-item-additional.list-item-Temporary, .message-box.message-type-Temporary { color: #FFFFFF; background-color: #ce3f13; }

.list-container p.list-item-additional.list-item-Announcement, .message-box.message-type-Announcement { color: #ffffff; background-color: #52798f; }

ul.social-media-links li { min-height: 30px; }

ul.social-media-links li a { margin-left: 32px; display: block; }

ul.social-media-links li a i, .social-media-profiles li a:before { background-image: url(sprite.v2.svg); background-size: 600px 600px; background-color: transparent; background-position: -573px -573px; border-radius: 2px; width: 23px; height: 23px; }

.no-svg ul.social-media-links li a i, .no-svg .social-media-profiles li a:before { background-image: url(sprite.v2.png); }

ul.social-media-links li a i { position: absolute; margin-left: -32px; display: block; float: left; margin-right: 9px; }

.social-media-profiles li a:before { margin-right: 12px; }

.social-media-links .footer-link-rss i, .social-media-profiles li.rss a:before { background-position: -5px -572px; }

.social-media-links .footer-link-google-plus i, .social-media-links .footer-link-googleplus i, .social-media-profiles li.google-plus a:before, .social-media-profiles li.googleplus a:before { background-position: -36px -572px; }

.social-media-links .footer-link-facebook i, .social-media-profiles li.facebook a:before { background-position: -69px -572px; }

.social-media-links .footer-link-twitter i, .social-media-profiles li.twitter a:before { background-position: -100px -572px; }

.social-media-links .footer-link-youtube i, .social-media-profiles li.youtube a:before { background-position: -132px -572px; }

.social-media-links .footer-link-instagram i, .social-media-profiles li.instagram a:before { background-position: -165px -573px; }

.social-media-links .footer-link-pinterest i, .social-media-profiles li.pinterest a:before { background-position: -197px -572px; }

.social-media-links .footer-link-linkedin i, .social-media-profiles li.linkedin a:before { background-position: -228px -573px; }

.social-media-links .footer-link-vimeo i, .social-media-profiles li.vimeo a:before { background-position: -261px -572px; }

.social-media-links .footer-link-flickr i, .social-media-profiles li.flickr a:before { background-position: -292px -572px; }

.social-media-links .footer-link-wordpress i, .social-media-profiles li.wordpress a:before { background-position: -325px -573px; }

.social-media-links .footer-link-tumblr i, .social-media-profiles li.tumblr a:before { background-position: -357px -573px; }

#back-to-top { color: #ffffff; width: 90px; text-align: center; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; display: inline-block; font-size: 0.8em; z-index: 1000; }

html.js #back-to-top { position: fixed; bottom: 30px; width: 45px; right: -45px; border-radius: 3px; }

#back-to-top:hover { color: #ffffff; }

#back-to-top i { background: url(sprite.v2.svg) no-repeat -216px -4px; background-size: 600px 600px; width: 20px; height: 20px; display: block; margin: 8px 8px 4px; margin-left: 35px; }

.no-svg #back-to-top i { background-image: url(sprite.v2.png); }

#back-to-top:hover i { background-color: transparent; }

html.js #back-to-top i { margin: 12px; }

.footer-secondary-links { font-size: .8em; }

.footer-second-row .grid-pad { padding: 58px 17px; }

.footer-second-row .grid-pad > div { padding: 20px 0; }

h3.footer-title { font-family: 'Montserrat', 'Raleway', Arial, sans-serif; text-transform: uppercase; border-bottom: 2px solid #5c5c5c; color: #FFFFFF; padding-bottom: 20px; font-size: 1.15em; font-weight: normal; margin-top: 40px; margin-bottom: 25px; margin-right: 9%; }

.footer-contact-details { font-size: 0.95em; }

.powered-by { margin-top: 10px; }

ul.simple-pagination { list-style: none; }

.simple-pagination { overflow: hidden; margin: 0; }

.simple-pagination ul { list-style: none; padding: 0; margin: 0; }

.simple-pagination li { list-style: none; padding: 0; margin: 0; float: left; }

.main-container .button-previous { margin-right: 10px; display: inline-block; vertical-align: top; }

.main-container .button-previous input[type="submit"] { text-indent: -1500px; overflow: hidden; height: 36px; width: 40px; background-image: url(sprite.v2.svg); background-size: 600px 600px; background-position: -149px 7px; background-repeat: no-repeat; }

.no-svg .main-container .button-previous input[type="submit"] { background-image: url(sprite.v2.png); }

.main-container .seamless-pagination-data { margin-top: 16px; font-size: 0.95em; }

.main-container .seamless-pagination-data select { margin-left: 3px; }

.main-container .seamless-pagination-data input[type="submit"].btn_scPagingNonJS_enabled { font-size: 0.95em; overflow: hidden; height: 36px; width: 51px; display: inline-block; float: right; margin-top: -6px; margin-left: 8px; background-color: #ebebeb; color: #505050; }

.main-container .button-next { margin-left: 6px; display: inline-block; vertical-align: top; }

.main-container .button-next input[type="submit"] { text-indent: -1500px; overflow: hidden; height: 36px; width: 40px; background-image: url(sprite.v2.svg); background-size: 600px 600px; background-position: -120px 7px; background-repeat: no-repeat; }

.no-svg .main-container .button-next input[type="submit"] { background-image: url(sprite.v2.png); }

.light-theme a, .light-theme span { float: left; color: #5a5a5a; line-height: 24px; font-weight: 500; text-align: center; min-width: 14px; padding: 6px 12px; margin: 0 5px 0 0; border-radius: 3px; background: #f9f9f9; text-decoration: none; font-size: 0.9em; }

.light-theme a.next, .light-theme a.prev { background: #626262; color: #ffffff; padding: 6px 16px; }

.light-theme a:hover { text-decoration: none; background: #52798f; color: #ffffff; }

.light-theme a.prev { margin-right: 17px; }

.light-theme a.next { margin-left: 12px; }

.light-theme .current { background: #ebebeb; cursor: default; }

.simple-pagination span.prev, .simple-pagination span.next { display: none; }

.light-theme .ellipse { cursor: default; }

.seamless-pagination-info { font-size: 0.95em; margin-top: 8px; }

.seamless-pagination-pages { min-height: 30px; }

.small-text { font-size: 0.8em; }

.item-navigation { padding: 0; background: #f8f8f8; }

a.item-navigation .item-navigation-label { display: block; color: #ffffff; background: #464646; font-weight: 500; font-size: 1.3em; text-decoration: none; line-height: 1.4em; text-align: center; border: none; letter-spacing: 0.5px; padding: 11px 10px 10px 54px; text-align: left; position: relative; }

a.item-navigation.next-item .item-navigation-label { padding: 11px 54px 10px 10px; text-align: right; }

a.item-navigation.next-item .item-navigation-label:before { content: ""; display: block; width: 10px; height: 16px; background: url(sprite.v2.svg) no-repeat -135px -4px; background-size: 600px 600px; position: absolute; top: 18px; right: 25px; }

.no-svg a.item-navigation.next-item .item-navigation-label:before { background-image: url(sprite.v2.png); }

a.item-navigation.prev-item .item-navigation-label:before { content: ""; display: block; width: 10px; height: 16px; background: url(sprite.v2.svg) no-repeat -165px -3px; background-size: 600px 600px; position: absolute; top: 18px; left: 25px; }

.no-svg a.item-navigation.prev-item .item-navigation-label:before { background-image: url(sprite.v2.png); }

a.item-navigation:hover .item-navigation-label, a.item-navigation:focus .item-navigation-label { color: #ffffff; background: #52798f; }

a.item-navigation.next-item .item-navigation-label { padding: 11px 54px 10px 10px; text-align: right; }

.item-navigation-title { color: #505050; font-size: 0.95em; background: #f8f8f8; display: block; padding: 21px 25px; text-decoration: none; }

.categories-list:first-child { margin-top: 0; }

.categories-list > li:first-child { float: none; }

.categories-list a { padding: 4px 8px; margin: 0 10px 0 0; color: #505050; background-color: #eff0f0; border: 1px solid #e4e6e6; border-radius: 3px; font-size: 0.85em; font-weight: 500; -webkit-transition: background-color 0s ease-out 0s; -moz-transition: background-color 0s ease-out 0s; -o-transition: background-color 0s ease-out 0s; transition: background-color 0s ease-out 0s; }

.categories-list a:hover, .categories-list a:focus { color: #ffffff; background-color: #52798f; text-decoration: none; }

.styled-button, a.styled-button, a.styled-button:visited { background-color: #EDEDED; color: #302D26; }

.result-text { font-weight: bold; }

.profile-featured-text, a.profile-featured-text:visited { color: #FFFFFF; font-size: 1.5em; background-color: #8f8f8f; background-color: rgba(70, 70, 70, 0.5); }

.profile-featured-panel { background-color: #fff; }

.profile-featured-panels .grid > div a h2 { background-color: #5b8599; color: #ffffff; text-transform: uppercase; font-family: 'Montserrat', 'Raleway', Arial, sans-serif; font-size: 1.1em; font-weight: normal; padding: 15px 23px; }

.profile-featured-panels .grid > div:first-child a h2 { background-color: #55637a; }

.profile-featured-panels .grid > div:first-child + div a h2 { background-color: #5f6234; }

.profile-featured-panel:focus { outline: none; }

.profile-featured-panel:focus span.panel-button { outline: thin dotted #52798f; }

.profile-featured-panel:hover > h2, .profile-featured-panel:focus > h2 { text-decoration: none; }

.profile-featured-panel p.panel-text { padding: 20px 25px; }

.profile-featured-panel span.panel-button { float: right; margin: 0 25px 25px 0; color: #ffffff; -webkit-border-radius: 2px; border-radius: 2px; position: relative; padding: 10px 38px 9px 15px; font-size: 1.05em; }

#back-to-top, .profile-featured-panel span.panel-button { background: #626262; background: -moz-linear-gradient(top, #717171 0%, #696969 32%, #585858 80%, #545454 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(32%, #696969), color-stop(80%, #585858), color-stop(100%, #545454)); background: -webkit-linear-gradient(top, #717171 0%, #696969 32%, #585858 80%, #545454 100%); background: -o-linear-gradient(top, #717171 0%, #696969 32%, #585858 80%, #545454 100%); background: -ms-linear-gradient(top, #717171 0%, #696969 32%, #585858 80%, #545454 100%); background: linear-gradient(to bottom, #717171 0%, #696969 32%, #585858 80%, #545454 100%); }

#back-to-top:hover, #back-to-top:focus, .profile-featured-panel:hover span.panel-button, .profile-featured-panel:focus span.panel-button { background: #52798f; background: -moz-linear-gradient(top, #537a90 0%, #4c7389 29%, #3a6177 80%, #365d73 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #537a90), color-stop(29%, #4c7389), color-stop(80%, #3a6177), color-stop(100%, #365d73)); background: -webkit-linear-gradient(top, #537a90 0%, #4c7389 29%, #3a6177 80%, #365d73 100%); background: -o-linear-gradient(top, #537a90 0%, #4c7389 29%, #3a6177 80%, #365d73 100%); background: -ms-linear-gradient(top, #537a90 0%, #4c7389 29%, #3a6177 80%, #365d73 100%); background: linear-gradient(to bottom, #537a90 0%, #4c7389 29%, #3a6177 80%, #365d73 100%); }

.profile-featured-panel span.panel-button:before { content: ""; display: block; width: 10px; height: 16px; background: url(sprite.v2.svg) no-repeat -135px -4px; background-size: 600px 600px; position: absolute; top: 14px; right: 15px; }

.no-svg .profile-featured-panel span.panel-button:before { background-image: url(sprite.v2.png); }

.panel-button, .hyperlink-button { background-color: #EDEDED; padding: 10px 20px; text-align: center; }

.profile-featured-panel:hover, .profile-featured-panel:focus { background-color: #f8f8f8; }

#tabs-body, #tabs-header { position: relative; }

.tabs-panel { background-color: #FFFFFF; }

.no-js .profile-featured-links .no-js-element h1.item-text, .tab-header-title { height: auto; min-height: 50px; position: relative; top: 5px; margin-right: 3px; margin-bottom: -0.2px; /* .2 is alignement hack for IE (remove hairline) */ font-family: 'Montserrat', 'Raleway', Arial, sans-serif; font-size: 0.8em; text-align: left; text-transform: uppercase; }

.no-js .profile-featured-links .no-js-element h1.item-text { background: #ffffff; border-bottom: none; font-weight: normal; float: left; padding: 15px 21px 10px 21px; border-radius: 3px 3px 0 0; }

.tab-header-title { padding: 5px 9px 7px 25px; color: #505050; background: #eaeaea; background: -moz-linear-gradient(top, #f9f9f9 0%, #f8f8f8 16%, #eaeaea 92%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(16%, #f8f8f8), color-stop(92%, #eaeaea), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, #f9f9f9 0%, #f8f8f8 16%, #eaeaea 92%, #dcdcdc 100%); background: -o-linear-gradient(top, #f9f9f9 0%, #f8f8f8 16%, #eaeaea 92%, #dcdcdc 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #f8f8f8 16%, #eaeaea 92%, #dcdcdc 100%); background: linear-gradient(to bottom, #f9f9f9 0%, #f8f8f8 16%, #eaeaea 92%, #dcdcdc 100%); -webkit-transition: background-color 0 ease-out 0s; -moz-transition: background-color 0 ease-out 0s; -o-transition: background-color 0 ease-out 0s; transition: background-color 0 ease-out 0s; }

/* Special tabs for super small devices */
@media (max-width: 350px) { .tab-header-title { padding-left: 15px; padding-right: 2px; } }

.tab-header-title:last-child { -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }

.tab-header-title.item-1 { -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }

.tab-header-title.selected { background: #fff; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding-top: 12px; top: 0px; }

a.tab-header-title:hover, a.tab-header-title:focus { text-decoration: underline; }

a.tab-header-title.selected:hover, a.tab-header-title.selected:focus { text-decoration: none; }

.profile-tabbed-listing a:hover, .profile-tabbed-listing a:focus { background-color: #f8f8f8; }

.profile-list p { color: #505050; }

.do-it-online { padding: 3px 0 0 0; }

.do-it-online .profile-list { padding: 13px 13px 11px; border-top: 2px solid #f2f2f2; }

.do-it-online .profile-list:after { content: ""; display: block; position: absolute; width: 8px; height: 14px; background: url(sprite.v2.svg); background-size: 600px 600px; position: absolute; right: 15px; background-position: 0px 0px; right: 15px; top: 18px; }

.no-svg .do-it-online .profile-list:after { background-image: url(sprite.v2.png); }

.do-it-online :first-child > .profile-list { border-top: none; }

.do-it-online .profile-list > h2 { font-size: 1em; margin-right: 25px; font-family: 'Raleway', Arial, sans-serif; font-weight: normal; }

.do-it-online a.profile-list:hover > h2, .do-it-online a.profile-list:focus > h2 { text-decoration: none; }

.do-it-online .profile-list > p { display: none; clear: left; border-top: 2px solid #f2f3f4; padding-top: 19px; margin-top: 28px; font-size: 0.95em; line-height: 1.6em; margin-bottom: 3px; letter-spacing: 0.7px; }

.do-it-online .item-icon { display: none; height: 56px; margin: 0 10px 23px 0; width: 56px; background-image: url("do-it-online-sprite.png"); float: left; background-repeat: no-repeat; background-position: -145px 0px; }

.do-it-online .item-icon.custom-icon { background-size: 56px auto; background-position: 0 0; }

.do-it-online .item-icon.dollar { background-position: 0px 0px; }

.do-it-online .item-icon.open-sign { background-position: 0px -71px; }

.do-it-online .item-icon.pen { background-position: 0px -143px; }

.do-it-online .item-icon.paw-print { background-position: 0px -214px; }

.do-it-online .item-icon.municipal-building { background-position: 0px -286px; }

.do-it-online .item-icon.people { background-position: 0px -357px; }

.do-it-online .item-icon.blank { background-position: -145px 0px; }

.do-it-online .item-icon.globe { background-position: -145px -71px; }

.do-it-online .item-icon.bus { background-position: -145px -143px; }

.do-it-online .item-icon.tools { background-position: -145px -214px; }

.do-it-online .item-icon.map-pin { background-position: -145px -286px; }

.do-it-online .item-icon.flag { background-position: -145px -357px; }

.do-it-online .item-icon.wallet { background-position: -72px 0px; }

.do-it-online .item-icon.flame { background-position: -72px -71px; }

.do-it-online .item-icon.bin { background-position: -72px -143px; }

.do-it-online .item-icon.cat { background-position: -72px -214px; }

.do-it-online .item-icon.taxi { background-position: -72px -286px; }

.do-it-online .item-icon.briefcase { background-position: -72px -357px; }

.list-item-block-date .part-month { display: block; }

.profile-events-listing .profile-list .large-thumbnail-image, .profile-news-listing .profile-list .large-thumbnail-image { margin-bottom: 20px; }

.profile-events-listing .profile-list h2, .profile-news-listing .profile-list h2 { font-size: 1.3em; line-height: 1.35em; letter-spacing: 0.8px; }

.profile-events-listing a.profile-list:hover h2, .profile-events-listing a.profile-list:focus h2, .profile-news-listing a.profile-list:hover h2, .profile-news-listing a.profile-list:focus h2 { text-decoration: none; }

.profile-events-listing .profile-list p, .profile-news-listing .profile-list p { padding-top: 1px; letter-spacing: 0.25px; }

.search-list-container .list-item-container p.small-text, .list-container .list-item-container .published-on, .list-container .list-item-container .applications-closing, .list-container .list-item-container .list-item-address, p.published-on, p.event-date, p.applications-closing, .waste-services-result .next-service { color: #416c81; font-size: 0.95em; font-weight: 600; letter-spacing: 0.1px; }

.list-container .list-item-container p.small-text, .list-container .list-item-container .tagged-as-list { font-size: 0.9em; }

.list-container .list-item-container .published-on:before, .list-container .list-item-container .applications-closing:before { content: ""; display: block; width: 18px; height: 18px; background: url(sprite.v2.svg) no-repeat -246px -2px; background-size: 600px 600px; float: left; margin-right: 10px; margin-top: -1px; }

.no-svg .list-container .list-item-container .published-on:before, .no-svg .list-container .list-item-container .applications-closing:before { background-image: url(sprite.v2.png); }

.profile-events-listing .profile-list .list-item-block-date { position: static; margin-right: 20px; background: #52798f; color: #ffffff; font-family: 'Montserrat', 'Raleway', Arial, sans-serif; width: 75px; }

.profile-events-listing .profile-list .list-item-block-date span { font-size: 1em; line-height: 0.8em; }

.profile-events-listing .profile-list .list-item-block-date .part-date { font-size: 1.9em; line-height: 1.1em; }

.profile-events-listing, .profile-news-listing, .tabs-panel .wysiwyg-content { padding: 5px 5px; }

.panel-button, .panel-button:visited .drop-button .drop-button-header > a, .drop-button.open .drop-button-header > a:hover, .main-container button, .main-container input[type="button"], .main-container input[type="reset"], .main-container input[type="submit"], .main-container .styled-button, .main-container a.styled-button, .main-container a.styled-button:visited { color: #ffffff; margin: 3px 15px 30px; background: #626262; border-radius: 3px; font-weight: 600; font-size: 1.2em; text-decoration: none; padding: 8px; line-height: 1.4em; text-align: center; border: none; }

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .main-container input[type="submit"].btn_scPagingNonJS_enabled:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .main-container input[type="submit"].btn_scPagingNonJS_enabled:focus, a.styled-button:visited:hover, a.styled-button:hover, .styled-button:hover, a.styled-button:focus, .styled-button:focus, .drop-button .drop-button-header > a:hover, .drop-button .drop-button-header > a:focus, .accordion-list-container .accordion-item-header .accordion-trigger:hover h2, .accordion-list-container .accordion-item-header .accordion-trigger:focus h2, .add-to-calendar-header h2 { background-color: #52798f; color: #ffffff; }

.main-container button, .main-container input[type="button"], .main-container input[type="reset"], .main-container input[type="submit"], .main-container .styled-button, .main-container a.styled-button, .main-container a.styled-button:visited { margin: 10px 0; }

.search-filter-body input[type="submit"] { margin-top: 25px; }

.panel-button:hover, .panel-button:focus { background: #52798f; text-decoration: none; }

.panel-button:focus { outline: thin dotted #52798f; }

.accordion-list-container { margin-top: 15px; }

.accordion-list-container .accordion-item-header a { background-color: #F9F9F9; }

.accordion-list-container .accordion-item-header a:hover, .accordion-list-container .accordion-item-header a:focus { background-color: #f8f8f8; }

.accordion-item-body { background-color: #f8f8f8; }

.accordion-item-body > p:first-child { margin-top: 0; }

a.minutes-trigger { padding-right: 45px; }

.add-to-calendar-header h2 { margin: 0; padding: 0; border: none; position: relative; text-align: left; font-size: 1.2em; letter-spacing: 0.3px; padding: 13px 25px 11px; margin: 0; }

@media (min-width: 768px) and (max-width: 830px) { .add-to-calendar-header h2 { font-size: 1.1em; } }

.add-to-calendar-body p { margin: 1.5em 0 0.9em; line-height: 1.5em; }

.add-to-calendar-body p.label { font-weight: 600; margin-bottom: 0; }

.add-to-calendar-body p.label .se-form-required-asterisk { display: none; }

.add-to-calendar-body p.label .se-form-required-text:before { content: " "; }

.add-to-calendar-body p.label + p { margin-top: 1em; }

.result-panel:before { content: ""; display: block; width: 41px; height: 41px; background: url(sprite.v2.svg) 0px -170px; background-size: 600px 600px; float: left; margin-right: 13px; }

.no-svg .result-panel:before { background-image: url(sprite.v2.png); }

.result-panel p { margin-bottom: 0; margin-top: 19px; margin-left: 55px; }

.add-to-calendar-body textarea, .add-to-calendar-body select { background-color: #FFFFFF; border: none; padding: 5px; display: block; width: 100%; border: 1px solid #e5e5e5; }

.add-to-calendar-body select { margin-top: 20px; font-size: 0.85em; }

.add-to-calendar-body ul.errors { margin: 0; }

ul.errors, ul.errors li a { color: #ce3f13; text-decoration: none; }

ul.errors li a:hover, ul.errors li a:focus { text-decoration: underline; }

.add-to-calendar-body input[type="submit"] { width: 100%; margin: 33px 0 0 0; }

.add-to-calendar-body .occurence-type { list-style: none; padding: 0; margin-bottom: 0; }

.add-to-calendar-body .occurence-type li { margin: 8px 0 0; }

.add-to-calendar-body .occurence-type li label { margin-left: 16px; }

.add-to-calendar-body .emails-label, .add-to-calendar-body .occurence-label, .add-to-calendar-body .multi-date-label { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.minutes-list-container .related-information-list { padding-left: 0; }

.pinned { background: #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }

div.table-wrapper { border-right: 1px solid #ccc; }

.drop-button { overflow: hidden; border-radius: 3px; }

.drop-button .drop-button-header > a, .drop-button.open .drop-button-header > a:hover { display: block; margin: 0; border-radius: 0; }

.drop-button .drop-button-body { display: none; }

.drop-button.open .drop-button-body { display: block; background: #f8f8f8; padding: 10px 20px; margin: 0; }

.accordion-list-container .drop-button.open .drop-button-body { background: #FFFFFF; }

.drop-button .loader { display: none; }

.drop-button.loading .loader { display: block; height: 1em; margin: 16px 0; background-image: url("data:image/gif;base64,R0lGODlhGQAZAIAAADY2NtfX1yH/C05FVFNDQVBFMi4wAwEAAAAh+QQEBQAAACwAAAAAGQAZAAACNoSPF8u9CYGbLyLq7MVNK155IOMZY1BKZ7qWJ+qObCvKsV2DM67RvW8BRl47TtF4Q+Z0S6WmAAAh+QQEBQAAACwAAAAAGQAZAAACOIRvocuKf5p08M1W7WUZ7dVFHxWOQZiYKKCi5umO6zvLsd3R91fz/fa7rFi4XNHoKx0zLWXSGSgAACH5BAQFAAAALAAAAAAZABkAAAI3hIOpaO29IntULlqtwk5vDnkTCIgBGXpoKa6sipquHLcrTeK5vcO1D9IFeUNgUXMjHi1JI0dTAAAh+QQEBQAAACwAAAAAGQAZAAACOIyPoMuLf5oEEE5Z32U5bdcZnxKKI1WeZXCioZrC77i2NR3j83frnfwDVmw5XvGyYvkyQuZyCCgAACH5BAQFAAAALAAAAAAZABkAAAI4jA2pq+fPIng0yFjhbfns1XnfFFojGZ6lOZYn2r2rOreufX+1vm/9tWL5ckMi0CgJ0lI4Js+5KAAAOw=="); }

.drop-button.error .message { color: #ce3f13; }

#sub-navigation-outter-container { display: none; }

/* Remove the top margin of first children on landing pages (e.g. remove top margin of paragraph that gave too much spacing) - All :first-child - Who are direct decendents of a div - Who are direct decendents of a .grid - Who are next siblings of an h1 - Who is the first-child and direct decendent of the .main-container */
.main-container > h1:first-child + .grid > div > :first-child { margin-top: 0; }

.tab-header-title span { display: none; }

.tab-header-title .item-icon { display: block; float: left; height: 34px; margin-right: 14px; width: 32px; background-image: url(sprite.v2.svg); background-repeat: no-repeat; background-position: -137px -87px; background-size: 600px 600px; }

.no-svg .tab-header-title .item-icon { background-image: url(sprite.v2.png); }

.tab-header-title.tab-type-homepage-do-it-online .item-icon { background-position: 1px -85px; }

.tab-header-title.tab-type-homepage-do-it-online.selected .item-icon { background-position: 1px -42px; }

.tab-header-title.tab-type-homepage-news-listing .item-icon { background-position: -43px -85px; }

.tab-header-title.tab-type-homepage-news-listing.selected .item-icon { background-position: -43px -42px; }

.tab-header-title.tab-type-homepage-events-listing .item-icon { background-position: -90px -88px; }

.tab-header-title.tab-type-homepage-events-listing.selected .item-icon { background-position: -90px -45px; }

.tab-header-title { width: auto; }

h2.sub-title, h2.photo-gallery-heading { padding-bottom: 16px; border-bottom: 2px solid #f2f3f4; }

h2.photo-gallery-heading { margin-bottom: 25px; }

.multi-date-list + h2.sub-title { margin-top: 40px; }

.image-gallery-container .image-gallery-item > a .file-info { top: auto; }

.image-gallery-container a.document:before { display: none; }

.sc-form-errors a, .sc-form-errors a:visited { color: red; }

/* Start: In My Neighbourhood. Remove this section from implementations without this module */
.module-interface-in-my-neighbourhood .button-my-location.styled-button { font-size: 0.95em; margin-top: 13px; padding: 8px 0 6px 43px; text-align: left; min-width: 180px; }

.module-interface-in-my-neighbourhood .button-my-location i { left: 14px; top: 8px; }

.module-interface-in-my-neighbourhood .button-search { min-width: 235px; width: auto; }

.module-interface-in-my-neighbourhood .span-or, html.geolocation .module-interface-in-my-neighbourhood .span-or { display: none; }

.module-interface-in-my-neighbourhood .chk-category { margin-top: 9px; }

.module-interface-in-my-neighbourhood .chk-category li:nth-child(2n+1) { clear: left; }

.module-interface-in-my-neighbourhood .chk-category li input { position: absolute; margin-top: 17px; margin-left: 4px; }

.module-interface-in-my-neighbourhood .chk-category li .pin-default label { min-height: 55px; margin: 3px 0 0 34px; padding: 9px 0 0 48px; }

.module-widget.spatial-widget.grid { margin-bottom: 2.4em; }

.spatial-widget-results .map-results-list p { font-family: 'Roboto','Raleway', sans-serif; }

.waste-services-results, .councillors-results { margin-top: 6px; margin-bottom: 28px; }

.waste-services-result article, .councillor-result article, .subpage-content-widget .subpage-content { background: #f8f8f8; padding: 20px 24px; margin-top: 1.4em; }

.subpage-content-widget .subpage-content { margin-top: 1.6em; }

.subpage-content-widget .subpage-content > p:first-child { margin-top: 0.5em; }

.subpage-content-widget .subpage-content > p:last-child { margin-bottom: 0.5em; }

.subpage-content-widget .subpage-content table.sc-responsive-table tr, .subpage-content-widget .subpage-content table.sc-responsive-table-heading tr { border-color: #f8f8f8; }

.subpage-content-widget .subpage-content table.sc-responsive-table tr td, .subpage-content-widget .subpage-content table.sc-responsive-table tbody tr td, .subpage-content-widget .subpage-content table.sc-responsive-table-heading tr td, .subpage-content-widget .subpage-content table.sc-responsive-table-heading tbody tr td { background: #ffffff; }

.waste-services-result article:after, .councillor-result article:after { content: ""; display: block; clear: both; }

.waste-services-result article h3, .councillor-result article h3 { font-size: 1.2em; padding-bottom: 14px; border-bottom: 2px solid #f2f3f4; margin-bottom: 15px; }

.waste-services-result .service-details { position: relative; padding-left: 70px; min-height: 80px; }

.waste-services-result .service-details:before { content: ""; position: absolute; display: block; width: 52px; height: 72px; background-image: url("/files/assets/public/templateimages/ui-icons/waste-sprite.png"); background-position: -10px -10px; left: 0; }

.waste-services-result.general-waste .service-details:before { background-position: -82px -10px; }

.waste-services-result.green-waste .service-details:before { background-position: -154px -10px; }

.waste-services-result.recycling .service-details:before { background-position: -226px -10px; }

.waste-services-result .service-details .next-service { margin-top: 9px; }

/* END: In My Neighbourhood. Remove this section from implementations without this module */
.tooltip-icon { background: url("sprite.v2.svg") repeat scroll -60px -0.28167 600px transparent; height: 26px; width: 26px; }

/* Lost Animals */
.list-container .list-item { background-color: #f8f8f8; }

.list-container h2.list-item-title { border-bottom: 2px solid #ededed; padding-bottom: 12px; }

.img-enlarge i.icon-enlarge { background: url("sprite.v2.svg") no-repeat scroll -366px -0.00333 600px transparent; height: 18px; margin: 5px 15px 0 0; width: 18px; }

.list-item-container ul.list-item-details { list-style: outside none none; padding-left: 0; }

.list-item-container ul.list-item-details .field-label, .list-item-container ul.list-item-details .field-separator { font-weight: bold; }

.animal-list-container .item-adopt span { display: none; }

.animal-list-container .item-adopt span.field-label { background-color: #a2593a; color: #fff; display: inline-block; margin-top: 15px; padding: 10px 15px; width: auto; }

.list-container .img-enlarge .thumbnail-image { margin-bottom: 6px; }

.module-widget.login-widget { background-color: #f6f6f6; }

.mycouncil-item-container li.item-status::before { background-repeat: no-repeat; content: " "; display: block; height: 20px; left: -35px; position: absolute; top: 4px; width: 20px; }

.mycouncil-item-container li.item-status.item-published::before { background-image: url("icon_published.png"); }

.mycouncil-item-container li.item-status.item-inworkflow::before { background-image: url("icon_workflow.png"); }

.mycouncil-item-container li.item-status.item-deactivated::before { background-image: url("icon_deactivated.png"); }

.mycouncil-item-container li.item-status.item-archived::before { background-image: url("icon_archived.png"); }

.mycouncil-item-container li.item-status { margin-left: 35px; position: relative; }

/* Emergency Announcement Styling */
#PublicEmergencyAnnouncementList { margin-bottom: 40px; }

.content-type-oc-profile #PublicEmergencyAnnouncementList { margin-bottom: 60px; }

.emergency-message-box { position: relative; background-color: #464646; color: #ffffff; }

.emergency-message-box a, .emergency-message-box a:visited { color: #ffffff; }

.emergency-message-box .emergency-announcement-item-dismiss { display: block; width: 47px; height: 44px; text-indent: -1000px; overflow: hidden; background: transparent; position: absolute; top: 0px; right: 0px; }

.emergency-message-box .emergency-announcement-item-dismiss:after { content: ""; display: block; width: 14px; height: 14px; position: absolute; top: 20px; right: 23px; background: url(sprite.v2.svg) no-repeat scroll right 0 transparent; background-size: 600px 600px; background-position: -448px -2px; }

.oc-accordion-head { background-color: #464646; padding: 10px 48px 10px 25px; }

.oc-accordion-head h2 { font-size: 1.25em; color: #ffffff; margin: 0; }

.oc-accordion-body { display: block; background-color: #f8f8f8; padding: 2px 20px; }

.emergency-message-box.oc-emergency-severity-10, .max-severity-10 .oc-accordion-head.accordion-closed { background-color: #ce3f13; }

.emergency-message-box.oc-emergency-severity-20, .max-severity-20 .oc-accordion-head.accordion-closed { background-color: #a18700; }

.emergency-message-box.oc-emergency-severity-30, .max-severity-30 .oc-accordion-head.accordion-closed { background-color: #52798f; }

/* End Emergency Announcement Styling */
.table-of-content { margin: 0; }

.table-of-content > li { margin-bottom: 8px; }

.table-of-content-container { border-bottom: 2px solid #f2f3f4; padding-bottom: 30px; margin-bottom: 20px; }

.sc-form input[type=text], .sc-form input[type=password], .sc-form textarea, .sc-form select, .sc-datetime > .sc-form-control > .RadPicker .RadInput_Default input[type=text], html body #mainForm .RadInput_Default .riTextBox, html body #mainForm .RadInputMgr_Default { font-size: 1em; border: 1px solid #dfe0e1; padding: 0.25em; color: #505050; }

/* DATE PICKER STYLE OVERRIDES */
html body #mainForm .RadInput_Default .riTextBox, html body #mainForm .RadInputMgr_Default { font-size: 1.25em; font-family: 'Raleway', sans-serif; padding: 8px 7px 7px; }

.se-form-required-asterisk, .sc-form .sc-label span.se-form-required-asterisk { display: none; }

.sc-form input[type="password"] { width: 100%; }

.main-container input.styled-button.logout-button[type="submit"], .main-container .deactivate-account-widget .styled-button.deactivate-account-button, .main-container .confirm-action-widget .styled-button.button-yes { background-color: #ce3f13; }

.main-container .mycouncil-buttons .styled-button.deactivate-account-button:hover, .main-container .mycouncil-buttons .styled-button.deactivate-account-button:focus { background-color: #ce3f13; }

.main-container .styled-button.styled-button-archive { background-color: #ce3f13; }

.main-container .sc-form-btn-cancel > input[type="submit"] { margin-right: 10px; }

.tooltip { top: -30px; }

@media (min-width: 480px) { .main-page-image { float: left; margin: 0.4em 25px 25px 0; width: 40%; }
  .profile-events-listing, .profile-news-listing, .tabs-panel .wysiwyg-content { padding: 20px; }
  .panel-button, .panel-button:visited { color: #ffffff; margin: 3px 25px 30px; }
  .full-width { width: 100%; }
  .powered-by { margin-top: 0px; } }

@media (min-width: 768px) { .tab-header-title { padding: 16px 23px 14px 25px; }
  .tab-header-title.selected { padding-top: 21px; }
  .tab-header-title .item-icon { display: none; }
  .tab-header-title span { display: inline; }
  .do-it-online > .grid > div:nth-child(2n+1) { clear: left; }
  .do-it-online > .grid > div:nth-child(3n+1) { clear: none; }
  .do-it-online .profile-list:after { display: none; }
  .do-it-online .profile-list > h2 { text-transform: uppercase; font-size: 1.25em; margin-left: 69px; margin-top: 3px; line-height: 1.2em; margin-right: 0px; font-family: 'Montserrat', 'Raleway', Arial, sans-serif; font-weight: normal; }
  .do-it-online .item-icon, .do-it-online .profile-list > p { display: block; }
  .main-outer-container { padding-bottom: 62px; }
  /* On landing pages, add some extra margin to the right column - All divs - Who are direct decendents of a .col-lg-4 - Who are next siblings of .col-lg-8 - Who are direct decendents of a .grid - Who are next siblings of an h1 - Who is the first-child and direct decendent of the .main-container */
  .main-container > h1:first-child + .grid > .col-lg-8 + .col-lg-4 > div { margin-left: 12px; }
  /* Landing Page: Give some extra margin to the grid as specified in the graphic design*/
  .main-container > h1:first-child { margin-bottom: 30px; }
  .landing-page-nav.landing-2-col { margin: 0 -9px; }
  .landing-page-nav.landing-2-col .list-item-container a { margin: 0 9px; }
  .landing-page-nav.landing-2-col > div > div:nth-child(2n+1) { clear: left; }
  .landing-page-nav.landing-3-col { margin: 0 -1%; }
  .landing-page-nav.landing-3-col .list-item-container a { margin: 0 1%; }
  .landing-page-nav.landing-3-col > div > div:nth-child(3n+1) { clear: left; }
  .landing-page-nav .list-item-container a { min-height: 267px; }
  .do-it-online { padding: 20px 20px 39px; }
  .do-it-online .profile-list { min-height: 140px; padding: 10px 10px 10px 15px; border-top: none; }
  .profile-events-listing .profile-list.item-0 .list-item-block-date { position: absolute; left: 10px; top: 10px; }
  .list-container { margin-bottom: 48px; }
  .obj-meeting .drop-button { width: 50%; }
  .footer-first-row .grid-pad > div { max-width: 50%; }
  .footer-first-row .grid-pad > div + div + div { clear: left; }
  .footer-first-row .grid-pad { padding-left: 35px; padding-right: 35px; } }

/*# sourceMappingURL=oc_wizard.css.map *//* Default Mixins */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu { width: 100%; display: none; }

.sf-menu.xactive { display: block; }

.sf-menu li { position: relative; background: #FFFFFF; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; float: none; display: block; width: 100%; }

.sf-menu li a { float: none; }

.sf-menu a { display: block; position: relative; padding: 13px 15px 13px 15px; text-decoration: none; zoom: 1; color: #FFFFFF; }

.sf-menu > li { background: #FFFFFF; border-top: 1px solid #EEEEEE; }

.sf-menu > li:first-child { border-top: none; }

.sf-menu > li.xpopdrop + li, .sf-menu > li > ul > li:first-child { border-top: 1px solid #DDDDDD; }

.sf-menu > li > ul > li > ul > li:first-child { border-top: 1px solid #DDDDDD; }

.sf-menu > li a:hover, .sf-menu > li .sf-menu li a:focus, .sf-menu > li > a:focus { background: #EEEEEE; color: #000000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.sf-menu > li > a { text-transform: uppercase; background-color: #FFFFFF; height: auto; text-align: left; font-size: 0.95em; font-family: inherit; font-weight: normal; color: #FFFFFF; font-style: normal; }

.sf-menu ul { -webkit-transition: display 0.1s ease; -moz-transition: display 0.1s ease; -ms-transition: display 0.1s ease; -o-transition: display 0.1s ease; transition: display 0.1s ease; min-width: 100%; width: 100%; }

.sf-menu ul li { background: #EEEEEE; border-top: 1px solid #DDDDDD; }

.sf-menu ul li > a { background: #EEEEEE; color: #000000; }

.sf-menu ul li > a:hover, .sf-menu ul .sf-menu ul ul li a:focus { background: #DDDDDD; color: #000000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.sf-menu ul ul li { background: #DDDDDD; border-top: 1px solid #CCCCCC; }

.sf-menu ul ul li a { background: #DDDDDD; color: #000000; }

.sf-menu ul ul li a:hover, .sf-menu ul ul li .sf-menu ul ul li a:focus { background: #CCCCCC; color: #000000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.sf-menu.sf-mobile ul { position: static; display: none; }

.sf-menu.sf-mobile .xpopdrop > ul { display: block; }

.sf-menu .nav-has-children { padding-right: 45px; }

#mobnav-btn { font-size: 20px; font-weight: 700; background-color: blue; color: #FFF; padding: 10px; cursor: pointer; width: 50px; }

.mobnav-subarrow-child, .mobnav-subarrow { display: block; height: 40px; width: 42px; position: absolute; top: 4px; right: 4px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-image: url("sprite.svg"); background-position: -85px 11px; background-repeat: no-repeat; background-size: 600px 600px; }

.no-svg .mobnav-subarrow-child, .no-svg .mobnav-subarrow { background-image: url("sprite.png"); }

.mobnav-subarrow { display: block; }

/*# sourceMappingURL=oc_wizard_menu.css.map */@media (min-width:992px) {
  .header-outer-container,
  .navigation-outer-container,
  .content-outer-container,
  .footer-outer-container {
    padding: 0 10px;
  }
  .header-layout-1 > .header-site-logo {
    float: none;
}
    .main-outer-container, .header-container, .footer-container, .navigation-container
      {
          max-width: 1140px;
          overflow-x: visible;
      }

  .layout-modern.content-type-oc-profile .main-outer-container {
      max-width: 100%;
  }

  #skip-to-content-container {
    display: block;
  }

  .header-site-logo {
    text-align: center;
    margin-left: 0;
  }

  .header-site-logo img {
    width: auto;
  }

  .header-site-logo > a { margin: 0 auto; } 

  .search-inner-container {
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    padding: 10px 0;
  }
    #header-search {
  	width: auto;
  	position: relative;
  	top: 50px;
  }
  
  .header-layout-2 .search-inner-container {
    padding: 0;
  }
  .header-search-control-container {
    display: block;
  }
  
  .mobile-search-btn,
  #btn-mob-search,
  #btn-mob-nav {
    display: none;
  }

  #sub-navigation-container {
    display: block;
  }

  .sc-search-text {
    width: 400px;
  }

  .accordion-trigger.search-filter-trigger {
    display: none;
  }

  .sc-search-button {
    width: auto;
  }

  .sc-search-panel {
    padding: 0px;
  }

  #predictiveResults {
    position: absolute;
  }

  .profile-featured-text {
    width: 60%;
  }

  .profile-tabbed-listing > li {
    float: left;
    width: 33.3%;
  }

  .profile-list .large-thumbnail-image {
    display: block;
  }

  .profile-list .list-item-block-date {
    left: 10px;
    position: absolute;
    top: 10px;
  }
  
	.profile-events-listing.without-images .profile-list  .list-item-block-date
	{
		position: static;
	}
  #sub-navigation-container.sticky {
    float: none;
    position: fixed;
    top: 20px;
    z-index: 6;
    left: auto;
    max-width: 364px;
    width: 31%;
  }

  #sub-navigation-container ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }

  #sub-navigation-container > ul ul {
    padding-left: 25px;
  }

  #sub-navigation-container a {
    display: block;
    padding: 5px;
  }

  .map-canvas {
    display: block;
    margin-bottom: 2em;
    position: relative;        /* width: 610px; Needs to take 100% width of container by default... let this fall back to normal stylesheet */
    height: 300px;
  }

  .image-gallery-container .image-gallery-item:nth-child(2n+1) {
    clear: none;
  }

  .image-gallery-container .image-gallery-item:nth-child(3n+1) {
    clear: left;
  }

  .user-registration-widget .sc-register-form,
  .pass-reset-widget .sc-reset-pass-form,
  .change-pass-widget .sc-register-form {
    width: 50%;
  }

  .sf-menu ul {
    z-index: 10000 !important;
  }

  .header-layout-2 > .header-search-control-container {
    float: right;
    clear: none;
  }

  .do-it-online > .grid > div:nth-child(2n+1),
  .profile-listing-container > .profile-news-listing .col-m-6:nth-child(2n+1),
  .profile-listing-container > .profile-events-listing .col-m-6:nth-child(2n+1),
  .profile-listing-container > .profile-consultation-listing .col-m-6:nth-child(2n+1),
  .profile-listing-container > .profile-public-notices-listing .col-m-6:nth-child(2n+1) {
    clear: none;
  }

  .do-it-online > .grid > div:nth-child(3n+1),
  .profile-listing-container > .profile-news-listing .col-m-6:nth-child(3n+1),
  .profile-listing-container > .profile-events-listing .col-m-6:nth-child(3n+1),
  .profile-listing-container > .profile-consultation-listing .col-m-6:nth-child(3n+1),
  .profile-listing-container > .profile-public-notices-listing .col-m-6:nth-child(3n+1) {
    clear: left;
  }

  .slideshow-widget.slideshow-layout-2 .controls,
  .slideshow-widget.slideshow-layout-2 article .slide-text {
    top: 40%;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1140px;
    margin: 0 auto;
  }

  .slideshow-widget.slideshow-layout-2 .ocflex-pauseplay,
  .slideshow-widget.slideshow-layout-2 .ocflex-direction-nav,
  .slideshow-widget.slideshow-layout-2 article .slide-text-inner {
    left: 5%;
    position: absolute;
  }

  .slideshow-widget.slideshow-layout-2 .ocflex-control-paging {
    right: 25%;
    position: absolute;
  }

  .slideshow-widget.slideshow-layout-2 article .slide-text-inner {
    width: 70%;
    top: 0;
    min-height: 155px;
    padding: 50px 15px 5px;
    background-color: #202020;
    background-color: rgba(32, 32, 32, 0.8);
  }
  
  .slideshow-widget.slideshow-layout-2 article .slide-text {
    background-color: transparent;
    min-height: 0;
  }
    .tab-group-inner-page .tab-header-title .item-icon {
    display: none;
  }

  .list-container > .grid > .col-lg-6:nth-child(2n+1),
  .list-container > .grid > .col-lg-4:nth-child(3n+1),
  .module-interface-in-my-neighbourhood > .councillors-widget > .grid > .col-lg-6:nth-child(2n+1),
  .module-interface-in-my-neighbourhood > .councillors-widget > .grid > .col-lg-4:nth-child(3n+1) {
    clear: left;
  }

  .elected-official .side-box:first-child {
    margin-top: 0;
  }
  .add-page-link-container {
      float: right;
  }
}

/*

THE FOLLOWING IS TO BE EXPORTED TO MY NEIGHBOURHOOD MODULE

*/
@media (min-width:992px) {
  .map-container.hidden-tab,
  .map-results-list.hidden-tab {
    display: block;
  }

  /* Google map must be "visible" to load*/

  /* On mobile view, it is typically hidden when the list view is visible */

  /* Here we are resetting the hack that allows a hidden map to load in mobile view */
  .map-container.hidden-tab.gm-loading {
    z-index: 0;
    margin-top: 0;
  }

  .tab-buttons {
    display: none;
  }

  .map-container {
    width: 70%;
  }

  .map-results-list {
    width: 30%;
  }

  .my-meighbourhood-filter .filter-title {
    display: none;
  }

  .inputBox.text-address-js {
    width: 60%;
  }

  html.geolocation .span-or {
    display: block;
    float: left;
    margin: 0 10px;
    padding: 20px;
    width: auto;
  }

}


@media (min-width:1140px) {
  .slideshow-widget.slideshow-layout-1 .controls,
  .slideshow-widget.slideshow-layout-1 article .slide-text h2,
  .slideshow-widget.slideshow-layout-1 article .slide-text p {
    margin: 0 auto;
    max-width: 1140px;
  }

  .slideshow-widget.slideshow-layout-1 .controls {
    position: relative;
  }

}/* Default Mixins */
@media (min-width: 992px) { .header-site-logo { padding: 35px 10px 35px 10px; margin: 0px 0px 0px 15px; }
  .header-site-logo > a { width: 250px; height: 104px; background-position: 0px 0px; }
  .sc-search-text { width: 370px; }
  #header-search { float: right; width: auto; position: relative; top: 50px; }
  input.sc-search-button[type="submit"] { width: 90px; }
  .content-outer-container { padding: 40px 15px 0px 15px; }
  .main-inner-container { padding: 25px 15px 25px 15px; }
  #predictiveResults { width: 475px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }
  #predictiveResults a.search-view-more { margin: 15px 15px 15px 15px; }
  #predictiveResults .predictive-search-link-item { padding: 20px 20px 20px 20px; } }

@media (min-width: 992px) { #sub-navigation-outter-container { display: block; }
  .main-outer-container, .footer-container { /* max-width: 992px; /* Who added this??? NO! That's a bad frontend dev! No scooby snacks for you. Iain removed 26/11/2014 */ overflow-x: visible; }
  .profile-featured-text, a.profile-featured-text:visited { margin-top: -20px; /* Position according to graphic design on homepage desktop view*/ }
  .main-outer-container { overflow: visible; }
  .profile-list .large-thumbnail-image { display: block; }
  .tab-header-title .item-icon { display: block; width: 20px; height: 20px; margin-right: 14px; background-position: -137px -134px; }
  .tab-header-title.tab-type-homepage-do-it-online .item-icon, .tab-header-title.tab-type-homepage-do-it-online.selected .item-icon { background-position: 0px -135px; }
  .tab-header-title.tab-type-homepage-news-listing .item-icon, .tab-header-title.tab-type-homepage-news-listing.selected .item-icon { background-position: -45px -135px; }
  .tab-header-title.tab-type-homepage-events-listing .item-icon, .tab-header-title.tab-type-homepage-events-listing.selected .item-icon { background-position: -90px -135px; }
  .do-it-online { padding: 20px 35px 35px; }
  .do-it-online > .grid > div:nth-child(2n+1) { clear: none; }
  .do-it-online > .grid > div:nth-child(3n+1) { clear: left; }
  .profile-events-listing, .profile-news-listing, .tabs-panel .wysiwyg-content { padding: 20px 25px; }
  .profile-events-listing > .grid, .profile-news-listing > .grid { margin: 0; }
  .profile-events-listing > .grid > div, .profile-news-listing > .grid > div { padding: 0; }
  .profile-events-listing .profile-list .list-item-block-date, .profile-events-listing .profile-list.item-0 .list-item-block-date { position: absolute; left: 25px; top: 20px; }
  .profile-tabbed-listing .no-item-text { padding: 0px 30px; }
  .search-filter { margin-top: 2.1em; }
  .panel-button, .panel-button:visited { margin: 3px 50px 59px; padding: 8px; }
  a.item-navigation.prev-item { margin-right: 8px; }
  a.item-navigation.next-item { margin-left: 8px; }
  .footer-first-row .grid-pad { padding-left: 4px; padding-right: 4px; }
  .footer-first-row .grid-pad > div + div + div { clear: none; }
  /* Start: In My Neighbourhood. Remove this section from implementations without this module */
  html.geolocation .module-interface-in-my-neighbourhood .span-or { display: block; }
  /* END: In My Neighbourhood. Remove this section from implementations without this module */
  .background-container { background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-color: #F2F3EE; }
  .header-container { background-color: transparent; }
  .header-first-row { border: none; }
  .header-website-settings a { margin: 5px 4px; }
  /* Logo and search positioning */
  .header-first-row { float: left; }
  #skip-to-content-container { position: absolute; }
  .header-site-logo { padding: 33px 8px; }
  /* Search styling */
  .search-inner-container { max-width: 600px; margin: 0; }
  .accordion-trigger.quick-links { display: none; }
  .list-item-container.landing-3-col a { /* height: 175px; */ }
  .light-theme a, .light-theme span { min-width: 14px; padding: 6px 12px; margin: 0 5px 0 0; }
  #sub-navigation-container { padding: 0 0 0 15px; background-color: transparent; }
  /* In this section */
  #sub-navigation-container.sticky { width: 30%; max-width: 355px; }
  p.sub-nav-header { font-size: 1.25em; font-weight: 600; padding: 10px 10px 7px 25px; background: #464646; color: #fff; margin: 0; }
  #sub-navigation-outter-container { position: relative; top: -0.75em; }
  #sub-navigation-container a { display: block; padding: 13px 13px 10px 26px; border-bottom: 2px solid #fff; text-decoration: none; color: #505050; background: #f8f8f8; }
  #sub-navigation-container li.nav-active-page > a { font-weight: 600; }
  #sub-navigation-container .nav-level-2 a { background-color: #ececec; }
  #sub-navigation-container a:hover { background-color: #dadada; }
  #sub-navigation-container .nav-level-2 a:before { content: ""; display: block; width: 15px; height: 20px; background: url(sprite.v2.svg) no-repeat; background-size: 600px 600px; position: absolute; margin-left: -25px; background-position: 0px 4px; }
  .no-svg #sub-navigation-container .nav-level-2 a:before { background-image: url("sprite.v2.png"); }
  #sub-navigation-container > ul ul { padding-left: 0; }
  #sub-navigation-container > ul ul a { padding-left: 50px; }
  #sub-navigation-container > ul ul ul a { padding-left: 75px; }
  .background-container { background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0; background-color: #F2F3EE; }
  .header-container { background-color: transparent; }
  .header-first-row { border: none; }
  .header-website-settings a { margin: 5px 4px; }
  /* Logo and search positioning */
  .header-first-row { float: left; }
  #skip-to-content-container { position: absolute; }
  .header-site-logo { padding: 33px 8px; }
  /* Search styling */
  .search-inner-container { max-width: 600px; margin: 0; }
  .accordion-trigger.quick-links { display: none; }
  .list-item-container.landing-3-col a { /* height: 175px; */ }
  .light-theme a, .light-theme span { min-width: 14px; padding: 6px 12px; margin: 0 5px 0 0; }
  #sub-navigation-container { padding: 0 0 0 15px; background-color: transparent; }
  /* In this section */
  #sub-navigation-container.sticky { width: 30%; max-width: 355px; }
  p.sub-nav-header { font-size: 1.25em; font-weight: 600; padding: 10px 10px 7px 25px; background: #464646; color: #fff; margin: 0; }
  #sub-navigation-outter-container { position: relative; top: -0.75em; }
  #sub-navigation-container a { display: block; padding: 13px 13px 10px 26px; border-bottom: 2px solid #fff; text-decoration: none; color: #505050; background: #f8f8f8; }
  #sub-navigation-container li.nav-active-page > a { font-weight: 600; }
  #sub-navigation-container .nav-level-2 a { background-color: #ececec; }
  #sub-navigation-container a:hover { background-color: #dadada; }
  #sub-navigation-container .nav-level-2 a:before { content: ""; display: block; width: 15px; height: 20px; background: url(sprite.v2.svg) no-repeat; background-size: 600px 600px; position: absolute; margin-left: -25px; background-position: 0px 4px; }
  .no-svg #sub-navigation-container .nav-level-2 a:before { background-image: url("sprite.v2.png"); }
  #sub-navigation-container > ul ul { padding-left: 0; }
  #sub-navigation-container > ul ul a { padding-left: 50px; }
  #sub-navigation-container > ul ul ul a { padding-left: 75px; } }

/*# sourceMappingURL=oc_wizard_s1.css.map *//* Default Mixins */
@media (min-width: 992px) { .sf-menu { display: block; float: left; width: 100%; }
  .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); width: 300px; }
  .sf-menu ul ul { top: 0; left: 100%; }
  .sf-menu > li { float: left; width: 12.5%; border-top: none; }
  .sf-menu > li.nav-section-quarters-4 > ul, .sf-menu > li.nav-section-quarters-3 > ul { right: 0; left: auto; }
  .sf-menu > li.nav-section-quarters-4 > ul ul, .sf-menu > li.nav-section-quarters-3 > ul ul { right: 100%; left: auto; }
  .sf-menu > li > a { height: 50px; text-align: left; overflow: hidden; /* IE hack*/ }
  .sf-menu > li > ul a { padding: 12px 25px 13px 12px; }
  .sf-menu > li > ul > li > ul a { padding: 12px 25px 13px 12px; }
  .sf-menu > li.first-item > a span.item-text { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .sf-menu > li.first-item > a i.item-icon { width: 23px; height: 23px; background: url("sprite.svg"); background-position: -305px 0px; background-size: 600px 600px; position: relative; display: block; margin-left: auto; margin-right: auto; }
  .no-svg .sf-menu > li.first-item > a i.item-icon { background-image: url("sprite.png"); }
  .sf-menu > li.nav-active-path > a { background-color: #8AC640; color: #000000; }
  .sf-menu > li.nav-active-path:after { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #8AC640; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; -webkit-transition: border 300ms ease-out 0s; -moz-transition: border 300ms ease-out 0s; -ms-transition: border 300ms ease-out 0s; -o-transition: border 300ms ease-out 0s; transition: border 300ms ease-out 0s; }
  .sf-menu > li.nav-active-path:hover:after, .sf-menu > li.nav-active-path.sfHover:after { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; border-top: 10px solid #EEEEEE; }
  .sf-menu > li.nav-active-path > a { background-color: #8AC640; }
  .sf-menu > li:hover > a, .sf-menu > li.sfHover > a { background-color: #EEEEEE; }
  .sf-menu > li.xpopdrop + li, .sf-menu > li > ul > li:first-child, .sf-menu > li > ul > li > ul > li:first-child { border-top: none; }
  .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
  .sf-menu li:hover, .sf-menu .sf-menu li.sfHover { background: #EEEEEE; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
  .sf-menu ul li { background: #FFFFFF; border-top: 1px solid #DDDDDD; }
  .sf-menu ul ul li { background: #FFFFFF; border-top: 1px solid #CCCCCC; }
  .sf-menu a, .sf-menu ul a, .sf-menu ul ul a, .sf-menu > li > .nav-has-children { padding: 14px 10px 14px 10px; }
  #mobnav-btn, .mobnav-subarrow { display: none; }
  .mobnav-subarrow-child { background-position: -116px 9px; } }

/*# sourceMappingURL=oc_wizard_menu_s1.css.map */