@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------
	
	* Filename:				default.css
	* Description: 			sets typography, basic grids, 
							and standard formstyles
	* Version:				1.0.0 (2012-06-16)
	* Author:				Ryan Martinez
	
	== INDEX ===============================================
	
	$__generic classes		classes used globally, should be at bottom to prevent semantic inheritance
	
------------------------------------------------------------*/


/*-------------------------------------*/
/* RESET */
/*-------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
    */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

/*
     * Remove text-shadow in selection highlight: h5bp.com/i
     * These selection declarations have to be separate
     * Also: hot pink! (or customize the background color to match your design)
     */

::-moz-selection {
    background: rgba(2,139,255,1); /* blue */
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(2,139,255,1); /* blue */
    color: #fff;
    text-shadow: none;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

body {
    color: #444;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

/*-------------------------------------*/
/* HEADER STYLES */
/*-------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    display: block;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-weight: inherit;
    }

h1 {
    font-size: 38px;
    line-height: 54px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
}

h4 {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
}

h5 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
}

h6 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: normal;
}

/* Module titles */
.Head {
    display: inline-block;
    margin-bottom: 6px;
}

/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
td.Head, td.SubHead, td.SubSubHead {
    display: table-cell;
    margin-bottom: 0;
}

input[type="image"] + span.Head, input[type="image"] + span.SubHead {
    display: inline;
}

/*-------------------------------------*/
/* PARAGRAPH STYLES */
/*-------------------------------------*/
p {
    margin: 0 0 18px 0;
}
    /* margin bottom is equal to line-height */
    p img {
        margin: 0;
    }

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

small {
    font-size: 80%;
}

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted {
    color: #444;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    word-wrap: break-word;
}

/* disabled text styles */
.NormalDisabled,
.NormalDeleted {
    color: #999;
}



/* text style used for help text rendered by modules */
.Help {
    padding: 2px;
    border: #000 1px solid;
    background-color: #ff9;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}
/* text style used for rendered text which requires emphasis */
.NormalBold {
    font-weight: bold;
    color: #222;
}

/* text style used for error messages */
.NormalRed {
    font-weight: bold;
    color: red;
}

/* text style used for rendered text which should appear deleted */
.NormalDeleted {
    text-decoration: line-through;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
            color: #555;
        }

hr {
    clear: both;
    margin: 17px 0 17px;
    height: 0;
    border: solid #ddd;
    border-width: 1px 0 0;
}

/*-------------------------------------*/
/* ANCHOR STYLES */
/*-------------------------------------*/
a, a:visited {
    color: rgb(2,139,255); /*blue*/
    text-decoration: underline;
    outline: 0;
}

    a:hover, a:focus, a:active {
        color: #222;
        outline: 0;
    }

p a, p a:visited {
    line-height: inherit;
}

/*-------------------------------------*/
/* IMAGE STYLES */
/*-------------------------------------*/
img.dnn-scale-img {
    max-width: 100%;
    height: auto;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

#dnn_dnnLOGO_imgLogo {
     border: 0;
}

/*-------------------------------------*/
/* lIST STYLES */
/*-------------------------------------*/
ul, ol {
    margin-bottom: 18px;
    margin-left: 18px;
}

ul {
    list-style: square outside;
}

ol {
    list-style: decimal;
}

    /* Nested Styles */
    ul ul, ul ol,
    ol ol, ol ul {
        margin-left: 18px;
        margin-bottom: 0;
    }

    ol ol {
        list-style: lower-roman;
    }

li p {
    line-height: 18px;
}

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.dnnFormMessage {
    display: block;
    padding: 17px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(2,139,255,0.2); /* blue */
    background: rgba(2,139,255,0.15); /* blue */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 100%;
}

    .dnnFormMessage.dnnFormError,
    .dnnFormMessage.dnnFormValidationSummary {
        background-color: rgba(255,0,0,0.15); /* red */
        border-color: rgba(255,0,0,0.2); /* red */
    }

    .dnnFormMessage.dnnFormWarning {
        background-color: rgba(255,255,0,0.15); /* yellow */
        border-color: #CDB21F; /* yellow */
    }

    .dnnFormMessage.dnnFormSuccess {
        background-color: rgba(0,255,0,0.15); /* green */
        border-color: rgba(0,255,0,0.5); /* green */
    }

/*-------------------------------------*/
/* TABLE STYLES */
/*-------------------------------------*/
.dnnTableHeader {
    display: block;
    padding: 15px;
    background: none repeat scroll 0 0 #E3E3E5;
}
.dnnTableHeader a,
.dnnTableHeader input, 
.dnnTableHeader select{
    margin: 0;
}
.dnnTableDisplay {
    margin-bottom: 18px;
    border: 1px solid #d1d1d1;
    border-left: 0;
    border-bottom: 0;
}

    .dnnTableDisplay td, .dnnTableDisplay th {
        padding: 5px 9px;
        border-bottom: 1px solid #d1d1d1;
    }

    .dnnTableDisplay th {
        padding: 0;
        border-left: 1px solid #d1d1d1;
        -webkit-box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
    }

        .dnnTableDisplay th > span,
        .dnnTableDisplay th > a {
            display: block;
            padding: 5px 9px;
        }

    .dnnTableDisplay td:first-child {
        border-left: 1px solid #cfcfcf;
    }

    .dnnTableDisplay label {
        display: inline;
        padding-left: 5px;
    }

    .dnnTableDisplay caption {
        display: none;
    }

    /* thead styles */
    .dnnTableDisplay th {
        background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
        background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
        text-align: left;
        text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
        color: #333;
    }

        .dnnTableDisplay th a, .dnnTableDisplay th label {
            font-weight: normal;
            color: #333;
            text-decoration: none;
        }

        .dnnTableDisplay th a {
            padding: 8px 9px;
        }

            .dnnTableDisplay th a:hover {
                background: #fefefe; /* Old browsers */
                background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
                background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
                color: #333;
            }

            .dnnTableDisplay th a:active {
                border-color: #999;
                background: #c6c6c6; /* Old browsers */
                background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
                background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
                -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
                box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
            }
    /* tbody styles */
    .dnnTableDisplay tr:nth-child(2n) td {
        background: rgba(0,0,0,0.04);
    }

    .dnnTableDisplay tr:hover td {
        background: rgba(2,139,255,0.15); /* blue */
    }

    /* tfooter styles */
    .dnnTableDisplay tfoot tr:hover td {
        background: none;
    }

/* table filter styles */
.dnnTableFilter {
    margin-bottom: 18px;
    background: rgba(0,0,0,0.04);
}

    .dnnTableFilter .dnnTableDisplay {
        margin-bottom: 0;
    }

.dnnFilterSet {
    padding: 18px;
}

    .dnnFilterSet label {
        display: inline-block;
    }

    .dnnFilterSet input,
    .dnnFilterSet select {
        display: inline-block;
        margin: 0 5px;
    }

/* table filter vertical styles */
.verticalFilter .dnnFilterSet {
    float: left;
    width: 20%;
    padding: 2% 18px;
}

.verticalFilter .dnnTableDisplay {
    float: right;
    width: 75%;
}

.verticalFilter input[type=search], .verticalFilter select, .verticalFilter input[type=text] {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

/*-------------------------------------*/
/* PAGINATION & RESULT STYLES */
/*-------------------------------------*/
.dnnResults {
    float: left;
    margin-bottom: 0;
}

.dnnPagination {
    float: right;
    margin: 0;
    padding: 0;
}

    .dnnPagination li {
        float: left;
        list-style: none;
    }

        .dnnPagination li a, .dnnPagination li span {
            display: inline-block;
            padding: 0 5px;
            text-decoration: none;
            color: #333;
        }

            .dnnPagination li a:hover {
                text-decoration: underline;
                color: #222;
            }

        .dnnPagination li span {
            color: #222;
            text-decoration: underline;
        }

/*-------------------------------------*/
/* FORM STYLES */
/*-------------------------------------*/

.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
    margin-bottom: 18px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #333;
    font-size: 12px;
}

    .dnnFormItem input.aspNetDisabled,
    .dnnFormItem textarea.aspNetDisabled {
        background: #ebebeb;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #a7a7a7;
        border-width: 1px;
    }

.aspNetDisabled, a.aspNetDisabled,
.dnnDisabled, a.dnnDisabled {
    color: #ccc;
    cursor: not-allowed;
    text-decoration: none;
}

/* Active and Focus States */
.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus,
.dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active,
.dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus,
.dnnFormItem select:active, .dnnFormItem select:focus,
.dnnFormItem textarea:active, .dnnFormItem textarea:focus,
.dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus {
    background: #fff;
    border: 1px solid rgba(2,139,255,0.5); /* blue */
    -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4);
    color: #333;
}
/* Required Fields */
.required label:after,
legend.required:after {
    display: inline-block;
    margin-top: -2px;
    margin-left: 9px;
    padding: 1px 9px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: rgba(0,0,0,0.03);
    content: 'Required';
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #777;
}

/* Error Styles */
.error label, legend.error {
    color: rgba(255,0,0,0.9); /* opaque red*/
}

.error input[type="text"],
.error select, .error textarea,
.error input[type="email"],
.error input[type="search"] {
    border: 1px solid rgba(255,0,0,0.6); /* opaque red*/
    color: rgba(255,0,0,0.7); /* opaque red*/
}

/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    display: inline-block;
    padding: 9px 9px;
    margin-bottom: 9px;
    cursor: pointer;
    min-width: 75px;
    *overflow: visible;
    border: 1px solid #c2c2c2;
    background: #eaeaea;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction {
    padding: 6px 6px;
}

/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #0D569E; /*dark blue*/
    background: #3792ED;
    background: -moz-linear-gradient(top, #358eea 0%, #2170cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #358eea 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #358eea 0%,#2170cd 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef;
    text-shadow: 0px -1px 0px #185B93;
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
        border-color: #0D569E;
        background: #6cb6f3; /* Old browsers */
        background: -moz-linear-gradient(top, #6cb6f3 0%, #4387d2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6cb6f3), color-stop(100%,#4387d2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #6cb6f3 0%,#4387d2 100%); /* W3C */
        color: #fff;
    }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
        border-color: #0D569E;
        background: #1f66be; /* Old browsers */
        background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        color: #fff;
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
        background: #ccc !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: #aaa !important;
        text-shadow: none;
    }

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    color: #333;
}

    .dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
    .dnnFormItem input[type="reset"]:hover,
    .dnnSecondaryAction:hover,
    a.dnnSecondaryAction:hover,
    ul.dnnAdminTabNav li a:hover,
    .dnnLogin .LoginTabGroup span:hover {
        background: #fefefe; /* Old browsers */
        background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
        background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
        color: #555;
    }

    .dnnFormItem button:active,
    .dnnFormItem input[type="button"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnFormItem input[type="reset"]:active,
    .dnnSecondaryAction:active,
    a.dnnSecondaryAction:active,
    ul.dnnAdminTabNav li a:active {
        border-color: #999;
        background: #c6c6c6; /* Old browsers */
        background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
        background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
    }

/* Fix some old forge modules use .dnnPrimaryAction and .dnnSecondaryAction in wrong way */
span.dnnPrimaryAction > input[type="image"],
span.dnnSecondaryAction > input[type="image"] {
    display: none;
}

span.dnnPrimaryAction > a.dnnPrimaryAction,
span.dnnSecondaryAction > a.dnnSecondaryAction {
    display: inline;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Tertiary Action */
.dnnTertiaryAction, a.dnnTertiaryAction {
    padding: 10px 10px;
    border: none;
    background: #eaeaea;
    color: #333;
}

    .dnnTertiaryAction:hover, a.dnnTertiaryAction:hover {
        background: #f2f2f2;
    }

    .dnnTertiaryAction:active, a.dnnTertiaryAction:active {
        background: #d8d8d8;
    }

/* Action Button behind input */
.dnnFormItem input[type="text"] + a.dnnPrimaryAction,
.dnnFormItem input[type="text"] + a.dnnSecondaryAction,
.dnnFormItem input[type="text"] + a.dnnTerriaryAction { 
    margin-left: 5px;
}

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
    margin: 5px;
}

/* text style for buttons and link buttons used in the portal admin pages */

/* button style for standard HTML buttons */
.StandardButton {
    border: 1px solid blue;
}


/* Re-set default cursor for disabled elements */
.dnnFormItem button[disabled],
.dnnFormItem input[disabled] {
    cursor: default;
    opacity: 0.5;
}


/* Consistent box sizing and appearance */
.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"] {
    *width: 13px;
    *height: 13px; /*why are we using hacks here*/
    padding: 0;
    box-sizing: border-box;
}

.dnnFormItem input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

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


/* Remove inner padding and border in FF3/4: h5bp.com/l */
.dnnFormItem button::-moz-focus-inner, .dnnFormItem input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */

.dnnFormItem textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    /* Colors for form validity */
    .dnnFormItem input:valid, .dnnFormItem textarea:valid {
    }

    .dnnFormItem input:invalid, .dnnFormItem textarea:invalid {
        background-color: #f0dddd;
    }

/*-------------------------------------*/
/* TAXONOMY */
/*-------------------------------------*/

/* Horizontal taxonomy styles */
.horizontal ul.categories,
.horizontal ul.tags {
    list-style: none;
}

.horizontal ul.categories {
}

.horizontal ul.tags {
}

    .horizontal ul.categories li, .horizontal ul.tags li {
    }

        .horizontal ul.tags li.add-tags {
        }

            .horizontal ul.tags li.add-tags img {
            }

/* Vertical taxonomy styles */
.vertical ul.categories,
.vertical ul.tags {
    list-style: none;
}

    .vertical ul.categories li,
    .vertical ul.tags li {
    }

    .vertical ul.categories li {
    }

    .vertical ul.tags li {
    }

        .vertical ul.tags li.add-tags {
        }

            .vertical ul.tags li.add-tags img {
            }

/*-------------------------------------*/
/* TABS : JQUERY UI TABS 1.8.14 */
/*-------------------------------------*/
/* Tabs */
ul.dnnAdminTabNav {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0;
    width: 100%;
    min-height: 37px;
    border-bottom: 1px solid #c2c2c2;
}

    ul.dnnAdminTabNav li {
        float: left;
        margin-right: 4px;
        list-style: none;
    }

        ul.dnnAdminTabNav li a {
            /* most styles are inherited from typography.css */
            margin-bottom: 0;
            border-bottom: 0;
            box-shadow: none;
            webkit-box-shadow: none;
            -webkit-border-radius: 3px 3px 0px 0px;
            border-radius: 3px 3px 0px 0px;
        }

        ul.dnnAdminTabNav li.ui-tabs-active a {
            margin-top: -3px;
            padding: 12px 9px 10px 9px;
            background: #fff;
        }

/* Panels */
.ui-tabs .ui-tabs-panel {
    position: relative;
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}

/*-------------------------------------*/
/* LOGIN TAB GROUP */
/*-------------------------------------*/
.dnnLogin .LoginTabGroup {
    display: inline-block;
    width: 100%;
    height: 37px;
    margin-left: 0;
    margin-top: 5px;
    border-bottom: 1px solid #C2C2C2;
}

    .dnnLogin .LoginTabGroup span {
        margin-right: 4px;
        margin-bottom: 0;
        border-bottom: 0 none;
        border-radius: 3px 3px 0 0;
        box-shadow: none;
    }

        .dnnLogin .LoginTabGroup span.LoginTabSelected {
            margin-top: -3px;
            padding: 12px 9px 10px;
            background: none repeat scroll 0 0 #FFFFFF;
        }

/*-------------------------------------*/
/* TABS : JQUERY UI RESIZABLE 1.8.14 */
/*-------------------------------------*/
.dnnForm .ui-resizable {
    position: relative;
}

.dnnForm .ui-resizable-handle {
    position: absolute;
    display: block;
    z-index: 99999;
    font-size: 0.1px;
}

.dnnForm .ui-resizable-disabled .ui-resizable-handle,
.dnnForm .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.dnnForm .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.dnnForm .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.dnnForm .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.dnnForm .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.dnnForm .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.dnnForm .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.dnnForm .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*	

/*-------------------------------------*/
/* FORM ITEMS
/*-------------------------------------*/
.dnnForm {
    width: 100%;
}

    .dnnForm fieldset {
        clear: none;
        position: relative;
        margin-bottom: 18px;
        text-align: left;
    }

        .dnnForm fieldset fieldset {
            width: 100%;
        }

    .dnnForm .dnnFormItem {
        clear: both;
        width: 100%;
        display: block;
        position: relative;
        text-align: left;
    }

/* Label */
.dnnTooltip {
    position: relative;
    display: block;
    width: 32.075%;
    margin-right: 18px;
}

.dnnHelperTip {
    position: relative;
    display: block;
}

.dnnDragdropTip {
    z-index: 10000;
    position: absolute;
    width: auto !important;
    height: auto !important;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.75) url("/cmis5/images/pin-icn.png") no-repeat 7px 12px;
    font-size: 11px;
    color: #DDD;
    text-align: left;
}

span.dnnFormRequired:after,
div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
    color: Red;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
}

.dnnFormItem input[type="checkbox"] + span,
.dnnFormItem input[type="radio"] + span {
    display: inline-block;
    width: auto;
    margin: 6px 5px 6px 5px;
}

/* Help Label */
a.dnnFormHelp,
.dnnForm .dnnFormItem a.dnnFormHelp,
.dnnTooltip label a.dnnFormHelp {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

a.dnnFormHelp {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 14px;
    height: 15px;
    background: url("/cmis5/images/helpI-icn-grey.png") no-repeat left 2px;
    padding: 0 !important;
    margin: 0 !important;
}

.dnnLabel {
    display: inline-block;
    float: left;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
}

.dnnFormItem > .dnnLabel {
    margin-top: 5px;
}

.dnnLabel > span {
    text-align: right;
}

.dnnForm .dnnFormItem a.dnnFormHelp span {
    position: relative;
}

.dnnForm .dnnFormItem a.dnnFormHelp img {
    display: block;
}

.dnnLabel + span {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    white-space: pre-line;
}

/* Compatible with some old forge modules */
td > .dnnLabel {
    width: 220px;
}

/* Help tooltip */
.dnnTooltip .dnnFormHelpContent,
.dnnHelperTip .dnnFormHelpContent {
    visibility: hidden;
    z-index: 10;
    position: absolute;
    width: 200px;
    padding: 10px;
    padding-left: 30px;
    border-radius: 3px;
    background: rgba(0,0,0,0.75);
    font-size: 11px;
    color: #ddd;
    text-align: left;
}

.dnnFormHelpContent span {
    display: block;
	word-wrap: break-word;
}

/*.dnnTooltip .dnnFormHelpContent span:after,
.dnnHelperTip .dnnFormHelpContent span:after {
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}*/

.dnnTooltip .dnnFormHelpContent .dnnHelpText {
    word-wrap: break-word;
}

.bottomArrow:after
{
    position: absolute;
    content: "";
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}
.topArrow:before {
    position: absolute;
    content: "";
    left: 15px;
    top: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
}

a.pinHelp {
    display: block;
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
    background: url("/cmis5/images/pin-icn.png") no-repeat 0 0;
}

    .ui-draggable a.pinHelp,
    a.pinHelp:hover {
        opacity: 1;
    }

/* Error tooltip */
.dnnFormItem span.dnnFormMessage.dnnFormError {
    display: block;
    position: absolute;
    overflow: visible;
    /*top:-95%; right: 12%;*/
    bottom: 95%;
    right: 12%;
    width: 200px;
    margin-bottom: 0;
    padding: 10px;
    border: none;
    border-radius: 3px;
    background: rgba(255,0,0,0.75);
    font-size: 12px;
    color: #fff;
    text-align: left;
}

    .dnnFormItem span.dnnFormMessage.dnnFormError:after {
        position: absolute;
        bottom: -7px;
        left: 15px;
        content: "";
        width: 0;
        height: 0;
        opacity: 0.75;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid red;
    }

/* Input Types*/
.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"],
.dnnFormItem input[type="email"],
.dnnFormItem input[type="tel"],
.dnnFormItem select,
.dnnFormItem textarea {
    width: 45%;
    max-width: 445px;
}

.dnnFormItem select {
    width: 47%;
}

    .dnnFormItem select option {
        color: #333;
    }

.dnnFormItem table {
    background: none;
}

/* Input Customised Checkbox*/

.dnnCheckbox {
    display: inline-block;
    cursor: pointer;
}

    .dnnCheckbox .mark {
        display: inline-block; /*margin-top: 3px;*/
    }

    .dnnCheckbox img {
        display: inline-block;
        width: 20px;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
    }

    .dnnCheckbox img {
        background: transparent url("/cmis5/images/checkbox.png") no-repeat;
    }

    .dnnCheckbox img {
        background-position: 0px 0px;
    }

.dnnCheckbox-hover img {
    background-position: 0px 0px;
}

.dnnCheckbox-checked img {
    background-position: -51px 0px;
}

.dnnCheckbox-disabled {
    cursor: not-allowed;
}

.dnnCheckbox-disabled img {
    opacity: .5;
}

.dnnCheckbox-checked-error img {
    background-position: -150px 0px;
}

.dnnCheckbox-error img {
    background-position: -100px 0px;
}
.dnnCheckbox-focus {
	background-color: #e3e3e5;
}
.dnnBoxLabel{ display: inline-block;}
/* normal checkbox fix */
.dnnFormItem input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 8px 0 4px 0;
}

/* Input Customised Radiobutton */

.dnnRadiobutton {
    display: inline-block;
    cursor: pointer;
}

    .dnnRadiobutton .mark {
        display: inline-block;
    }

    .dnnRadiobutton img {
        width: 20px;
        height: 18px;
        min-width: 20px;
        vertical-align: middle;
    }

    .dnnRadiobutton img {
        background: transparent url("/cmis5/images/radiobutton.png") no-repeat;
    }

    .dnnRadiobutton img {
        background-position: 0px 0px;
    }

.dnnRadiobutton-hover img {
    background-position: 0px 0px;
}

.dnnRadiobutton-checked img {
    background-position: -50px 0px;
}

.dnnRadiobutton-disabled img {
    opacity: .5;
}

.dnnRadiobutton-checked-error img {
    background-position: -150px 0px;
}

.dnnRadiobutton-error img {
    background-position: -100px 0px;
}
.dnnRadiobutton-focus {
	background-color: #e3e3e5;
}
/* Input RadioButton group */
div.dnnFormRadioButtons,
div.dnnHSRadioButtons,
span.dnnFormRadioButtons,
span.dnnHSRadioButtons {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

table.dnnFormRadioButtons {
    background-color: #f0f0f0;
    margin-bottom: 5px;
}

.RadComboBox_Default .rcbInput {
    width: 100% !important;
}

/* general group*/
div.dnnFormGroup {
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
    width: 65%;
}

/* Input Customised Spinner */
.dnnSpinner {
    display: inline-block;
    position: relative;
    width: 150px;
    padding: 6px 6px;
    *overflow: visible;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
}

.dnnFormItem .dnnSpinner {
    width: 45%;
    margin-bottom: 18px;
}

.dnnSpinnerDisplay {
    margin: 0 25px 0 8px;
    background: transparent;
    color: #999;
}

.dnnFormItem .dnnSpinnerDisplay > input[type="text"],
.dnnFormItem .dnnSpinnerDisplay > input[type="text"]:focus {
    border: none;
    margin: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.dnnSpinnerCtrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    background-color: transparent;
    border-left: 1px solid #c9c9c9;
}

    .dnnSpinnerCtrl > a.dnnSpinnerTopButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/cmis5/images/dnnSpinnerUpArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/cmis5/images/dnnSpinnerDownArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

/* Input Customised Tags */
div.dnnTagsInput {
    display: inline-block;
    margin: 0;
    padding: 5px 0 0 5px;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.dnnFormItem .dnnTagsInput {
    width: 45%;
}

div.dnnTagsInput span.tag {
    display: block;
    float: left;
    padding: 2px 6px 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    color: #888;
    cursor: pointer;
    background-color: #eee;
    word-break: break-word;
}

    div.dnnTagsInput span.tag:hover {
        background-color: #e8f1fa;
        color: #444;
    }

    div.dnnTagsInput span.tag a {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 6px 0 0 0;
        background: transparent url("/cmis5/images/dnnTagClose.png") no-repeat;
        background-position: center;
    }

div.dnnTagsInput > div > input,
div.dnnTagsInput > div > input:focus {
    border: none;
    background: transparent;
    outline: none;
    font-weight: normal;
    font-family: helvetica;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    height: 19px;
    padding: 3px 0 3px 3px;
    margin-bottom: 5px;
}

div.dnnTagsInput > div > input::-ms-clear {
  display: none;
}

div.dnnTagsInput div {
    display: block;
    float: left;
}

    div.dnnTagsInput div.dnnTags_filter {
        float: right;
        position: relative;
        margin: 0 0 5px 5px;
    }

        div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label {
            display: inline-block;
            border-left: 1px solid #ccc;
            padding: 3px 15px 0 10px;
            margin-right: 3px;
            color: #999;
            cursor: pointer;
            background: url("/cmis5/images/dnnSpinnerDownArrow.png") no-repeat;
            background-position: right center;
            height: 22px;
        }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded {
                color: #666;
                background: url("/cmis5/images/dnnSpinnerUpArrow.png") no-repeat;
                background-position: right center;
            }

        div.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl {
            display: none;
            position: absolute;
            list-style-type: none;
            background: #fff;
            border: 1px solid #c9c9c9;
            right: 22px;
            top: 28px;
            margin: 0;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0px 2px 0px 0px #bbb;
            box-shadow: 0px 2px 0px 0px #bbb;
            z-index: 15;
        }

.dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li {
    white-space: nowrap;
    padding: 6px 12px 6px 8px;
    border-top: 1px solid #c9c9c9;
    list-style: none;
    color: #666;
    min-width: 150px;
}

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:first-child {
        border-top: none;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li:hover {
        background-color: #e8f1fa;
        color: #333;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > input {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        cursor: pointer;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > span.dnnCheckbox {
        margin-right: 8px;
    }

    .dnnTagsInput div.dnnTags_filter > ul.dnnTags_filter_dropdownUl > li > label {
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
    }

div.dnnTagsInput div.dnnTags_filter a.dnnSearchButton {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("/cmis5/images/search/searchButton.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    cursor: pointer;
    margin: 4px 5px 0 4px;
}

.dnnTagsClear {
    clear: both;
    width: 100%;
    height: 0px;
}

div.dnnTagsInput > div > input.dnnTagsInvalid {
    display: block;
    float: left;
    margin-right: 5px;
    border: none;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #FBD8DB; /*light red*/
    cursor: pointer;
    font-size: 12px;
    color: #90111A !important; /* dark red*/
    text-decoration: none; 
}

/* DNN Auto Complete */
.dnn_acResults {
    padding: 0px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    overflow: hidden;
    z-index: 900001;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    min-width: 150px;
}

    .dnn_acResults ul {
        margin: 0px;
        padding: 0px;
        list-style-position: outside;
        list-style: none;
    }

        .dnn_acResults ul li {
            margin: 0px;
            padding: 6px 22px 6px 22px;
            border-top: 1px solid #c9c9c9;
            color: #666;
            cursor: pointer;
            display: block;
            overflow: hidden;
            color: #333;
        }

            .dnn_acResults ul li:first-child {
                border-top: none;
            }

.dnn_acLoading {
}

.dnn_acSelect {
    background-color: #e8f1fa;
    color: #333;
}

/* Form Item */
.dnnFormMessage .dnnLabel {
    float: none;
    width: 90%;
    text-align: left;
}

/* Pane header */
.dnnFormSectionHead span {
    font-size: 18px;
    color: #222;
}

/* Progressbar*/
.dnnProgressbar {
    height: 25px !important;
    padding: 18px 10px 0 10px;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: -moz-linear-gradient(top, #f0f2f1 0%, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f2f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f2f1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #f0f2f1 0%,#fff 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.25), 0px 1px 0px 0px #fff;
}

.ui-progressbar {
    height: 10px !important;
    overflow: hidden;
    background-color: #ccc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbb;
    box-shadow: inset 0px 1px 0px 0px #bbb;
    text-align: left;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 0;
        height: 100%;
        background-color: #1a82f7;
        background: -moz-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b7fda), color-stop(100%,#3fbdff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(left, #2b7fda 0%, #3fbdff 100%); /* W3C */
    }

/* Button Dropdown */
.dnnDropdownSettings {
    position: relative;
    height: 30px !important;
}

.dnnButtonDropdown {
    width: 50px;
    height: 30px !important;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
}

.dnnButtonIcon, .dnnButtonArrow {
    display: inline-block;
    height: 30px !important;
}

.dnnButtonIcon {
    width: 32px;
}

.dnnButtonArrow {
    width: 10px;
    background: transparent url("/cmis5/images/dnnSpinnerDownArrow.png") no-repeat center;
}

.dnnButtonDropdown-clicked {
    z-index: 100;
    position: absolute;
    width: 50px;
    height: 30px !important;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.dnnButtonDropdown-ul {
    display: none;
    position: absolute;
    z-index: 99;
    top: 29px;
    left: 0;
    width: 200px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 0px 0px #bbb;
    box-shadow: 0px 2px 0px 0px #bbb;
    list-style-type: none;
}

    .dnnButtonDropdown-ul > li, .dnnButtonDropdown-ul > ul > li {
        padding: 8px;
        border-bottom: 1px solid #c9c9c9;
        color: #333;
        cursor: pointer;
        vertical-align: middle;
        list-style: none;
        margin: 0;
    }
	.dnnButtonDropdown-ul > ul{ margin: 0;}
	.dnnButtonDropdown-ul > ul > li{ padding-left: 16px;}

        .dnnButtonDropdown-ul > li:last-child {
            border-bottom: none !important;
        }

        .dnnButtonDropdown-ul > li:hover {
            background-color: #e8f1fa;
            color: #000;
        }

/* Button Group */
ul.dnnButtonGroup {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px #bbb;
    box-shadow: 0px 1px 0px 0px #bbb;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    list-style: none;
}

    ul.dnnButtonGroup > li {
        display: block;
        float: left;
        border-left: 1px solid #c9c9c9;
        margin: 0;
    }

        ul.dnnButtonGroup > li:hover {
            background-color: #e8f1fa;
        }

        ul.dnnButtonGroup > li.dnnButtonGroup-first {
            display: none;
        }

            ul.dnnButtonGroup > li.dnnButtonGroup-first + li {
                border-left: none;
            }

        ul.dnnButtonGroup > li > a {
            display: inline-block;
            padding: 7px 7px 6px 7px;
            text-decoration: none;
            color: #333;
        }

    ul.dnnButtonGroup span {
        color: #333;
    }


/* Grouped Multi Input */
.dnnFormItem .dnnInputGroup {
    float: left;
    display: block;
    width: 32.075%;
    padding: 5px;
    margin-bottom: 18px;
    background: rgba(0,0,0,0.05); /* opaque black */
}

    .dnnFormItem .dnnInputGroup .dnnLeft {
        width: 100%;
    }

    .dnnFormItem .dnnInputGroup span {
        display: inline-block;
        width: 33%;
        text-align: right;
    }

/* Error Styles */
.dnnFormError label a span {
    color: red;
}

.dnnFormError input[type="text"],
.dnnFormError input[type="password"],
.dnnFormError input[type="email"],
.dnnFormError input[type="tel"],
.dnnFormError select,
.dnnFormError textarea {
    border: 1px solid red;
}


/* Tertiary Actions */
.dnnFormItem input[type="text"] + .dnnTertiaryAction,
.dnnFormItem input[type="password"] + .dnnTertiaryAction,
.dnnFormItem input[type="email"] + .dnnTertiaryAction,
.dnnFormItem input[type="tel"] + .dnnTertiaryAction,
.dnnFormItem select + .dnnTertiaryAction {
    display: inline-block;
    max-width: 60px;
}

/* Information Feedback Aside */
.dnnForm fieldset.dnnFormInformation {
    float: left;
    width: 32.075%;
    margin-left: 16px;
    padding: 18px 0;
    background: rgba(0,0,0,0.05);
}

.dnnFormItem textarea {
    min-height: 80px;
}

.dnnAddress input[type="checkbox"] {
    margin: 0 5px;
}

/* Required Fields */
.dnnFormRadioButtons {
    float: left;
    display: block;
    width: auto;
}

    .dnnFormRadioButtons input[type=radio] {
        float: none;
    }

    .dnnFormRadioButtons label,
    .dnnFormItem input[type=radio] + label {
        float: none;
        display: inline;
        width: auto;
        padding-right: 0;
        margin: 0 10px 0 0;
        text-align: left;
        font-weight: normal;
    }

/* Text Editor */
.dnnTextEditor {
    margin-bottom: 18px;
}

/* Action Items */
.dnnActions {
    float: none;
    clear: both;
    display: block; /* prevent ul from collapsing */
    margin: 0;
    padding-top: 18px;
    text-align: left;
}

    .dnnActions li {
        float: left;
        margin-right: 5px;
        list-style: none;
    }

.dnnLoginActions {
    display: inline-block;
}

/* Short Form */
.dnnForm.dnnShortForm .dnnFormItem label {
    float: none;
    width: 100%;
    margin-bottom: 0.25em;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem input,
.dnnForm.dnnShortForm .dnnFormItem select,
.dnnForm.dnnShortForm .dnnFormItem textarea {
    float: none;
    text-align: left;
}

.dnnForm.dnnShortForm .dnnFormItem a.dnnFormHelp {
    background-position: left;
    padding-left: 22px;
}

/* UI Helpers */
.dnnForm .ui-helper-hidden {
    display: none;
}

.dnnForm .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}

/* Interaction Cues */
.dnnForm .ui-state-highlight,
.dnnForm .ui-widget-content .ui-state-highlight,
.dnnForm .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636;
}

    .dnnForm .ui-state-highlight a,
    .dnnForm .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.dnnForm .ui-state-error,
.dnnForm .ui-widget-content .ui-state-error,
.dnnForm .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900;
    color: #ffffff;
}

    .dnnForm .ui-state-error a,
    .dnnForm .ui-widget-content .ui-state-error a,
    .dnnForm .ui-widget-header .ui-state-error a {
        color: #ffffff;
    }

.dnnForm .ui-state-error-text,
.dnnForm .ui-widget-content .ui-state-error-text,
.dnnForm .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.dnnForm .ui-priority-primary,
.dnnForm .ui-widget-content .ui-priority-primary,
.dnnForm .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.dnnForm .ui-priority-secondary,
.dnnForm .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.dnnForm .ui-state-disabled,
.dnnForm .ui-widget-content .ui-state-disabled,
.dnnForm .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.dnnForm .ui-draggable {
    cursor: move;
}

/* Corner radius */
.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-left,
.dnnForm .ui-corner-tl {
    border-radius: 4px;
}

.dnnForm .ui-corner-all,
.dnnForm .ui-corner-top,
.dnnForm .ui-corner-right,
.dnnForm .ui-corner-tr {
    border-radius: 4px;
}
/*-------------------------------------*/
/* MODULE TITLE - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.ModuleTitle_MenuContainer {
    border: 1px solid blue;
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/*-------------------------------------*/
/* MAIN MENU - TEMPORARY */
/*-------------------------------------*/

/* Need to determine what this is */
.MainMenu_MenuContainer {
    border: 1px solid green;
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/*-------------------------------------*/
/* POPUP */
/*-------------------------------------*/

/* Popup Menu */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
	z-index: 9999;
}

.dnnFormPopup {
    position: absolute;
    padding: 18px;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75);
	z-index: 100000;
}
    /* Popup header */
    .dnnFormPopup, .dnnFormPopup > * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .dnnFormPopup .ui-dialog-titlebar {
        position: relative;
        padding: 0 0 18px 0;
        border-bottom: 1px solid #ddd;
        cursor: move;
        font-size: 18px;
        font-weight: bold;
    }

    .dnnFormPopup .dnnModalCtrl {
        display: block;
        position: absolute;
        top: -30px;
        right: -30px;
        width: 69px;
        height: 26px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-border-radius: 10px;
        box-shadow: 0px 0px 5px #666;
    }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
            float: right;
            display: block;
            height: 18px;
            width: 30px;
            margin: 4px 4px 0 1px;
            overflow: hidden;
            -webkit-border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
	        border: none;
	        outline: none;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            background: #585858 url("/cmis5/images/closeBtn.png") no-repeat;
            background-position: 8px 4px;
            text-indent: -9999em;
	        min-width: 0 !important;
        }

            .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
                background: #358EEA url("/cmis5/images/closeBtn.png") no-repeat;
                background-position: 8px 4px;
	            cursor: pointer;
            }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
            float: left;
            display: block;
            height: 18px;
            width: 30px;
            margin: 4px 0 0 4px;
            overflow: hidden;
            -webkit-border-top-left-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            background: #585858 url("/cmis5/images/resizeBtn.png") no-repeat;
            background-position: 10px 2px;
            text-indent: -9999em;
        }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
                background: #358EEA url("/cmis5/images/resizeBtn.png") no-repeat;
                background-position: 10px 2px;
            }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    height: 24px;
    width: 24px;
    margin: 0px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #585858 url("/cmis5/images/closeBtn.png") no-repeat;
    background-position: 4px 4px;
    border: 3px solid #fff;
    text-indent: -9999em;
	min-width: 0 !important;
}

/* Poup Iframe styles*/
.dnnFormPopup #iPopUp {
    width: 100%!important; /* to overwrite inline javscript styles */
    padding-top: 10px;
}

.dnnFormPopup .ui-dialog-content, #iPopUp .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px;
    overflow: auto;
    background: #fff;
    zoom: 1;
}

.dnnFormPopup .ui-dialog-buttonpane {
    margin: .5em 0 0 0;
    padding: .3em 1em 0em 0em;
    overflow: hidden;
    border-width: 1px 0 0 0;
    background-image: none;
    text-align: left;
    border-top: 1px solid #ddd;
}

    .dnnFormPopup .ui-dialog-buttonpane button {
        margin: 0.5em 0.4em 0.5em 0em;
        padding: 0.5em 1em;
        cursor: pointer;
        border: none;
        outline: none;
    }

.dnnFormPopup .ui-resizable-se {
    float: right;
    height: 24px;
    width: 24px;
    background: url("/cmis5/images/modal-resize-icn.png") no-repeat bottom;
}

.dnnFormPopup .dnnDialog {
    padding: 10px;
}

.dnnLoading {
    background: #fff url("/cmis5/images/loading.gif") no-repeat center center;
    position: absolute;
    z-index: 9999;
}
.dnnPanelLoading {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

/*-------------------------------------*/
/* URL ACTION */
/*-------------------------------------*/
.urlControl label {
    width: auto;
    margin-top: 0;
    font-weight: normal;
}

.urlControlLinkType {
    width: auto;
}

    .urlControlLinkType span,
    .dnnFormItem .urlControlLinkType span {
        float: none;
        display: block;
        width: auto;
        text-align: left;
    }

.dnnFormItem .ucLinkTypeRadioButtons label {
    display: inline-block;
    width: 260px;
    padding-right: 0;
    margin-top: 0;
    font-weight: normal;
    text-align: left;
}

.urlControlLinkType span input {
    min-width: 3%;
}

.dnnForm.dnnModuleSettings .dnnFormItem .urlControlLinkType span label {
    text-align: left;
}

.urlControlFileRow {
    clear: both;
}

    .urlControlFileRow span.dnnFormLabel {
        width: auto;
        text-align: right;
    }

    .urlControlFileRow select, .urlControlFileRow input[type=file] {
        clear: both;
    }

.urlControlImagesRow {
    overflow: hidden;
    clear: both;
}

    .urlControlImagesRow span.dnnFormLabel {
        width: auto;
        text-align: right;
    }

    .urlControlImagesRow select {
        clear: both;
    }

/*-------------------------------------*/
/* WIZARD TABS STEPS
/*-------------------------------------*/

/* Jquery UI tabs base */
.dnnWizardTab.ui-tabs {
    position: relative;
    padding: 0;
}

    .dnnWizardTab.ui-tabs .ui-tabs-nav {
        display: block;
        height: 46px;
        margin: 0;
        padding: 0;
        background: transparent url("/cmis5/images/InstallWizardBG.png") repeat-x;
    }

        .dnnWizardTab.ui-tabs .ui-tabs-nav li {
            float: left;
            position: relative;
            margin: 0;
            padding: 0;
            border-bottom: 0 !important;
            list-style: none;
            white-space: nowrap;
        }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: 0;
            }

                .dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .dnnWizardTab.ui-tabs .ui-tabs-nav li a,
            .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }

    .dnnWizardTab.ui-tabs .ui-tabs-panel {
        clear: both;
        display: block;
        padding: 3em 1em 1.4em;
        border-width: 0;
        background: none;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-hide {
        display: none !important;
    }

    .dnnWizardTab.ui-tabs .ui-tabs-nav li a {
        display: block;
    }

.dnnWizardStep > span {
    display: block;
    float: left;
}

.dnnWizardStep {
    height: 46px;
    padding: 0 0 0 20px;
    background: transparent url("/cmis5/images/InstallWizardBG.png") repeat-x;
    background-position: 0 0;
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li:first-child .dnnWizardStep {
    padding-left: 30px;
}

.dnnWizardStepNumber {
    margin: 10px 10px 0 0;
    padding: 3px 8px 3px 8px;
    background-color: #999;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    color: #fff;
    font-weight: bold;
}

.dnnWizardStepTitle {
    margin: 13px 20px 0 0;
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.dnnWizardStepArrow {
    width: 25px;
    height: 46px;
    background: transparent url("/cmis5/images/InstallWizardBG.png") no-repeat;
    background-position: 0 -401px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStep {
    height: 46px;
    background-position: 0 -100px;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepNumber {
    background-color: #333;
}

.dnnWizardTab.ui-tabs .ui-tabs-nav li.ui-tabs-active .dnnWizardStepTitle {
    color: #333;
}

.dnnFormExpandContent {
    margin: 10px 0;
}

    .dnnFormExpandContent > a {
        color: #333;
        font-size: 13px;
        font-weight: bold;
    }
/*-------------------------------------*/
/* DNN SIMPLE GRID
/*-------------------------------------*/

table.dnnPermissionsGrid,
table.dnnGrid,
table.dnnASPGrid {
    margin-bottom: 20px;
    border: 1px solid #c9c9c9;
}

    table.dnnPermissionsGrid {
        color: #777;
    }

    table.dnnPermissionsGrid tr.dnnGridHeader td {
        padding: 4px 4px 4px 4px;
        vertical-align: middle;
        line-height: 120%;
        text-align: center;    
    }

    table.dnnPermissionsGrid tr.dnnGridItem td,
    table.dnnPermissionsGrid tr.dnnGridAltItem td {
        padding: 5px 4px 5px 4px;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        width: 70px;
        text-align: center;
    }

    table.dnnPermissionsGrid tr.dnnGridItem td.permissionHeader,
    table.dnnPermissionsGrid tr.dnnGridAltItem td.permissionHeader {
        border-right: 1px solid #c9c9c9;
        text-align: left;
        padding-left: 10px;
        width: 150px;
    }

    table.dnnPermissionsGrid tr.dnnGridHeader td.permissionHeader {
        padding-left: 10px;
        text-align: left;
    }

    .dnnPermissionsGrid > .dnnFormItem label {
        margin-right: 8px;        
        color: #777;
    }

    .dnnPermissionsGrid > .dnnFormItem select {
        width: 25%;
        margin: 0 5px 5px 0;
        min-width: 180px;
        color: #777;
    }

    .dnnPermissionsGrid > .dnnFormItem input {        
        margin-bottom: 0;
        height: 17px;
        color: #777;
        width: 25%;
    }
    .dnnPermissionsGrid > .dnnFormItem ul.token-input-list-facebook {
        display: inline-block;
        vertical-align: top;
    }

    .dnnPermissionsGrid > .dnnFormItem > .leftGroup {
        margin-right: 35px;
        float:left;
    }

    .dnnPermissionsGrid > .dnnFormItem >  .rightGroup {
        float: left;
    }

    .dnnPermissionsGrid > .dnnFormItem >  .rightGroup  > .dnnSecondaryAction {
        position: absolute;
    }

    .dnnPermissionsGrid > .dnnFormItem {
        margin-bottom: 18px;
        overflow: auto;     
    }

.dnnGridHeader td, thead.dnnGridHeader th,  tr.dnnGridHeader th{
    padding: 6px 12px 6px 12px;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #f0f2f1;
    background: -moz-linear-gradient(top, #fff 0%, #f0f2f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f2f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%,#f0f2f1 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #fff 0%,#f0f2f1 100%); /* W3C */
}

.dnnGridItem td, .dnnGridAltItem td {
    padding: 6px;
    border-right: 1px solid #c9c9c9;
}

    .dnnGridItem td input, .dnnGridAltItem td input {
        margin-bottom: none;
    }

.dnnGridAltItem {
    background: #F2F2F2;
}

    .dnnGridItem:hover, .dnnGridAltItem:hover {
        background-color: #e8f1fa;
    }

/* td > input[type="image"],
    td > input[type="image"] + a,
    td a > img{
        display:block;
        float: left;
        margin-right: 3px;
    } */

/*-------------------------------------*/
/* URL Control
/*-------------------------------------*/

.urlControl {
    float: left;
    display: block;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f0f0f0;
}

    .urlControl select,
    .urlControl input {
        width: 180px;
        margin-bottom: 10px;
    }

    .urlControl dnnFormItem > a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        float: left;
    }

    .urlControl .urlControlLinkType {
        float: left;
        width: 100%;
    }

        .urlControl .urlControlLinkType .dnnFormLabel {
            float: left;
            width: auto;
            margin-right: 5px;
        }

        .urlControl .urlControlLinkType input[type="radio"] {
            width: auto;
            margin-right: 5px;
        }

/*-------------------------------------*/
/* File Picker
/*-------------------------------------*/
span[id$="FileControl"] {
    display: block;
    float: left;
}

.dnnFilePicker {
    display: block;
    float: left;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 15px 0 15px;
    width: 450px;
}

    .dnnFilePicker .dnnLeft {
        margin: 0;
        padding: 0;
        margin-top: -30px;
    }

    .dnnFilePicker dnnFormItem {
        margin: 0;
        margin-top: -10px;
        padding: 0;
        position: static;
    }

    .dnnFilePicker .dnnLeft img {
        max-width: 135px;
        max-height: 100px;
    }

    .dnnFilePicker .dnnLeft .dnnFilePickerImageHolder {
        width: 135px;
        height: 100px;
        background-color: #ccc;
        margin: 20px 15px;
    }

    .dnnFilePicker .dnnFormItem span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }

    .dnnFilePicker select,
    .dnnFilePicker input {
        width: 200px;
        margin: 0;
        margin-right: 10px;
        float: none;
    }

    .dnnFilePicker .dnnLeft a.dnnSecondaryAction {
        margin: 10px 10px 0 0;
        display: inline-block;
    }

    .dnnFilePicker .dnnLeft img {
        display: block;
        margin: 20px 15px;
    }

/* FILE UPLOAD CSS */
span.dnnInputFileWrapper > input[type="file"] { /* force file upload style here, cause some module just override */
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer;
    height: 100%;
	font-size: 200px;
}

span.dnnInputFileWrapper { /* Notes(by Richard): here must set !important */
    overflow: hidden !important;
    margin: 0px 4px 0 0;
    width: auto !important;
    display: block !important;
    float: left !important;
	position: relative;
}

    span.dnnInputFileWrapper > span.dnnSecondaryAction {
        display: inline-block;
        float: none;
        width: auto;
    }

/* DNN DRAG n DROP FILE PICKER UPLOAD */
.dnnFileUploadScope {
    display: block;
    float: left;
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 500px;
}

    .dnnFileUploadScope .dnnLeft {
        margin: 0;
        padding: 15px 10px 15px 10px;
    }

        .dnnFileUploadScope .dnnLeft .dnnFormItem {
            margin-bottom: 10px;
        }

    .dnnFileUploadScope .dnnFormItem span, .urlControlTab .dnnFormItem > span {
        display: block;
        float: left;
        width: 40px;
        margin-top: 8px;
        padding-left: 5px;
        text-align: left;
    }

    .dnnFileUploadScope .dnnFormItem .dnnDropDownList span {
        margin: 0;
        width: auto;
    }

    .dnnFileUploadScope .dnnFormItem .RadComboBox_Default,  .dnnFileUploadScope .dnnFormItem .dnnDropDownList{
        width: 180px;
        margin: 0;
        float: none;
    }

    .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone {
        position: relative;
        margin: 0;
        width: 180px;
        height: 150px;
        background: #d9eeff;
        border: 1px dashed #bbb;
        box-shadow: 0px 1px 0px #fff;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #4577a2;
    }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone span {
            display: block;
            position: absolute;
            left: 38px;
            top: 60px;
            color: #fff;
            font-size: 12px;
            background: rgba(0,0,0,0.5);
            padding: 5px 7px;
            border-radius: 3px;
            box-shadow: 0px 1px 0px #fff, inset 1px 1px 0px #555;
            opacity: 0.5;
            cursor: default;
            -webkit-transition: all 500ms ease-in-out;
            -moz-transition: all 500ms ease-in-out;
            -ms-transition: all 500ms ease-in-out;
            -o-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
        }

        .dnnFileUploadScope .dnnLeft .dnnFileUploadDropZone:hover span {
            opacity: 1;
        }

input.dnnFixedSizeComboBox {
    width: 200px !important;
    margin-right: 10px;
    float: left;
}

div.dnnFixedSizeComboBox {
    width: 218px !important;
    margin-right: 15px;
    float: left;
}

.dnnFixedSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

input.dnnSmallSizeComboBox {
    width: 100px !important;
    margin-right: 10px;
    float: left;
}

div.dnnSmallSizeComboBox {
    width: 118px !important;
    margin-right: 15px;
    float: left;
}

.dnnSmallSizeComboBox + a.dnnSecondaryAction {
    float: left;
    margin-right: 10px;
}

td.dnnGridHeaderTD-NoBorder {
    border-right: none !important;
}

tr.dnnGridItem td, tr.dnnGridAltItem td {
    border-right: none;
}

    tr.dnnGridItem td input {
        margin-bottom: 0;
    }

/*-------------------------------------*/
/* ACCORDIAN
/*-------------------------------------*/
h2.dnnFormSectionHead {
    margin-top: 8px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.03em;
}

    h2.dnnFormSectionHead a {
        display: block;
        padding-left: 3px;
        background: url("/cmis5/images/down-icn.png") no-repeat right 50%;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        letter-spacing: normal;
        font-weight: normal;
    }

        h2.dnnFormSectionHead a:hover {
            color: #222;
            background: rgba(2,139,255,0.05) /* blue */ url("/cmis5/images/down-icn.png") no-repeat right 50%;
        }

        h2.dnnFormSectionHead a.dnnSectionExpanded {
            background: url("/cmis5/images/up-icn.png") no-repeat right 50%;
            color: #222;
        }

            h2.dnnFormSectionHead a.dnnSectionExpanded:hover {
                color: #222;
                background: rgba(2,139,255,0.05) /* blue */ url("/cmis5/images/up-icn.png") no-repeat right 50%; /* ACTIVE BLUE */
            }

/*-------------------------------------*/
/* VERTICAL TABS */
/*-------------------------------------*/
.dnnVerticalTabs {
    margin-left: 0;
}

    .dnnVerticalTabs li {
        list-style: none;
    }

        .dnnVerticalTabs li a {
            display: block;
            padding: 15px 15px;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            background: rgba(0, 0, 0, 0.04);
            color: #999;
            text-decoration: none;
        }

            .dnnVerticalTabs li a:hover {
                background: rgba(0, 0, 0, 0.06);
                color: #333;
            }

        .dnnVerticalTabs li.active a {
            background: none;
            color: #333;
            border-right: 1px solid transparent;
        }

.tabBody {
    display: none;
}

/*-------------------------------------*/
/* SCROLL BAR */
/*-------------------------------------*/

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 100%;
    background: #ccc;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 11px;
    background: #ccc;
}

    .jspVerticalBar *,
    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: transparent;
    position: relative;
}

.jspVerticalBar .jspTrack {
    width: 10px;
    margin: 0 0 0 3px;
}

.jspHorizontalBar .jspTrack {
    height: 5px;
    margin: 3px 0 3px 0;
}

.jspVerticalBar .jspCap {
    display: block;
    height: 3px;
    width: 11px;
}

.jspHorizontalBar .jspCap {
    display: block;
    width: 3px;
    height: 11px;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    opacity: .75;
    background: #000;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 5px;
}

/*-------------------------------------*/
/* UPGRADE FIXES */
/*-------------------------------------*/

/* Compatible with some old forge modules---*/
div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons label {
    display: inline !important;
}

div.ModDNNAnnouncementsC table.ucLinkTypeRadioButtons span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNAnnouncementsC .urlControl label, div.ModDNNLinksC .urlControl label {
    display: inline !important;
}

div.ModDNNFAQsC .Normal {
    width: auto !important;
}

div.ModDNNFeedbackC .dnnFormItem > label {
    display: inline-block;
    width: 33%;
    text-align: right;
}

div.ModDNNUserDefinedTableC div.RadEditor {
    height: auto !important;
}

div.ModDNNUserDefinedTableC ul.dnnActions {
    display: block;
}

div.ModDNNIFrameC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

div.ModDNNIFrameC table.Normal td .dnnLabel {
    width: 100px;
}

div.ModDNNIFrameC table.Normal td span.dnnRadiobutton {
    margin: 5px 0 0 30px;
}

div.ModDNNLinksC .urlControl span.dnnRadiobutton {
    display: inline !important;
}

/*-------------------------------------*/
/* GENERIC CLASSES */
/*-------------------------------------*/
.left {
    float: left;
}

.right {
    float: right;
}

.dnnLeft {
    float: left;
}

.dnnRight {
    float: right;
}

.dnnClear {
    clear: both;
}

    .dnnClear:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }

* + html .dnnClear {
    min-height: 1%;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft {
    text-align: left;
}

.DNNAlignright {
    text-align: right;
}

.DNNAligncenter {
    text-align: center;
}

/* used to collapse panes without any content in them */
body:not(.dnnEditState) .DNNEmptyPane {
    width: 0px;
}

/* style to apply if the content should be hidden */
.Hidden {
    display: none;
}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
/*Edit In Place Tool Bar Classes*/
.eipbackimg {
	position:absolute;
	margin-top:-32px;
	white-space:nowrap;
	background:url("/cmis5/images/eip_toolbar.png") repeat-x;
	height:32px;
	z-index: 1;
}
.eipbackimg.editMode {
	border: 1px solid #777777 !important;
	background: -moz-linear-gradient(top, #303030 0%, #191919 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#191919)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #303030 0%,#191919 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #303030 0%,#191919 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #303030 0%,#191919 100%) !important; /* W3C */
	opacity: 0.8;
}
.eipbackimg.containerTitle {
	margin-top: -8px;
}
.eipbackimg.containerTitle.editMode {
	left: auto;
	right: 0px;
	margin-top: 2px;
	background: none !important;
	border: none !important;
}
.eipbuttonbackimg{
	width: 32px;
	height: 32px; 
	cursor: pointer;
	float:left;
	background: url("/cmis5/images/eip_toolbar.png") no-repeat;
	
}
.eipbackimg.editMode .eipbuttonbackimg {
	border-left: 1px solid #1f1f1f;
	border-right: 1px solid #393939;
	opacity: 0.5;
}

.eipbackimg.editMode.containerTitle .eipbuttonbackimg {
	border: none;
	opacity: 1;
}

.eipbuttonbackimg.eipbutton_cancel{ background-position: -32px 0;}
.eipbuttonbackimg.eipbutton_bold{ background-position: -64px 0;}
.eipbuttonbackimg.eipbutton_italic{ background-position: -96px 0;}
.eipbuttonbackimg.eipbutton_underline{ background-position: -128px 0;}
.eipbuttonbackimg.eipbutton_justifyleft{ background-position: -160px 0;}
.eipbuttonbackimg.eipbutton_justifycenter{ background-position: -192px 0;}
.eipbuttonbackimg.eipbutton_justifyright{ background-position: -224px 0;}
.eipbuttonbackimg.eipbutton_orderedlist{ background-position: -256px 0;}
.eipbuttonbackimg.eipbutton_unorderedlist{ background-position: -288px 0;}
.eipbuttonbackimg.eipbutton_outdent{ background-position: -320px 0;}
.eipbuttonbackimg.eipbutton_indent{ background-position: -352px 0;}
.eipbuttonbackimg.eipbutton_createlink{ background-position: -384px 0;}

.eipbackimg.containerTitle .eipbutton_cancel {
	background: url("/cmis5/images/eip_title_cancel.png") no-repeat center center;
}

.eipbutton_edit {
	background: url("/cmis5/images/eip_edit.png") no-repeat 100% center;
	float:left;
}

.eipbutton_save {
	background: url("/cmis5/images/eip_save.png") no-repeat 100% center;
	float:left;
}
.eipbackimg.containerTitle .eipbutton_save {
	background-image: url("/cmis5/images/eip_title_save.png");
}

.eipbackimg.editMode .eipborderhover {
	background-color: #333;
	opacity: 1;
}
.eipbackimg.editMode.containerTitle .eipborderhover {
	background-color: inherit;
}
div[id$=titleLabel_tb].visible ~ span{ margin-left: 32px;}

/*Critical Error Popup*/
div.errorWin p{ margin: 0 0 10px 0;}

input[type="button"].rspCollapseBarSpacer
{ min-width: 0; padding: 0 0; }


/*------------------------------------------------*/
/* DEFAULT PROFILE STYLE */
/*------------------------------------------------*/

.UserProfileControls ul li {
    list-style-type: none;
}

/*------------------------------------------------*/
/* PROFILE STYLE */
/*------------------------------------------------*/
.console.profile {
    /*width: 250px;*/
    width:100% !important; /* updated for responsive*/
    height: auto;
    background-color: #484848; /* Menu Background Color */
}

.console.profile .console-none div {
    cursor: pointer;
    cursor: hand;
    float: left;
    height: auto;
    /*width: 250px;*/
    width:100% !important; /* updated for responsive*/
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.console.profile .console-none h3 {
    padding: 10px 8px 10px 40px;
    margin: 0;
    border-bottom: solid 1px #fff;
    background: url("/cmis5/Resources/images/arrow-right-white.png") 18px center no-repeat;
    color: #eee;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
}

.console.profile .console-none div div {
    display: none;
}

.console.profile .console-mouseon {
    background-color: #70b1c7; /* Menu Hover Background Color */
}
/*-------------------------------------------------*/

/* Login/register/reset paswsword controls in mobile view */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView{
	margin: 0;
	padding: 0;
	width: 100%;
	height: inherit !important;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage{
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 0 10px 0;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage.dnnFormValidationSummary{
	padding: 10px;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .LoginPanel,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSendPasswordContent,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm {
    width: 100%;
	padding: 18px 0 0 0;
    margin: 0;
    float: none;	
	min-width: inherit !important;	
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm{
	width: 100%;
	margin: 0;
	float: none;
	min-width: inherit !important;
}



body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: 100% !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
	padding: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnSocialRegistration{
	display: none;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnCaptcha{
	width: 100%;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnLeft img{
	display: block;
	margin: 0 0 5px 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel a.dnnFormHelp{
	display: none !important;
	width: 0 !important;
	margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel div.dnnTooltip{
	display: none !important;
	width: 0 !important;
	position: static !important;
	right: 0 !important;
	margin: 0 !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem input[type="text"],
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="password"]{
    display: block;
    box-sizing: border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100% !important;
	margin-bottom: 18px;
	min-width: 100% !important;	
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > span#dnn_ctr_Login_Login_DNN_lblLogin{
	display: none !important;
	width: 0;
	margin: 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem span.dnnFormMessage.dnnFormError{
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	right: 0;
	width: auto;
	max-width: 100%;
	padding: 10px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnPrimaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm.dnnLoginService a.dnnSecondaryAction{
	width: 45%;
	padding: 18px 0 18px 0;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginRememberMe{
	display: block;
	float: left;
	margin: 10px 0 0 5px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnLoginActions {
	display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnSecondaryAction,
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions a.dnnPrimaryAction{
	width: 100%;
	padding: 18px 0 18px 0;
	display: block;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions{
	padding: 0;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnActions li{
	width: 45%;
}

/* password strength control in iPopup */
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .password-strength-container{
	width: 100%;
	margin: 0 0 12px 0;
	padding: 8px 0 8px 0;
	display: block;
	max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"]{
	display: block;
	margin: 0 8px 0 8px;
	width: calc(100% - 20px);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container span.min-length-text{
	display: block;	
	margin: 5px 0 5px 8px;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container div.meter{
	float: none;	
	width: 90%;
	margin: 0 0 0 8px;
}
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem input.unmatched{
	background: none !important;
}

body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-tooltip, 
body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .confirm-password-tooltip{
	display: none !important;
}

.mobileView .dnnFormPopup .ui-dialog-content, .mobileVie #iPopUp .ui-dialog-content {
    max-height: none !important; 
}

.mobileView .ui-widget-overlay {
    display: none;
}
.dnnFormPopup.dnnFormPopupMobileView {
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-shadow: none !important;
}
.dnnFormPopup.dnnFormPopupMobileView div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    display: none;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-titlebar {
    border-bottom: none;
    cursor: inherit;
    font-size: 22px;
    color: #000;
    padding: 5px 0 0 0;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel {
    display: block;
    text-align: left;
    float: none;
    width: auto !important;
    font-size: 14px;
    margin: 0 0 7px 0;
    vertical-align: top;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > input[type="text"] {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > textarea,
.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .redactor_box {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnTagsInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 18px;
    max-width: inherit !important;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnForm .dnnFormItem > .dnnLabel > input[type="checkbox"].normalCheckBox {
    display: inline-block;
    margin: 0 5px 0 12px;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormItem span.dnnFormMessage.dnnFormError {
    right: 0;
    width: auto;
    border-radius: 0;
    text-align: right;
    max-width: 100%;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    width: 49%;
    margin: 0;
    padding: 20px 0 20px 0;
    display: block;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnPrimaryAction {
    float: left;
}

.dnnFormPopup.dnnFormPopupMobileView a.dnnSecondaryAction,
.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane button.dnnSecondaryAction {
    float: right;
}

.dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane {
    border-top: none;
}

    .dnnFormPopup.dnnFormPopupMobileView .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnPrimaryAction,
.dnnFormPopup.dnnFormPopupMobileView .four-btn-panel a.dnnSecondaryAction {
    width: 24%;
    display: inline-block;
    margin-right: 1%;
    float: none;
}

.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 25px 0 15px 0;
}

html.mobileView {
    overflow: auto !important;
}

.mobileView .dnnFormPopup .ui-dialog-content, 
.mobileView #iPopUp .ui-dialog-content {
    max-height: none !important; 
}

.dnnPlaceholder{ color: #666; }

/* DNN Slider Input Style */
div.dnnSliderInput {
	position: relative;
	display: inline-block;
	width: 47%;
    margin:15px 0 23px 0;
    max-width: 445px;
	border: 1px solid #d3d3d3;
	-ms-border-radius: 3px;
	border-radius: 3px;
	height: 10px;
}

div.dnnSliderInput .ui-slider-handle {
	position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    cursor: default;
	border: 1px solid #aaaaaa;
    background-color: #cccccc;
    font-weight: normal;
    color: #555555;
	outline: none;
	top: -2px;
	margin-left: -7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.dnnSliderInput .dnnTooltip {
	top: -37px;
	margin-left: -22px;
}
div.dnnSliderInput .dnnTooltip .dnnFormHelpContent {
	visibility: visible;
	padding: 4px 10px;
	width: 25px;
	text-align: center;
	z-index: 1;
}
/*END DNN Slider Input Style*/

/* Overflow for dnnMenu dropdown */
#dnnMenu .dropdown-menu {
    word-wrap: break-word;
}

/* End Overflow for dnnMenu dropdown */


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*! Jadu CMS content editor defaults */
.text_align_left{text-align:left}.text_align_right{text-align:right}.text_align_center{text-align:center}.indent{margin-left:20px}.indent2{margin-left:40px}.editor strong{font-weight:700}.editor em{font-style:italic}.underline_text{text-decoration:underline}.strikethrough_text{text-decoration:line-through}.underline_and_strikethrough_text,.underline_text.strikethrough_text{text-decoration:line-through underline}.editor sup,.superscript_text{vertical-align:super}.editor sub,.subscript_text{vertical-align:sub}.float_left{float:left}.float_right{float:right}.image_centre{margin:0 auto;display:block}td.highlightCell,tr.highlightRow td{background:#cfc}tr.zebra{background:#ffc}.editor abbr{border-bottom:1px dotted #ccc;cursor:help}div.placeholder{background:#eee;border:1px solid #ccc;padding:2em;color:#333}#editable{border:2px dashed #999;padding:10px}#editable:after{content:".";display:block;height:0;clear:both;visibility:hidden}#toolbar{border:1px solid #ddd;background-color:#eee;padding:.5em}

/*! Jadu CMS homepage widget widths */
.widget-width__1{width:1%}.widget-width__2{width:2%}.widget-width__3{width:3%}.widget-width__4{width:4%}.widget-width__5{width:5%}.widget-width__6{width:6%}.widget-width__7{width:7%}.widget-width__8{width:8%}.widget-width__9{width:9%}.widget-width__10{width:10%}.widget-width__11{width:11%}.widget-width__12{width:12%}.widget-width__13{width:13%}.widget-width__14{width:14%}.widget-width__15{width:15%}.widget-width__16{width:16%}.widget-width__17{width:17%}.widget-width__18{width:18%}.widget-width__19{width:19%}.widget-width__20{width:20%}.widget-width__21{width:21%}.widget-width__22{width:22%}.widget-width__23{width:23%}.widget-width__24{width:24%}.widget-width__25{width:25%}.widget-width__26{width:26%}.widget-width__27{width:27%}.widget-width__28{width:28%}.widget-width__29{width:29%}.widget-width__30{width:30%}.widget-width__31{width:31%}.widget-width__32{width:32%}.widget-width__33{width:33%}.widget-width__34{width:34%}.widget-width__35{width:35%}.widget-width__36{width:36%}.widget-width__37{width:37%}.widget-width__38{width:38%}.widget-width__39{width:39%}.widget-width__40{width:40%}.widget-width__41{width:41%}.widget-width__42{width:42%}.widget-width__43{width:43%}.widget-width__44{width:44%}.widget-width__45{width:45%}.widget-width__46{width:46%}.widget-width__47{width:47%}.widget-width__48{width:48%}.widget-width__49{width:49%}.widget-width__50{width:50%}.widget-width__51{width:51%}.widget-width__52{width:52%}.widget-width__53{width:53%}.widget-width__54{width:54%}.widget-width__55{width:55%}.widget-width__56{width:56%}.widget-width__57{width:57%}.widget-width__58{width:58%}.widget-width__59{width:59%}.widget-width__60{width:60%}.widget-width__61{width:61%}.widget-width__62{width:62%}.widget-width__63{width:63%}.widget-width__64{width:64%}.widget-width__65{width:65%}.widget-width__66{width:66%}.widget-width__67{width:67%}.widget-width__68{width:68%}.widget-width__69{width:69%}.widget-width__70{width:70%}.widget-width__71{width:71%}.widget-width__72{width:72%}.widget-width__73{width:73%}.widget-width__74{width:74%}.widget-width__75{width:75%}.widget-width__76{width:76%}.widget-width__77{width:77%}.widget-width__78{width:78%}.widget-width__79{width:79%}.widget-width__80{width:80%}.widget-width__81{width:81%}.widget-width__82{width:82%}.widget-width__83{width:83%}.widget-width__84{width:84%}.widget-width__85{width:85%}.widget-width__86{width:86%}.widget-width__87{width:87%}.widget-width__88{width:88%}.widget-width__89{width:89%}.widget-width__90{width:90%}.widget-width__91{width:91%}.widget-width__92{width:92%}.widget-width__93{width:93%}.widget-width__94{width:94%}.widget-width__95{width:95%}.widget-width__96{width:96%}.widget-width__97{width:97%}.widget-width__98{width:98%}.widget-width__99{width:99%}.widget-width__100{width:100%}

/*! Jadu CMS user accessibility settings */
.user-scheme__high-contrast,.user-scheme__high-contrast *{background-color:#000!important;color:#ff0!important;border-color:#ff0!important}.user-scheme__high-contrast a:link,.user-scheme__high-contrast a:visited{color:#0ff!important}.user-scheme__high-contrast a:active,.user-scheme__high-contrast a:focus,.user-scheme__high-contrast a:hover{color:#0f0!important}.user-scheme__cream,.user-scheme__cream *{background-color:#fff9d2!important;color:#010066!important;border-color:#010066!important}.user-scheme__cream a:link,.user-scheme__cream a:visited{color:#908000!important}.user-scheme__cream a:active,.user-scheme__cream a:focus,.user-scheme__cream a:hover{color:#004000!important}.user-scheme__blue,.user-scheme__blue *{background-color:#9fcfff!important;color:#010066!important;border-color:#010066!important}.user-scheme__blue a:link,.user-scheme__blue a:visited{color:red!important}.user-scheme__blue a:active,.user-scheme__blue a:focus,.user-scheme__blue a:hover{color:#4500ff!important}.user-size__small{font-size:95%}.user-size__medium{font-size:105%}.user-size__large{font-size:115%}.user-font__comic-sans,.user-font__comic-sans *{font-family:'Comic Sans','Comic Sans MS',cursive}.user-font__courier,.user-font__courier *{font-family:Courier,'Courier New',monospace}.user-font__arial,.user-font__arial *{font-family:Arial,Helvetica,sans-serif}.user-font__times,.user-font__times *{font-family:Times,'Times New Roman',serif}.user-spacing__wide{letter-spacing:.15em}.user-spacing__wider{letter-spacing:.3em}.user-spacing__widest{letter-spacing:.45em}

/* Set a default height for the map, otherwise it will not display */
.map {
    height: 250px;
}

.user-scheme__high-contrast .gmnoprint .gmnoprint div,
.user-scheme__cream .gmnoprint .gmnoprint div,
.user-scheme__blue .gmnoprint .gmnoprint div {
    background: #fff !important;
}

.user-scheme__high-contrast .map div,
.user-scheme__high-contrast .map canvas,
.user-scheme__high-contrast .map img,
.user-scheme__high-contrast .top-menu,
.user-scheme__cream .map div,
.user-scheme__cream .map canvas,
.user-scheme__cream .map img,
.user-scheme__cream .top-menu,
.user-scheme__blue .map div,
.user-scheme__blue .map canvas,
.user-scheme__blue .map img,
.user-scheme__blue .top-menu {
    background: transparent!important ;
}
.user-scheme__high-contrast  .gmnoprint .gm-style-mtc div,
.lt-ie10 .user-scheme__high-contrast .gmnoprint div,
.user-scheme__high-contrast .site-header__identity__heading a:hover,
.user-scheme__high-contrast .wrapper.footer .social-media a:hover {
    background: #000!important;
}
.user-scheme__cream  .gmnoprint .gm-style-mtc div,
.lt-ie10 .user-scheme__cream .gmnoprint div,
.user-scheme__cream .site-header__identity__heading a:hover,
.user-scheme__cream .wrapper.footer .social-media a:hover {
    background: #fff9d2!important;
}
.user-scheme__blue  .gmnoprint .gm-style-mtc div,
.lt-ie10 .user-scheme__blue .gmnoprint div,
.user-scheme__blue .site-header__identity__heading a:hover,
.user-scheme__blue .wrapper.footer .social-media a:hover {
    background: #9fcfff!important;
}

.user-scheme__high-contrast .site-header__identity__heading svg,
.user-scheme__high-contrast .site-footer__logo svg {
    fill: #ff0!important;
}
.user-scheme__high-contrast .social-media svg {
    fill: #0ff!important;
}

.user-scheme__cream .site-header__identity__heading svg,
.user-scheme__cream .site-footer__logo svg  {
    fill: #010066!important;
}
.user-scheme__cream .social-media svg {
    fill: #908000!important;
}

.user-scheme__blue .site-header__identity__heading svg,
.user-scheme__blue .site-footer__logo svg {
    fill: #010066!important;
}
.user-scheme__blue .social-media svg {
    fill: red !important;
}

.user-scheme__high-contrast input::-moz-placeholder {
    color: #fff;
}

.user-scheme__high-contrast input::-webkit-input-placeholder {
    color: #fff;
}

.user-scheme__high-contrast input:-moz-placeholder {
    color: #fff;
}

.user-scheme__high-contrast input:-ms-input-placeholder {
    color: #fff;
}

.user-scheme__cream #search input[type="submit"] {
    background-color: #010066 !important;
}
.user-scheme__cream #search input[type="submit"]:hover,
.user-scheme__cream #search input[type="submit"]:focus,
.user-scheme__cream #search input[type="submit"]:active {
    color: #010066 !important;
    background-color: transparent !important;
}
.user-scheme__high-contrast #search input:hover,
.user-scheme__high-contrast #search input:active,
.user-scheme__high-contrast #search input:focus,
.user-scheme__cream #search input:hover,
.user-scheme__cream #search input:active,
.user-scheme__cream #search input:focus,
.user-scheme__blue #search input:hover,
.user-scheme__blue #search input:active,
.user-scheme__blue #search input:focus {
    background-color: transparent !important;
}

.user-scheme__high-contrast #search input:hover,
.user-scheme__high-contrast #search input:focus,
.user-scheme__high-contrast #search input:active {
    color: #fff !important;
}
.user-scheme__cream #search input:hover,
.user-scheme__cream #search input:focus,
.user-scheme__cream #search input:active,
.user-scheme__blue #search input:hover,
.user-scheme__blue #search input:focus,
.user-scheme__blue #search input:active {
    color: #010066 !important;
}


.user-scheme__high-contrast .calendar .today {
    background: rgba(255, 255, 255, .2) !important;
}
.user-scheme__blue .calendar .today,
.user-scheme__cream .calendar .today {
    background: rgba(1, 0, 102, .1) !important;
}

.user-scheme__high-contrast a:link,.user-scheme__high-contrast a:visited{color:#0ff!important; border-color:#0ff!important}
body.user-scheme__high-contrast a:active,body.user-scheme__high-contrast a:focus,body.user-scheme__high-contrast a:hover {color:#000!important; background:#0f0!important; border-color:#0f0!important}

.user-scheme__cream a:link,.user-scheme__cream a:visited{color:#908000!important; border-color:#908000!important}
body.user-scheme__cream a:active,body.user-scheme__cream a:focus,body.user-scheme__cream a:hover, body.user-scheme__cream a.button:hover {color:#fff9d2!important; background:#004000!important; border-color:#004000!important;}
body.user-scheme__cream span.button:hover{ background: none!important; color: #010066!important; border-color: #010066!important; }

.user-scheme__blue a:link,.user-scheme__blue a:visited{color:red!important; border-color:red!important}
.user-scheme__blue a:active,.user-scheme__blue a:focus,.user-scheme__blue a:hover{color:#9fcfff!important; background:#4500ff!important; border-color:#4500ff!important}

@import url(//fonts.googleapis.com/css?family=Domine:400,700);
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
@import url("//fonts.googleapis.com/css?family=Domine:400,700");

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

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

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

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

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

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

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

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

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

p, pre {
    margin: 1em 0;
}

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

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

q {
    quotes: none;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

dd {
    margin: 0 0 0 40px;
}

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

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

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

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

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

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

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

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

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

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

input {
    font-family: "Open Sans",sans-serif;
}

.visually-hidden, .form__block table td > label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.show-grid:nth-child(2n+1) div {
    background: #fac8f0;
}

.show-grid:nth-child(3n+1) div {
    background: #c8faf0;
}

.show-grid div {
    height: 200px;
    background: #b4c8f0;
}

.container, .site-header {
    width: 100%;
    max-width: 1100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    display: block;
    margin-bottom: 1.2em;
    clear: both;
    overflow: hidden;
}

.grid-master {
    position: absolute;
    z-index: -1;
    text-align: center;
    overflow: auto;
    width: 100%;
}

.grid-overlay {
    height: 2000px;
}

    .grid-overlay div {
        height: 2000px;
        background: rgba(255,0,0,0.1) !important;
    }

.column, .span-1, .span-2, .logo, .sidebar__secondary, .span-3, .site-header .form__search, .sidebar__primary, .span-4, .span-5, .span-6, .site-header .item-list, #content, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {
    margin-right: 1.81818%;
    display: block;
    float: left;
    position: relative;
}

    .column:last-child, .span-1:last-child, .span-2:last-child, .logo:last-child, .sidebar__secondary:last-child, .span-3:last-child, .site-header .form__search:last-child, .sidebar__primary:last-child, .span-4:last-child, .span-5:last-child, .span-6:last-child, .site-header .item-list:last-child, #content:last-child, .span-7:last-child, .span-8:last-child, .span-9:last-child, .span-10:last-child, .span-11:last-child, .span-12:last-child {
        margin-right: 0;
    }

@media (max-width: 599px) {
    .column, .span-1, .span-2, .logo, .sidebar__secondary, .span-3, .site-header .form__search, .sidebar__primary, .span-4, .span-5, .span-6, .site-header .item-list, #content, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 {
        width: 100% !important;
        margin-right: 0;
        margin-left: 0 !important;
        float: none;
        clear: both;
    }
}

.pull-right, .site-header .form__search {
    float: right;
    margin-left: 0;
}

    .pull-right:last-child, .site-header .form__search:last-child {
        margin-right: 1.81818%;
    }

.span-1 {
    width: 6.66667%;
}

.push-1 {
    left: 6.66667%;
    right: auto;
}

.pull-1 {
    right: 6.66667%;
    left: auto;
}

.span-2, .logo, .sidebar__secondary {
    width: 15.15152%;
}

    .span-2 .one-eigth, .logo .one-eigth, .sidebar__secondary .one-eigth {
        width: 1.80556%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .one-eigth:last-child, .logo .one-eigth:last-child, .sidebar__secondary .one-eigth:last-child {
            margin-right: 0;
        }

    .span-2 .one-seventh, .logo .one-seventh, .sidebar__secondary .one-seventh {
        width: 3.80952%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .one-seventh:last-child, .logo .one-seventh:last-child, .sidebar__secondary .one-seventh:last-child {
            margin-right: 0;
        }

    .span-2 .one-sixth, .logo .one-sixth, .sidebar__secondary .one-sixth {
        width: 6.48148%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .one-sixth:last-child, .logo .one-sixth:last-child, .sidebar__secondary .one-sixth:last-child {
            margin-right: 0;
        }

    .span-2 .one-fith, .logo .one-fith, .sidebar__secondary .one-fith {
        width: 10.22222%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .one-fith:last-child, .logo .one-fith:last-child, .sidebar__secondary .one-fith:last-child {
            margin-right: 0;
        }

    .span-2 .three-eigths, .logo .three-eigths, .sidebar__secondary .three-eigths {
        width: 29.86111%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .three-eigths:last-child, .logo .three-eigths:last-child, .sidebar__secondary .three-eigths:last-child {
            margin-right: 0;
        }

    .span-2 .one-quarter, .logo .one-quarter, .sidebar__secondary .one-quarter {
        width: 15.83333%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .one-quarter:last-child, .logo .one-quarter:last-child, .sidebar__secondary .one-quarter:last-child {
            margin-right: 0;
        }

    .span-2 .two-sevenths, .logo .two-sevenths, .sidebar__secondary .two-sevenths {
        width: 19.84127%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .two-sevenths:last-child, .logo .two-sevenths:last-child, .sidebar__secondary .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-2 .two-fiths, .logo .two-fiths, .sidebar__secondary .two-fiths {
        width: 32.66667%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .two-fiths:last-child, .logo .two-fiths:last-child, .sidebar__secondary .two-fiths:last-child {
            margin-right: 0;
        }

    .span-2 .one-third, .logo .one-third, .sidebar__secondary .one-third {
        width: 25.18519%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .one-third:last-child, .logo .one-third:last-child, .sidebar__secondary .one-third:last-child {
            margin-right: 0;
        }

    .span-2 .three-sevenths, .logo .three-sevenths, .sidebar__secondary .three-sevenths {
        width: 35.87302%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .three-sevenths:last-child, .logo .three-sevenths:last-child, .sidebar__secondary .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-2 .half, .logo .half, .sidebar__secondary .half {
        width: 43.88889%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .half:last-child, .logo .half:last-child, .sidebar__secondary .half:last-child {
            margin-right: 0;
        }

    .span-2 .five-eigths, .logo .five-eigths, .sidebar__secondary .five-eigths {
        width: 57.91667%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .five-eigths:last-child, .logo .five-eigths:last-child, .sidebar__secondary .five-eigths:last-child {
            margin-right: 0;
        }

    .span-2 .four-sevenths, .logo .four-sevenths, .sidebar__secondary .four-sevenths {
        width: 51.90476%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .four-sevenths:last-child, .logo .four-sevenths:last-child, .sidebar__secondary .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-2 .three-fiths, .logo .three-fiths, .sidebar__secondary .three-fiths {
        width: 55.11111%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .three-fiths:last-child, .logo .three-fiths:last-child, .sidebar__secondary .three-fiths:last-child {
            margin-right: 0;
        }

    .span-2 .two-thirds, .logo .two-thirds, .sidebar__secondary .two-thirds {
        width: 62.59259%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .two-thirds:last-child, .logo .two-thirds:last-child, .sidebar__secondary .two-thirds:last-child {
            margin-right: 0;
        }

    .span-2 .three-quarters, .logo .three-quarters, .sidebar__secondary .three-quarters {
        width: 71.94444%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .three-quarters:last-child, .logo .three-quarters:last-child, .sidebar__secondary .three-quarters:last-child {
            margin-right: 0;
        }

    .span-2 .five-sevenths, .logo .five-sevenths, .sidebar__secondary .five-sevenths {
        width: 67.93651%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .five-sevenths:last-child, .logo .five-sevenths:last-child, .sidebar__secondary .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-2 .four-fiths, .logo .four-fiths, .sidebar__secondary .four-fiths {
        width: 77.55556%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .four-fiths:last-child, .logo .four-fiths:last-child, .sidebar__secondary .four-fiths:last-child {
            margin-right: 0;
        }

    .span-2 .five-sixths, .logo .five-sixths, .sidebar__secondary .five-sixths {
        width: 81.2963%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .five-sixths:last-child, .logo .five-sixths:last-child, .sidebar__secondary .five-sixths:last-child {
            margin-right: 0;
        }

    .span-2 .six-sevenths, .logo .six-sevenths, .sidebar__secondary .six-sevenths {
        width: 83.96825%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .six-sevenths:last-child, .logo .six-sevenths:last-child, .sidebar__secondary .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-2 .seven-eigths, .logo .seven-eigths, .sidebar__secondary .seven-eigths {
        width: 85.97222%;
        margin-right: 12.22222%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-2 .seven-eigths:last-child, .logo .seven-eigths:last-child, .sidebar__secondary .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-2 {
        left: 15.15152%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-2 {
        right: 15.15152%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-3, .site-header .form__search, .sidebar__primary {
    width: 23.63636%;
}

    .span-3 .one-eigth, .site-header .form__search .one-eigth, .sidebar__primary .one-eigth {
        width: 5.64459%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .one-eigth:last-child, .site-header .form__search .one-eigth:last-child, .sidebar__primary .one-eigth:last-child {
            margin-right: 0;
        }

    .span-3 .one-seventh, .site-header .form__search .one-seventh, .sidebar__primary .one-seventh {
        width: 7.57021%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .one-seventh:last-child, .site-header .form__search .one-seventh:last-child, .sidebar__primary .one-seventh:last-child {
            margin-right: 0;
        }

    .span-3 .one-sixth, .site-header .form__search .one-sixth, .sidebar__primary .one-sixth {
        width: 10.1377%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .one-sixth:last-child, .site-header .form__search .one-sixth:last-child, .sidebar__primary .one-sixth:last-child {
            margin-right: 0;
        }

    .span-3 .one-fith, .site-header .form__search .one-fith, .sidebar__primary .one-fith {
        width: 13.73219%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .one-fith:last-child, .site-header .form__search .one-fith:last-child, .sidebar__primary .one-fith:last-child {
            margin-right: 0;
        }

    .span-3 .three-eigths, .site-header .form__search .three-eigths, .sidebar__primary .three-eigths {
        width: 32.60328%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .three-eigths:last-child, .site-header .form__search .three-eigths:last-child, .sidebar__primary .three-eigths:last-child {
            margin-right: 0;
        }

    .span-3 .one-quarter, .site-header .form__search .one-quarter, .sidebar__primary .one-quarter {
        width: 19.12393%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .one-quarter:last-child, .site-header .form__search .one-quarter:last-child, .sidebar__primary .one-quarter:last-child {
            margin-right: 0;
        }

    .span-3 .two-sevenths, .site-header .form__search .two-sevenths, .sidebar__primary .two-sevenths {
        width: 22.97517%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .two-sevenths:last-child, .site-header .form__search .two-sevenths:last-child, .sidebar__primary .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-3 .two-fiths, .site-header .form__search .two-fiths, .sidebar__primary .two-fiths {
        width: 35.29915%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .two-fiths:last-child, .site-header .form__search .two-fiths:last-child, .sidebar__primary .two-fiths:last-child {
            margin-right: 0;
        }

    .span-3 .one-third, .site-header .form__search .one-third, .sidebar__primary .one-third {
        width: 28.11016%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .one-third:last-child, .site-header .form__search .one-third:last-child, .sidebar__primary .one-third:last-child {
            margin-right: 0;
        }

    .span-3 .three-sevenths, .site-header .form__search .three-sevenths, .sidebar__primary .three-sevenths {
        width: 38.38014%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .three-sevenths:last-child, .site-header .form__search .three-sevenths:last-child, .sidebar__primary .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-3 .half, .site-header .form__search .half, .sidebar__primary .half {
        width: 46.08262%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .half:last-child, .site-header .form__search .half:last-child, .sidebar__primary .half:last-child {
            margin-right: 0;
        }

    .span-3 .five-eigths, .site-header .form__search .five-eigths, .sidebar__primary .five-eigths {
        width: 59.56197%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .five-eigths:last-child, .site-header .form__search .five-eigths:last-child, .sidebar__primary .five-eigths:last-child {
            margin-right: 0;
        }

    .span-3 .four-sevenths, .site-header .form__search .four-sevenths, .sidebar__primary .four-sevenths {
        width: 53.7851%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .four-sevenths:last-child, .site-header .form__search .four-sevenths:last-child, .sidebar__primary .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-3 .three-fiths, .site-header .form__search .three-fiths, .sidebar__primary .three-fiths {
        width: 56.8661%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .three-fiths:last-child, .site-header .form__search .three-fiths:last-child, .sidebar__primary .three-fiths:last-child {
            margin-right: 0;
        }

    .span-3 .two-thirds, .site-header .form__search .two-thirds, .sidebar__primary .two-thirds {
        width: 64.05508%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .two-thirds:last-child, .site-header .form__search .two-thirds:last-child, .sidebar__primary .two-thirds:last-child {
            margin-right: 0;
        }

    .span-3 .three-quarters, .site-header .form__search .three-quarters, .sidebar__primary .three-quarters {
        width: 73.04131%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .three-quarters:last-child, .site-header .form__search .three-quarters:last-child, .sidebar__primary .three-quarters:last-child {
            margin-right: 0;
        }

    .span-3 .five-sevenths, .site-header .form__search .five-sevenths, .sidebar__primary .five-sevenths {
        width: 69.19007%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .five-sevenths:last-child, .site-header .form__search .five-sevenths:last-child, .sidebar__primary .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-3 .four-fiths, .site-header .form__search .four-fiths, .sidebar__primary .four-fiths {
        width: 78.43305%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .four-fiths:last-child, .site-header .form__search .four-fiths:last-child, .sidebar__primary .four-fiths:last-child {
            margin-right: 0;
        }

    .span-3 .five-sixths, .site-header .form__search .five-sixths, .sidebar__primary .five-sixths {
        width: 82.02754%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .five-sixths:last-child, .site-header .form__search .five-sixths:last-child, .sidebar__primary .five-sixths:last-child {
            margin-right: 0;
        }

    .span-3 .six-sevenths, .site-header .form__search .six-sevenths, .sidebar__primary .six-sevenths {
        width: 84.59503%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .six-sevenths:last-child, .site-header .form__search .six-sevenths:last-child, .sidebar__primary .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-3 .seven-eigths, .site-header .form__search .seven-eigths, .sidebar__primary .seven-eigths {
        width: 86.52066%;
        margin-right: 7.83476%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-3 .seven-eigths:last-child, .site-header .form__search .seven-eigths:last-child, .sidebar__primary .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-3 {
        left: 17.63636%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-3 {
        right: 23.63636%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-4 {
    width: 32.12121%;
}

    .span-4 .one-eigth {
        width: 7.45545%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-4 .one-seventh {
        width: 9.34412%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-4 .one-sixth {
        width: 11.86233%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-4 .one-fith {
        width: 15.38784%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .one-fith:last-child {
            margin-right: 0;
        }

    .span-4 .three-eigths {
        width: 33.89675%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-4 .one-quarter {
        width: 20.6761%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-4 .two-sevenths {
        width: 24.45343%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-4 .two-fiths {
        width: 36.54088%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-4 .one-third {
        width: 29.48987%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .one-third:last-child {
            margin-right: 0;
        }

    .span-4 .three-sevenths {
        width: 39.56274%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-4 .half {
        width: 47.1174%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .half:last-child {
            margin-right: 0;
        }

    .span-4 .five-eigths {
        width: 60.33805%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-4 .four-sevenths {
        width: 54.67206%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-4 .three-fiths {
        width: 57.69392%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-4 .two-thirds {
        width: 64.74493%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-4 .three-quarters {
        width: 73.5587%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-4 .five-sevenths {
        width: 69.78137%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-4 .four-fiths {
        width: 78.84696%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-4 .five-sixths {
        width: 82.37247%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-4 .six-sevenths {
        width: 84.89069%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-4 .seven-eigths {
        width: 86.77935%;
        margin-right: 5.7652%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-4 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-4 {
        left: 32.12121%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-4 {
        right: 32.12121%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-5 {
    width: 40.60606%;
}

    .span-5 .one-eigth {
        width: 8.50954%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-5 .one-seventh {
        width: 10.37669%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-5 .one-sixth {
        width: 12.86622%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-5 .one-fith {
        width: 16.35158%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .one-fith:last-child {
            margin-right: 0;
        }

    .span-5 .three-eigths {
        width: 34.64967%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-5 .one-quarter {
        width: 21.5796%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-5 .two-sevenths {
        width: 25.31391%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-5 .two-fiths {
        width: 37.26368%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-5 .one-third {
        width: 30.29298%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .one-third:last-child {
            margin-right: 0;
        }

    .span-5 .three-sevenths {
        width: 40.25113%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-5 .half {
        width: 47.71973%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .half:last-child {
            margin-right: 0;
        }

    .span-5 .five-eigths {
        width: 60.7898%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-5 .four-sevenths {
        width: 55.18834%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-5 .three-fiths {
        width: 58.17579%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-5 .two-thirds {
        width: 65.14649%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-5 .three-quarters {
        width: 73.85987%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-5 .five-sevenths {
        width: 70.12556%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-5 .four-fiths {
        width: 79.08789%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-5 .five-sixths {
        width: 82.57324%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-5 .six-sevenths {
        width: 85.06278%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-5 .seven-eigths {
        width: 86.92993%;
        margin-right: 4.56053%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-5 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-5 {
        left: 40.60606%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-5 {
        right: 40.60606%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-6, .site-header .item-list, #content {
    width: 49.09091%;
}

    .span-6 .one-eigth, .site-header .item-list .one-eigth, #content .one-eigth {
        width: 9.19925%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .one-eigth:last-child, .site-header .item-list .one-eigth:last-child, #content .one-eigth:last-child {
            margin-right: 0;
        }

    .span-6 .one-seventh, .site-header .item-list .one-seventh, #content .one-seventh {
        width: 11.05232%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .one-seventh:last-child, .site-header .item-list .one-seventh:last-child, #content .one-seventh:last-child {
            margin-right: 0;
        }

    .span-6 .one-sixth, .site-header .item-list .one-sixth, #content .one-sixth {
        width: 13.52309%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .one-sixth:last-child, .site-header .item-list .one-sixth:last-child, #content .one-sixth:last-child {
            margin-right: 0;
        }

    .span-6 .one-fith, .site-header .item-list .one-fith, #content .one-fith {
        width: 16.98217%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .one-fith:last-child, .site-header .item-list .one-fith:last-child, #content .one-fith:last-child {
            margin-right: 0;
        }

    .span-6 .three-eigths, .site-header .item-list .three-eigths, #content .three-eigths {
        width: 35.14232%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .three-eigths:last-child, .site-header .item-list .three-eigths:last-child, #content .three-eigths:last-child {
            margin-right: 0;
        }

    .span-6 .one-quarter, .site-header .item-list .one-quarter, #content .one-quarter {
        width: 22.17078%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .one-quarter:last-child, .site-header .item-list .one-quarter:last-child, #content .one-quarter:last-child {
            margin-right: 0;
        }

    .span-6 .two-sevenths, .site-header .item-list .two-sevenths, #content .two-sevenths {
        width: 25.87694%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .two-sevenths:last-child, .site-header .item-list .two-sevenths:last-child, #content .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-6 .two-fiths, .site-header .item-list .two-fiths, #content .two-fiths {
        width: 37.73663%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .two-fiths:last-child, .site-header .item-list .two-fiths:last-child, #content .two-fiths:last-child {
            margin-right: 0;
        }

    .span-6 .one-third, .site-header .item-list .one-third, #content .one-third {
        width: 30.81847%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .one-third:last-child, .site-header .item-list .one-third:last-child, #content .one-third:last-child {
            margin-right: 0;
        }

    .span-6 .three-sevenths, .site-header .item-list .three-sevenths, #content .three-sevenths {
        width: 40.70155%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .three-sevenths:last-child, .site-header .item-list .three-sevenths:last-child, #content .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-6 .half, .site-header .item-list .half, #content .half {
        width: 48.11385%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .half:last-child, .site-header .item-list .half:last-child, #content .half:last-child {
            margin-right: 0;
        }

    .span-6 .five-eigths, .site-header .item-list .five-eigths, #content .five-eigths {
        width: 61.08539%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .five-eigths:last-child, .site-header .item-list .five-eigths:last-child, #content .five-eigths:last-child {
            margin-right: 0;
        }

    .span-6 .four-sevenths, .site-header .item-list .four-sevenths, #content .four-sevenths {
        width: 55.52616%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .four-sevenths:last-child, .site-header .item-list .four-sevenths:last-child, #content .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-6 .three-fiths, .site-header .item-list .three-fiths, #content .three-fiths {
        width: 58.49108%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .three-fiths:last-child, .site-header .item-list .three-fiths:last-child, #content .three-fiths:last-child {
            margin-right: 0;
        }

    .span-6 .two-thirds, .site-header .item-list .two-thirds, #content .two-thirds {
        width: 65.40924%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .two-thirds:last-child, .site-header .item-list .two-thirds:last-child, #content .two-thirds:last-child {
            margin-right: 0;
        }

    .span-6 .three-quarters, .site-header .item-list .three-quarters, #content .three-quarters {
        width: 74.05693%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .three-quarters:last-child, .site-header .item-list .three-quarters:last-child, #content .three-quarters:last-child {
            margin-right: 0;
        }

    .span-6 .five-sevenths, .site-header .item-list .five-sevenths, #content .five-sevenths {
        width: 70.35077%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .five-sevenths:last-child, .site-header .item-list .five-sevenths:last-child, #content .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-6 .four-fiths, .site-header .item-list .four-fiths, #content .four-fiths {
        width: 79.24554%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .four-fiths:last-child, .site-header .item-list .four-fiths:last-child, #content .four-fiths:last-child {
            margin-right: 0;
        }

    .span-6 .five-sixths, .site-header .item-list .five-sixths, #content .five-sixths {
        width: 82.70462%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .five-sixths:last-child, .site-header .item-list .five-sixths:last-child, #content .five-sixths:last-child {
            margin-right: 0;
        }

    .span-6 .six-sevenths, .site-header .item-list .six-sevenths, #content .six-sevenths {
        width: 85.17539%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .six-sevenths:last-child, .site-header .item-list .six-sevenths:last-child, #content .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-6 .seven-eigths, .site-header .item-list .seven-eigths, #content .seven-eigths {
        width: 87.02846%;
        margin-right: 3.77229%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-6 .seven-eigths:last-child, .site-header .item-list .seven-eigths:last-child, #content .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-6 {
        left: 49.09091%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-6 {
        right: 49.09091%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-7 {
    width: 57.57576%;
}

    .span-7 .one-eigth {
        width: 9.68567%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-7 .one-seventh {
        width: 11.52882%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-7 .one-sixth {
        width: 13.98635%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-7 .one-fith {
        width: 17.4269%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .one-fith:last-child {
            margin-right: 0;
        }

    .span-7 .three-eigths {
        width: 35.48977%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-7 .one-quarter {
        width: 22.58772%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-7 .two-sevenths {
        width: 26.27402%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-7 .two-fiths {
        width: 38.07018%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-7 .one-third {
        width: 31.18908%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .one-third:last-child {
            margin-right: 0;
        }

    .span-7 .three-sevenths {
        width: 41.01921%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-7 .half {
        width: 48.39181%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .half:last-child {
            margin-right: 0;
        }

    .span-7 .five-eigths {
        width: 61.29386%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-7 .four-sevenths {
        width: 55.76441%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-7 .three-fiths {
        width: 58.71345%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-7 .two-thirds {
        width: 65.59454%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-7 .three-quarters {
        width: 74.19591%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-7 .five-sevenths {
        width: 70.50961%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-7 .four-fiths {
        width: 79.35673%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-7 .five-sixths {
        width: 82.79727%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-7 .six-sevenths {
        width: 85.2548%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-7 .seven-eigths {
        width: 87.09795%;
        margin-right: 3.21637%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-7 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-7 {
        left: 57.57576%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-7 {
        right: 57.57576%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-8 {
    width: 66.06061%;
}

    .span-8 .one-eigth {
        width: 10.04715%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-8 .one-seventh {
        width: 11.88292%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-8 .one-sixth {
        width: 14.33062%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-8 .one-fith {
        width: 17.75739%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .one-fith:last-child {
            margin-right: 0;
        }

    .span-8 .three-eigths {
        width: 35.74796%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-8 .one-quarter {
        width: 22.89755%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-8 .two-sevenths {
        width: 26.5691%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-8 .two-fiths {
        width: 38.31804%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-8 .one-third {
        width: 31.46449%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .one-third:last-child {
            margin-right: 0;
        }

    .span-8 .three-sevenths {
        width: 41.25528%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-8 .half {
        width: 48.59837%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .half:last-child {
            margin-right: 0;
        }

    .span-8 .five-eigths {
        width: 61.44878%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-8 .four-sevenths {
        width: 55.94146%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-8 .three-fiths {
        width: 58.8787%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-8 .two-thirds {
        width: 65.73225%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-8 .three-quarters {
        width: 74.29918%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-8 .five-sevenths {
        width: 70.62764%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-8 .four-fiths {
        width: 79.43935%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-8 .five-sixths {
        width: 82.86612%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-8 .six-sevenths {
        width: 85.31382%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-8 .seven-eigths {
        width: 87.14959%;
        margin-right: 2.80326%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-8 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-8 {
        left: 66.06061%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-8 {
        right: 66.06061%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-9 {
    width: 74.54545%;
}

    .span-9 .one-eigth {
        width: 10.32633%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-9 .one-seventh {
        width: 12.15641%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-9 .one-sixth {
        width: 14.59651%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-9 .one-fith {
        width: 18.01265%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .one-fith:last-child {
            margin-right: 0;
        }

    .span-9 .three-eigths {
        width: 35.94738%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-9 .one-quarter {
        width: 23.13686%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-9 .two-sevenths {
        width: 26.79701%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-9 .two-fiths {
        width: 38.50949%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-9 .one-third {
        width: 31.67721%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .one-third:last-child {
            margin-right: 0;
        }

    .span-9 .three-sevenths {
        width: 41.4376%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-9 .half {
        width: 48.7579%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .half:last-child {
            margin-right: 0;
        }

    .span-9 .five-eigths {
        width: 61.56843%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-9 .four-sevenths {
        width: 56.0782%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-9 .three-fiths {
        width: 59.00632%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-9 .two-thirds {
        width: 65.8386%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-9 .three-quarters {
        width: 74.37895%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-9 .five-sevenths {
        width: 70.7188%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-9 .four-fiths {
        width: 79.50316%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-9 .five-sixths {
        width: 82.9193%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-9 .six-sevenths {
        width: 85.3594%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-9 .seven-eigths {
        width: 87.18948%;
        margin-right: 2.48419%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-9 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-9 {
        left: 74.54545%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-9 {
        right: 74.54545%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-10 {
    width: 83.0303%;
}

    .span-10 .one-eigth {
        width: 10.54846%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-10 .one-seventh {
        width: 12.374%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-10 .one-sixth {
        width: 14.80806%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-10 .one-fith {
        width: 18.21573%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .one-fith:last-child {
            margin-right: 0;
        }

    .span-10 .three-eigths {
        width: 36.10604%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-10 .one-quarter {
        width: 23.32725%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-10 .two-sevenths {
        width: 26.97833%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-10 .two-fiths {
        width: 38.6618%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-10 .one-third {
        width: 31.84644%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .one-third:last-child {
            margin-right: 0;
        }

    .span-10 .three-sevenths {
        width: 41.58267%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-10 .half {
        width: 48.88483%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .half:last-child {
            margin-right: 0;
        }

    .span-10 .five-eigths {
        width: 61.66363%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-10 .four-sevenths {
        width: 56.187%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-10 .three-fiths {
        width: 59.10787%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-10 .two-thirds {
        width: 65.92322%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-10 .three-quarters {
        width: 74.44242%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-10 .five-sevenths {
        width: 70.79133%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-10 .four-fiths {
        width: 79.55393%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-10 .five-sixths {
        width: 82.96161%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-10 .six-sevenths {
        width: 85.39567%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-10 .seven-eigths {
        width: 87.22121%;
        margin-right: 2.23033%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-10 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-10 {
        left: 83.0303%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-10 {
        right: 83.0303%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-11 {
    width: 91.51515%;
}

    .span-11 .one-eigth {
        width: 10.7294%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-11 .one-seventh {
        width: 12.55125%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-11 .one-sixth {
        width: 14.98038%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-11 .one-fith {
        width: 18.38116%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .one-fith:last-child {
            margin-right: 0;
        }

    .span-11 .three-eigths {
        width: 36.23528%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-11 .one-quarter {
        width: 23.48234%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-11 .two-sevenths {
        width: 27.12604%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-11 .two-fiths {
        width: 38.78587%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-11 .one-third {
        width: 31.9843%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .one-third:last-child {
            margin-right: 0;
        }

    .span-11 .three-sevenths {
        width: 41.70083%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-11 .half {
        width: 48.98823%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .half:last-child {
            margin-right: 0;
        }

    .span-11 .five-eigths {
        width: 61.74117%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-11 .four-sevenths {
        width: 56.27562%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-11 .three-fiths {
        width: 59.19058%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-11 .two-thirds {
        width: 65.99215%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-11 .three-quarters {
        width: 74.49411%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-11 .five-sevenths {
        width: 70.85042%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-11 .four-fiths {
        width: 79.59529%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-11 .five-sixths {
        width: 82.99608%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-11 .six-sevenths {
        width: 85.42521%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-11 .seven-eigths {
        width: 87.24706%;
        margin-right: 2.02355%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-11 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-11 {
        left: 91.51515%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-11 {
        right: 91.51515%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.span-12 {
    width: 100%;
}

    .span-12 .one-eigth {
        width: 10.87963%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .one-eigth:last-child {
            margin-right: 0;
        }

    .span-12 .one-seventh {
        width: 12.69841%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .one-seventh:last-child {
            margin-right: 0;
        }

    .span-12 .one-sixth {
        width: 15.12346%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .one-sixth:last-child {
            margin-right: 0;
        }

    .span-12 .one-fith {
        width: 18.51852%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .one-fith:last-child {
            margin-right: 0;
        }

    .span-12 .three-eigths {
        width: 36.34259%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .three-eigths:last-child {
            margin-right: 0;
        }

    .span-12 .one-quarter {
        width: 23.61111%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .one-quarter:last-child {
            margin-right: 0;
        }

    .span-12 .two-sevenths {
        width: 27.24868%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .two-sevenths:last-child {
            margin-right: 0;
        }

    .span-12 .two-fiths {
        width: 38.88889%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .two-fiths:last-child {
            margin-right: 0;
        }

    .span-12 .one-third {
        width: 32.09877%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .one-third:last-child {
            margin-right: 0;
        }

    .span-12 .three-sevenths {
        width: 41.79894%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .three-sevenths:last-child {
            margin-right: 0;
        }

    .span-12 .half {
        width: 49.07407%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .half:last-child {
            margin-right: 0;
        }

    .span-12 .five-eigths {
        width: 61.80556%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .five-eigths:last-child {
            margin-right: 0;
        }

    .span-12 .four-sevenths {
        width: 56.34921%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .four-sevenths:last-child {
            margin-right: 0;
        }

    .span-12 .three-fiths {
        width: 59.25926%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .three-fiths:last-child {
            margin-right: 0;
        }

    .span-12 .two-thirds {
        width: 66.04938%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .two-thirds:last-child {
            margin-right: 0;
        }

    .span-12 .three-quarters {
        width: 74.53704%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .three-quarters:last-child {
            margin-right: 0;
        }

    .span-12 .five-sevenths {
        width: 70.89947%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .five-sevenths:last-child {
            margin-right: 0;
        }

    .span-12 .four-fiths {
        width: 79.62963%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .four-fiths:last-child {
            margin-right: 0;
        }

    .span-12 .five-sixths {
        width: 83.02469%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .five-sixths:last-child {
            margin-right: 0;
        }

    .span-12 .six-sevenths {
        width: 85.44974%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .six-sevenths:last-child {
            margin-right: 0;
        }

    .span-12 .seven-eigths {
        width: 87.26852%;
        margin-right: 1.85185%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .span-12 .seven-eigths:last-child {
            margin-right: 0;
        }

@media only screen and (min-width: 600px) {
    .push-12 {
        left: 100%;
        right: auto;
        margin-right: 0 !important;
        margin-left: 1.81818%;
    }
}

@media only screen and (min-width: 600px) {
    .pull-12 {
        right: 100%;
        left: auto;
        margin-right: 1.81818%;
    }
}

.omega {
    margin-right: 0 !important;
}

.offset-1, #content {
    margin-left: 8.48485%;
}

.offset-2 {
    margin-left: 16.9697%;
}

.offset-3 {
    margin-left: 25.45455%;
}

.offset-4 {
    margin-left: 33.93939%;
}

.offset-5 {
    margin-left: 42.42424%;
}

.offset-6 {
    margin-left: 50.90909%;
}

.offset-7 {
    margin-left: 59.39394%;
}

.offset-8 {
    margin-left: 67.87879%;
}

.offset-9 {
    margin-left: 76.36364%;
}

.offset-10 {
    margin-left: 84.84848%;
}

.offset-11 {
    margin-left: 93.33333%;
}

.offset-12 {
    margin-left: 101.81818%;
}

.offset-13 {
    margin-left: 110.30303%;
}

.offset-14 {
    margin-left: 118.78788%;
}

.offset-15 {
    margin-left: 127.27273%;
}

.offset-16 {
    margin-left: 135.75758%;
}

.offset-17 {
    margin-left: 144.24242%;
}

.offset-18 {
    margin-left: 152.72727%;
}

.offset-19 {
    margin-left: 161.21212%;
}

.offset-20 {
    margin-left: 169.69697%;
}

.offset-21 {
    margin-left: 178.18182%;
}

.offset-22 {
    margin-left: 186.66667%;
}

.offset-23 {
    margin-left: 195.15152%;
}

.offset-24 {
    margin-left: 203.63636%;
}

.offset-1, #content {
    margin-left: 8.48485%;
}

.offset-2 {
    margin-left: 16.9697%;
}

.offset-3 {
    margin-left: 25.45455%;
}

.offset-4 {
    margin-left: 33.93939%;
}

.offset-5 {
    margin-left: 42.42424%;
}

.offset-6 {
    margin-left: 50.90909%;
}

.offset-7 {
    margin-left: 59.39394%;
}

.offset-8 {
    margin-left: 67.87879%;
}

.offset-9 {
    margin-left: 76.36364%;
}

.offset-10 {
    margin-left: 84.84848%;
}

.offset-11 {
    margin-left: 93.33333%;
}

.offset-12 {
    margin-left: 101.81818%;
}

.offset-13 {
    margin-left: 110.30303%;
}

.offset-14 {
    margin-left: 118.78788%;
}

.offset-15 {
    margin-left: 127.27273%;
}

.offset-16 {
    margin-left: 135.75758%;
}

.offset-17 {
    margin-left: 144.24242%;
}

.offset-18 {
    margin-left: 152.72727%;
}

.offset-19 {
    margin-left: 161.21212%;
}

.offset-20 {
    margin-left: 169.69697%;
}

.offset-21 {
    margin-left: 178.18182%;
}

.offset-22 {
    margin-left: 186.66667%;
}

.offset-23 {
    margin-left: 195.15152%;
}

.offset-24 {
    margin-left: 203.63636%;
}

html {
    color: #494949;
    font-family: "Open Sans",sans-serif;
}

    html.styleguide {
        font-family: "Open Sans",sans-serif;
    }

    html.index8 {
        font-family: "Open Sans",sans-serif;
    }

    html.inner2 {
        font-family: "Open Sans",sans-serif;
    }

p {
    margin: 0 0 1.3em 0;
}

.centre {
    text-align: center;
}

body {
    -webkit-font-smoothing: antialiased;
    background: #111;
}

.float_right {
    padding: .5em 0 .5em 1em;
}

.fullwidth {
    width: 100%;
    max-width: none;
}

.wrapper .container, .wrapper .site-header {
    margin: 0 auto;
    padding: 1.5em 0;
}

.top-menu {
    background-size: cover;
    background-position: top center;
    min-height: 310px;
}

    .top-menu .top-menu-bg {
        background-size: cover;
        background-position: top center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    .top-menu #main-content.wrapper {
        padding: 0;
    }

        .top-menu #main-content.wrapper .wrapper {
            padding: 0;
        }

    .top-menu .widget, .top-menu .boxed-sign-in {
        background: rgba(73,73,73,0.8);
        color: #fff;
        padding: 1em 1.2em;
        box-sizing: border-box;
    }

    .top-menu .widget-width {
        margin-top: 1em;
    }

        .top-menu .widget-width:first-of-type {
            margin-top: 0;
        }

.no-image {
    background-color: #8f1919;
}

.with-image {
    position: relative;
}

    .with-image > header, .with-image > .container, .with-image > .site-header, .with-image > #main-content {
        z-index: 100;
        position: relative;
    }

.inner .top-header h1 {
    margin-left: 0;
}

.top-header .container, .top-header .site-header {
    padding: 1.6em 0 0;
}

.inner .downloads-area {
    border-top: 4px solid #222;
    display: inline-block;
    overflow: auto;
    width: 100%;
    margin: 1em 0 0;
}

    .inner .downloads-area a:link, .inner .downloads-area a:visited {
        color: #157e28;
    }

    .inner .downloads-area a:focus {
        color: #fff;
    }

    .inner .downloads-area a:hover {
        color: #06270c;
    }

    .inner .downloads-area h2 {
        margin-top: 1em;
        padding-bottom: 0.4em;
        border-bottom: 1px solid #222;
    }

.wrapper.categories .one-third:nth-child(3n), .more-menus .one-third:nth-child(3n), .wrapper.categories .one-third.nth-chd-3n, .more-menus .one-third.nth-chd-3n, .widget__full-width-navigation .one-third:nth-child(3n), .widget__full-width-navigation .one-third.nth-chd-3n {
    margin-right: 0;
}

.top-header .container, .top-header .site-header {
    border-bottom: 1px solid #fff;
}

.breadcrumb ol li a:link, .breadcrumb ol li a:visited {
    color: #fff;
}

.inner .category-menu {
    display: none;
}

.inner .related-items {
    display: block;
}

    .inner .related-items h3.link-style {
        color: #1C3B7C;
        cursor: pointer;
    }

        .inner .related-items h3.link-style:hover {
            text-decoration: underline;
            color: #7e736a;
        }

    .inner .related-items ul li {
        margin: 0;
    }

.wrapper {
    padding: 0 1em;
}

.more-tasks .container, .more-tasks .site-header {
    padding-bottom: 1.5em;
}

.inner .top-header .container, .inner .top-header .site-header {
    padding-bottom: 2em;
    border-bottom: 1px solid #000;
}

.inner .write-header {
    margin-top: 0.5em !important;
}

.az-block {
    background: #9e9e9e;
    margin-bottom: 1em;
    padding: 1em;
}

    .az-block ol {
        padding: 0;
        margin: 0;
    }

        .az-block ol li {
            width: 5.5%;
            float: left;
            display: inline-block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

.hero-menus {
    padding: 0.5em 0.5em;
}

    .hero-menus h1 {
        margin-top: 0;
    }

    .hero-menus .container, .hero-menus .site-header {
        overflow: hidden;
    }

.categories .item-list__rich li.one-third, .wrapper .more-menus li.one-third {
    width: 98%;
}

.widget__popular-tasks-no-more-button {
    overflow: auto;
}

    .widget__popular-tasks .hero-menus .item-list__rich li.half, .widget__popular-tasks-no-more-button .hero-menus .item-list__rich li.half {
        width: 100%;
        display: inline-block;
        float: none;
    }

        .widget__popular-tasks .hero-menus .item-list__rich li.half:nth-child(-n+2), .widget__popular-tasks-no-more-button .hero-menus .item-list__rich li.half:nth-child(-n+2) {
            border-bottom: 1px solid #fff;
        }

.hero-menus .button-fullwidth {
    margin: 1em -0.9em -1em;
    padding: 0.4em 0;
    font-size: 1.3em;
    background: #000;
    color: #fff;
    border: 0;
}

    .hero-menus .button-fullwidth:focus {
        background: #1C3B7C;
    }

.hero-menus .boxed {
    margin-top: 1.5em;
}

    .hero-menus .boxed:first-of-type {
        margin-top: 0;
    }

.more-menus a:link, .more-menus a:visited {
    color: #888;
}

.img-crop {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

    .img-crop img {
        width: 125%;
        margin: -25% 0;
    }

.center {
    text-align: center;
    margin: 0 auto;
}

.show-hide-small {
    display: none;
}

.top-header .navigate {
    margin: 0 auto;
    text-align: center;
}

    .top-header .navigate nav {
        width: 97%;
        margin-bottom: 0;
    }

        .top-header .navigate nav form {
            text-align: center;
        }

            .top-header .navigate nav form .field {
                width: 73%;
            }

.top-header__real .navigate nav form {
    width: 100%;
}

    .top-header__real .navigate nav form .field {
        width: 73%;
    }

.contact_callout {
    min-height: 100px;
    overflow: hidden;
}

.contact_left {
    width: 100%;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #FFF;
    border-right: none;
}

.contact_callout address {
    color: #FFFFFF;
    width: 100%;
    margin-top: 1em;
}

.links h4 {
    margin: 0;
}

.no-margin {
    margin-bottom: 0;
}

.supplement__contact {
    overflow: hidden;
}

    .supplement__contact img.thumbnail, .supplement__contact img.image__avatar {
        margin-left: 0.6em;
    }

#main-content .user-scheme__cream, #main-content .user-scheme__cream * {
    background: none repeat scroll 0 0 #FFF9D2 !important;
    border-color: #010066 !important;
    color: #010066 !important;
}

    #main-content .user-scheme__cream a, #main-content .user-scheme__cream * a {
        color: #908000 !important;
    }

#main-content .user-scheme__high-contrast, #main-content .user-scheme__high-contrast * {
    background: none repeat scroll 0 0 #000000 !important;
    border-color: #FFFF00 !important;
    color: #FFFF00 !important;
}

    #main-content .user-scheme__high-contrast a, #main-content .user-scheme__high-contrast * a {
        color: #0ff !important;
    }

#main-content .user-scheme__blue, #main-content .user-scheme__blue * {
    background: none repeat scroll 0 0 #9FCFFF !important;
    border-color: #010066 !important;
    color: #010066 !important;
}

    #main-content .user-scheme__blue a, #main-content .user-scheme__blue * a {
        color: red !important;
    }

#main-content .user-scheme__standard {
    padding: 10px;
}

    #main-content .user-scheme__standard, #main-content .user-scheme__standard * {
        background: #fff !important;
        border-color: #010066 !important;
        color: #494949 !important;
    }

        #main-content .user-scheme__standard a, #main-content .user-scheme__standard * a {
            color: #1C3B7C !important;
        }

.page-offline {
    background: #fff;
}

    .page-offline .container, .page-offline .site-header {
        background: #000;
        padding: 20px;
        color: #fff;
        margin-top: 2em;
    }

        .page-offline .container header, .page-offline .site-header header {
            padding-left: 0;
            margin-top: 0;
        }

    .page-offline .logo {
        font-size: 2em;
        color: #fff;
        font-weight: bold;
    }

        .page-offline .logo a {
            color: #fff;
        }

.map img {
    max-width: none;
}

.sharing {
    display: inline-block;
    margin-bottom: 2em;
    margin-right: 2em;
    margin-top: 1em;
}

.share {
    float: left;
    font-size: 0.8em;
    margin: 0 0.6em 0 0;
}

    .share:last-child {
        margin-right: 0;
    }

    .sharea, .share a:hover, .share a:focus {
        border: 0;
    }

.share-facebook a .fa {
    color: #3b5997;
}

.share-twitter a .fa {
    color: #00b5f0;
}

.share-google a .fa {
    color: #dc4b39;
}

.share-linkedin a .fa {
    color: #1B86BC;
}

.hero-menus__real {
    margin-top: 0 !important;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.hero-menus .wrapper {
    padding: 0;
}

    .hero-menus .wrapper .container, .hero-menus .wrapper .site-header {
        padding: 0 0 1.5em 0;
    }

.index .hero-menus .wrapper .container, .index .hero-menus .wrapper .site-header {
    padding: 1.5em 0;
}

.header__menus {
    margin: 0 0 5px;
    padding-bottom: 5px;
    color: #494949;
    border-bottom: 1px solid #494949;
    -webkit-font-smoothing: antialiased;
}

.top-menu .header__menus {
    color: #fff;
    border-color: #fff;
}

.more-menus.boxed a:link, .more-menus.boxed a:visited {
    color: #fff;
}

.more-menus.boxed a:hover {
    color: #b3b3b3;
}

.tabonly {
    position: relative;
    color: #fff;
    text-decoration: none;
    top: -1000px;
    position: absolute;
    float: left;
    display: block;
}

    .tabonly:hover {
        border-bottom: 1px solid #fff;
    }

    .tabonly:focus {
        border-bottom: 1px solid #fff;
        top: 0;
    }

.wrapper.news {
    padding: 3em 0;
    background: #fff;
}

.inner .write-header {
    margin-bottom: 0;
}

.inner .content {
    margin-top: 0;
}

.inner .date-words {
    font-size: 0.8em;
    margin-bottom: 1em;
    display: block;
}

.inner .image__caption {
    margin-bottom: 1.5em;
}

.less-prominent {
    padding-top: 0;
}

    .less-prominent .post-short {
        padding: 1em 0;
    }

        .less-prominent .post-short p {
            line-height: 1.5;
            font-size: 0.95em;
        }

.index .write-header, .home .write-header {
    padding-bottom: 0;
}

.write-header {
    margin-bottom: 0;
    border-bottom: 1px solid #d5d5d5;
}

    .write-header h1 {
        font-size: 1.1em;
        padding: 0 0 1em;
        color: #1C3B7C;
    }

    .write-header .span-12.title {
        border-right: 0;
        padding-right: 0;
    }

    .write-header .summary {
        display: block;
        padding: 0 1em;
        width: 47%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .write-header .summary p {
            margin-top: 0;
            font-size: 1.3em;
            margin-bottom: 1.1em;
        }

            .write-header .summary p .button, .write-header .summary p input[type=submit] {
                font-size: 0.9em;
            }

        .write-header .summary .button, .write-header .summary input[type=submit] {
            text-align: center;
            margin: 0 auto;
            display: inline-block;
            clear: both;
        }

.news-title a:link, .news-title a:visited {
    color: #1C3B7C;
    text-decoration: none;
}

.news-title a:hover {
    color: #0e521a;
    text-decoration: underline;
}

.write-header .news-title a:link, .write-header .news-title a:visited {
    color: #7e736a;
    text-decoration: none;
}

.write-header .news-title a:hover {
    color: #625a53;
    text-decoration: underline;
}

.inner .write-header {
    border-bottom: 0;
}

    .inner .write-header h1 {
        margin-bottom: 0.2em;
        padding-bottom: 0;
        letter-spacing: 0px;
        font-size: 1.5em;
    }

.wrapper.footer {
    background: #1D3C7B;
    color: #fff;
    padding: 2em 0;
}

    .wrapper.footer .container, .wrapper.footer .site-header {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }

        .wrapper.footer .container .column, .wrapper.footer .site-header .column, .wrapper.footer .container .span-1, .wrapper.footer .site-header .span-1, .wrapper.footer .container .span-2, .wrapper.footer .site-header .span-2, .wrapper.footer .container .logo, .wrapper.footer .site-header .logo, .wrapper.footer .container .sidebar__secondary, .wrapper.footer .site-header .sidebar__secondary, .wrapper.footer .container .span-3, .wrapper.footer .site-header .span-3, .site-header .wrapper.footer .container .form__search, .wrapper.footer .site-header .form__search, .wrapper.footer .container .sidebar__primary, .wrapper.footer .site-header .sidebar__primary, .wrapper.footer .container .span-4, .wrapper.footer .site-header .span-4, .wrapper.footer .container .span-5, .wrapper.footer .site-header .span-5, .wrapper.footer .container .span-6, .wrapper.footer .site-header .span-6, .site-header .wrapper.footer .container .item-list, .wrapper.footer .site-header .item-list, .wrapper.footer .container #content, .wrapper.footer .site-header #content, .wrapper.footer .container .span-7, .wrapper.footer .site-header .span-7, .wrapper.footer .container .span-8, .wrapper.footer .site-header .span-8, .wrapper.footer .container .span-9, .wrapper.footer .site-header .span-9, .wrapper.footer .container .span-10, .wrapper.footer .site-header .span-10, .wrapper.footer .container .span-11, .wrapper.footer .site-header .span-11, .wrapper.footer .container .span-12, .wrapper.footer .site-header .span-12 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .wrapper.footer .span-12 p {
        margin: .4em 0 0;
    }

        .wrapper.footer .span-12 p a {
            border-bottom: 0;
            font-weight: normal;
            text-decoration: underline;
        }

            .wrapper.footer .span-12 p a:hover, .wrapper.footer .span-12 p a:focus {
                text-decoration: none;
            }

    .wrapper.footer .span-12 .copyright {
        color: #f6f6f6;
    }

        .wrapper.footer .span-12 .copyright a {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }

            .wrapper.footer .span-12 .copyright a:hover, .wrapper.footer .span-12 .copyright a:focus {
                text-decoration: underline;
            }

    .wrapper.footer .span-12 .poweredby {
        color: #f6f6f6;
        font-size: 0.9em;
    }

.lt-ie9 .wrapper.footer .span-12 .span-4 {
    width: 30%;
}

.wrapper.footer ul {
    padding: 1em 0;
    margin: 0;
}

    .wrapper.footer ul.item-list__rich a {
        font-size: 1em;
    }

        .wrapper.footer ul.item-list__rich a:link, .wrapper.footer ul.item-list__rich a:visited {
            border-bottom: none;
        }

    .wrapper.footer ul li {
        border-color: #7C7C7C;
    }

        .wrapper.footer ul li:first-child {
            border-top: 0;
        }

.wrapper.footer a:link, .wrapper.footer a:visited {
    color: #fff;
    border-bottom: 1px solid #bfbfbf;
    font-weight: bold;
    text-decoration: none;
}

.wrapper.footer a:hover {
    color: #fff;
    border-bottom: 0;
    text-decoration: underline;
}

.wrapper.footer .site-footer__logo {
    text-align: center;
}

    .wrapper.footer .site-footer__logo svg {
        fill: #fff;
        max-width: 100%;
        width: 230px;
    }

.lt-ie9 .wrapper.footer .site-footer__logo {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-white-small.png") no-repeat;
    display: block;
    float: right;
    height: 62px;
    width: 200px;
}

.wrapper.footer .social-media {
    clear: both;
    font-size: 0.9em;
    line-height: 2em;
    margin-top: 2em;
    text-align: center;
}

    .wrapper.footer .social-media ul {
        padding: 0;
    }

        .wrapper.footer .social-media ul li {
            display: inline-block;
            margin: 0 .5em;
            height: 45px;
        }

    .wrapper.footer .social-media a {
        border-bottom: 0;
    }

        .wrapper.footer .social-media a:hover, .wrapper.footer .social-media a:focus {
            background-color: transparent !important;
            text-decoration: none;
        }



.lt-ie9 .wrapper.footer .social-media a {
    display: block;
    height: 40px;
    width: 40px;
}

    .lt-ie9 .wrapper.footer .social-media a:hover, .lt-ie9 .wrapper.footer .social-media a:focus {
        opacity: .8;
    }

.lt-ie9 .lt-ie9 .wrapper.footer .social-media a:hover, .lt-ie9 .lt-ie9 .wrapper.footer .social-media a:focus {
    opacity: 1;
}

.lt-ie9 .wrapper.footer .social-media a.button-twitter {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-twitter.png") no-repeat;
}

.lt-ie9 .wrapper.footer .social-media a.button-facebook {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-facebook.png") no-repeat;
}

.lt-ie9 .wrapper.footer .social-media a.button-flickr {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-flickr.png") no-repeat;
}

.lt-ie9 .wrapper.footer .social-media a.button-youtube {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-youtube.png") no-repeat;
}

.wrapper.footer .social-media svg {
    fill: #fff;
    width: 40px;
}

.user-scheme__cream .footer-logo, .user-scheme__blue .footer-logo {
    background: #222 !important;
    padding: 1em;
}

.footer-logo {
    margin: 40px 5% 2em;
    max-width: 180px;
    width: 90%;
}

.top-header .site-header__identity__heading {
    letter-spacing: 0px;
    margin: 0.12em 0 0.5em 0;
    font-family: 'Noto Sans', Sans Serif;
    font-size: 1.5em;
    font-weight: bold;
    max-height: 70px;
    text-align: center;
}

    .top-header .site-header__identity__heading a:link, .top-header .site-header__identity__heading a:visited {
        color: #fff;
    }

    .top-header .site-header__identity__heading a:hover, .top-header .site-header__identity__heading a:focus {
        opacity: 0.8;
        text-decoration: none;
    }

.lt-ie9 .top-header .site-header__identity__heading a {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-white-small.png") no-repeat;
    display: block;
    height: 62px;
    width: 200px;
}

.top-header .top-links {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px;
    display: block;
    clear: both;
    text-align: center;
}

    .top-header .top-links li {
        display: inline-block;
        padding-left: 10px;
    }

        .top-header .top-links li a {
            color: #fff;
            font-size: 1em;
            font-weight: bold;
        }

.site-logo {
    margin: 0 auto;
    text-align: center;
    display: block;
    text-indent: -1000px;
}

    .site-logo a {
        background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/img/logo_whiteout_small-retina.png") no-repeat;
        display: block;
        width: 120px;
        height: 61px;
        margin: 0 auto 0.5em;
    }

.site-header__identity__heading a {
    display: block;
}

    .site-header__identity__heading a:active, .site-header__identity__heading a:focus, .site-header__identity__heading a:hover {
        background-color: transparent !important;
    }

        

.lt-ie9 .site-header__identity__heading a:active, .lt-ie9 .site-header__identity__heading a:focus, .lt-ie9 .site-header__identity__heading a:hover {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/logo-white-small.png") no-repeat !important;
}

.site-header__identity__heading svg {
    fill: #fff;
    max-height: 70px;
    max-width: 200px;
}

.inner .top-header {
    background: #284581;
    margin: 0;
    padding: 0 1em;
    width: auto;
}

    .inner .top-header .container, .inner .top-header .site-header {
        border-bottom: 0;
        margin: 0 auto;
        padding: 1.6em 0 0;
    }

.inner .search-main .field {
    width: 74%;
    background: rgba(255,255,255,0.9);
    border: 1px solid #eee;
}

    .inner .search-main .field:active, .inner .search-main .field:focus {
        background: #fff;
    }

.inner .search-main .button, .inner .search-main input[type=submit] {
    background-color: #1C3B7C;
    border: 1px solid #1C3B7C;
}

.inner .site-logo {
    margin-bottom: 0;
}

.header-account {
    color: #fff;
    float: none;
    text-align: center;
}

    .header-account a {
        color: #fff;
        text-decoration: underline;
    }

        .header-account a:hover, .header-account a:focus {
            text-decoration: none;
        }

.wrapper.main-content .container.write-header, .wrapper.main-content .write-header.site-header {
    padding: 0;
}

.home .first-row .container, .home .first-row .site-header {
    padding-top: 0;
}

.wrapper.categories {
    background: #fafafa;
    border-bottom: 1px solid #d5d5d5;
}

    .wrapper.categories .item-list__rich li {
        border-color: #7c7c7c;
    }

        .wrapper.categories .item-list__rich li a {
            color: #7c7c7c;
            display: block;
        }

            .wrapper.categories .item-list__rich li a:hover {
                color: #000;
                text-decoration: underline;
            }

.wrapper.default.navigation-wrapper {
    background-color: #F6F6F6;
    border-bottom: 1px solid #d5d5d5;
}

.spacer {
    display: table-cell;
    width: 1.81818%;
}

.wrapper.home-menus {
    background: #222;
    color: #fff;
}

    .wrapper.home-menus .item-list__rich li {
        border-color: #fff;
        float: none;
        display: inline-block;
    }

    .wrapper.home-menus h2 {
        color: #fff;
        border-color: #fff;
    }

    .wrapper.home-menus a:link, .wrapper.home-menus a:visited {
        color: #ccc;
    }

    .wrapper.home-menus a:hover {
        color: #fff;
        text-decoration: underline;
    }

.description {
    overflow: auto;
}

.no-js .hero-menus__real {
    overflow: hidden;
}

@media screen and (min-width: 600px) {
    .no-js .widget__popular-tasks .hero-menus .item-list__rich li.half:nth-child(2n) {
        margin-right: 0;
    }
}

.no-js .header__menus a {
    display: none;
}

.no-js .more-menus {
    display: block;
}

.no-js .more-menus__open, .no-js .more-menus__close {
    display: none;
}

.wrapper.default {
    background: #fff;
}

    .wrapper.default .wrapper {
        padding: 0;
    }

.top-menu.default .widget, .top-menu.default .boxed-sign-in {
    background: inherit;
    color: inherit;
    padding: 0;
    box-sizing: inherit;
}

#main-content {
    font-size: 1em !important;
    line-height: 1.6;
    color: #494949;
    word-break: break-word;
    word-wrap: break-word;
}

    #main-content a {
        word-break: break-word;
        word-wrap: break-word;
    }

    #main-content:focus {
        outline: none;
    }

.inner #main-content {
    font-size: 1.2em !important;
    background: #fff;
}

.inner .title {
    color: #494949;
    margin: 0.4em 0 0.2em;
}

    .inner .title h1 {
        margin-bottom: 0.5em;
        letter-spacing: -1px;
    }

        .inner .title h1 span {
            color: #111;
            font-size: 0.8em;
        }

.inner h2 {
    font-size: 1.25em;
}

    .inner h2:first-of-type {
        margin-top: 0;
    }

.inner .doc-nav ol {
    margin: 0;
}

.inner .content {
    overflow: hidden;
}

    .inner .content img.float_left {
        margin: 0 1em 0 0;
    }

    .inner .content img.float_right {
        margin: 0 0 0 1em;
    }

    /*.inner .content object, .inner .content iframe, .inner .content img {
        max-width: 100%;
    }*/

.editor address {
    margin-bottom: 1.3em;
}

.hidden {
    display: none;
}

.feedback-container {
    border: 4px solid #ececec;
    padding: 0.3em 0.6em;
}

    .feedback-container #feedback-button {
        display: inline-block;
        width: 100%;
    }

    .feedback-container label.hidden {
        display: none !important;
    }

.small {
    font-size: 80%;
    margin: 0;
}

.alert {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 0;
    position: relative;
    margin-bottom: 20px;
}

    .alert p {
        margin: 0;
        width: 90%;
        font-size: 0.85em;
    }

    .alert h2 {
        margin: 0;
        font-size: 1.1em;
    }

.alert__success {
    background: #007c4d;
    padding: 1em;
}

    .alert__success p, .alert__success a {
        color: #fff;
    }

    .alert__success h2 {
        color: #fff;
    }

    .alert__success a {
        text-decoration: underline;
    }

        .alert__success a:hover, .alert__success a:focus, .alert__success a:active {
            color: #fff;
            text-decoration: none;
        }

.alert__error label, .alert__error .label {
    color: #8f1919;
}

.alert__error h2 {
    color: #641111;
}

.alert__info {
    background: #c6d2ed;
    border-color: #365cb1;
    padding: 1em;
}

    .alert__info p {
        color: #1e3363;
    }

    .alert__info h2 {
        color: #2a488a;
    }

.alert__warning {
    background: #f7eed2;
    border-color: #D9AB24;
    padding: 1em;
}

    .alert__warning p {
        color: #826615;
    }

    .alert__warning h2 {
        color: #ad891d;
    }

blockquote {
    font-weight: 400;
    color: #444;
    margin: 1em auto;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    width: 100%;
    display: block;
    padding: 1em;
    box-sizing: border-box;
}

    blockquote cite {
        font-style: italic;
        color: #222;
        font-weight: bold;
        font-size: 1.2em;
    }

    blockquote p {
        margin-bottom: 0.3em;
        font-size: 1em;
    }

.boxed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

.supplement {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.5em 1.5em 1em;
    background: #1C3B7C;
    color: #fff;
    margin: 1em 0;
    overflow: auto;
}

    .supplement h2 {
        margin-bottom: 0;
    }

    .supplement .thumbnail, .supplement .image__avatar {
        margin: 0 auto .6em .5em;
        display: block;
        float: right;
        border: 1px solid #fff;
        max-width: 60px;
    }

    .supplement .button:link, .supplement input[type=submit]:link, .supplement .button:visited, .supplement input[type=submit]:visited {
        text-decoration: none;
    }

    .supplement .button:hover, .supplement input[type=submit]:hover, .supplement .button:focus, .supplement input[type=submit]:focus, .supplement .button:active, .supplement input[type=submit]:active {
        background: #fff !important;
        border-color: #fff !important;
        color: #1C3B7C !important;
    }

    .supplement a {
        word-wrap: break-word;
    }

        .supplement a:link, .supplement a:visited {
            color: #fff;
            text-decoration: underline;
        }

        .supplement a:hover {
            text-decoration: none;
        }

    .supplement address {
        margin-bottom: 1.3em;
    }

    .supplement.supplement__navigation .item-list__rich li:first-child {
        border-top: 1px solid #fff;
    }

    .supplement.supplement__navigation .item-list__rich li:last-child {
        border-bottom: 0;
    }

.bottom-supplements .thumbnail, .bottom-supplements .image__avatar {
    max-width: 90px;
}

.user-scheme__high-contrast, .user-scheme__cream, .user-scheme__blue {
    padding: 10px;
}

.boxed-sign-in {
    margin: 1em auto !important;
}

.inner .breadcrumb {
    background: #48578D;
    color: white;
    padding: 0 1em;
	padding-bottom:22px!important;
}

    .inner .breadcrumb .item-list {
        margin: 0 auto !important;
        padding: 0.65em 0 0.85em;
    }

        .inner .breadcrumb .item-list li {
            margin-right: 0;
        }

            .inner .breadcrumb .item-list li:before {
                color: white;
            }

            .inner .breadcrumb .item-list li a {
                color: #fff;
                text-decoration: underline;
            }

                .inner .breadcrumb .item-list li a:hover {
                    color: white;
                    text-decoration: none;
                }

.wrapper .breadcrumb, .breadcrumb {
    background: #6c6b6b;
    color: #fff;
}

    .wrapper .breadcrumb ol, .breadcrumb ol {
        margin: 0;
        padding: 10px;
    }

        .wrapper .breadcrumb ol li, .breadcrumb ol li {
            list-style: none;
            display: inline;
        }

            .wrapper .breadcrumb ol li:first-child:before, .breadcrumb ol li:first-child:before {
                display: none;
            }

            .wrapper .breadcrumb ol li:before, .breadcrumb ol li:before {
                content: '>';
                padding: 0 5px;
                color: #fff;
            }

            .wrapper .breadcrumb ol li:last-child:before, .wrapper .breadcrumb ol li.last-child:before, .breadcrumb ol li:last-child:before, .breadcrumb ol li.last-child:before {
                /*display: none;*/
            }

            .wrapper .breadcrumb ol li.show:last-child:before, .wrapper .breadcrumb ol li.show.last-child:before, .breadcrumb ol li.show:last-child:before, .breadcrumb ol li.show.last-child:before {
                display: none;
            }

                .wrapper .breadcrumb ol li.show:last-child:before span, .wrapper .breadcrumb ol li.show.last-child:before span, .breadcrumb ol li.show:last-child:before span, .breadcrumb ol li.show.last-child:before span {
                    position: relative;
                    top: 0;
                }

        .wrapper .breadcrumb ol span, .breadcrumb ol span {
            /*position: absolute;
            top: -1000px;*/
        }

        .wrapper .breadcrumb ol li.show:last-child:before, .wrapper .breadcrumb ol li.show.last-child:before, .breadcrumb ol li.show:last-child:before, .breadcrumb ol li.show.last-child:before {
            display: inline;
        }

        .wrapper .breadcrumb ol li.show span, .breadcrumb ol li.show span {
            position: relative;
            top: 0;
        }

    .wrapper .breadcrumb a:link, .wrapper .breadcrumb a:visited, .breadcrumb a:link, .breadcrumb a:visited {
        text-decoration: underline;
    }

    .wrapper .breadcrumb a:hover, .breadcrumb a:hover {
        text-decoration: none;
    }

.button, input[type=submit] {
    /*border-style: solid;
    border-width: 2px;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-weight: 800;
    cursor: pointer;*/
    font-size: 1.1em;
    padding: 0.3em 1em;
}

    .button:hover, input[type=submit]:hover {
        text-decoration: none;
    }

.search-main .button:focus, .search-main input[type=submit]:focus, .search-main input[type="submit"]:focus {
    background: #3a71bc;
}

.inner .search-main .button:focus, .inner .search-main input[type=submit]:focus, .inner .search-main input[type="submit"]:focus {
    background: #2e5a95;
}

.user-scheme__cream input[type=submit]:hover, .user-scheme__cream input[type=submit]:focus, .user-scheme__blue input[type=submit]:hover, .user-scheme__blue input[type=submit]:focus {
    background: #010066 !important;
    color: #FFF9D2 !important;
}

.user-scheme__cream .top-menu .widget .button:hover, .user-scheme__cream .top-menu .boxed-sign-in .button:hover, .user-scheme__cream .top-menu .widget input[type=submit]:hover, .user-scheme__cream .top-menu .boxed-sign-in input[type=submit]:hover, .user-scheme__cream .top-menu .widget .button:focus, .user-scheme__cream .top-menu .boxed-sign-in .button:focus, .user-scheme__cream .top-menu .widget input[type=submit]:focus, .user-scheme__cream .top-menu .boxed-sign-in input[type=submit]:focus, .user-scheme__cream .button:hover, .user-scheme__cream input[type=submit]:hover, .user-scheme__cream .button:focus, .user-scheme__cream input[type=submit]:focus, .user-scheme__blue .top-menu .widget .button:hover, .user-scheme__blue .top-menu .boxed-sign-in .button:hover, .user-scheme__blue .top-menu .widget input[type=submit]:hover, .user-scheme__blue .top-menu .boxed-sign-in input[type=submit]:hover, .user-scheme__blue .top-menu .widget .button:focus, .user-scheme__blue .top-menu .boxed-sign-in .button:focus, .user-scheme__blue .top-menu .widget input[type=submit]:focus, .user-scheme__blue .top-menu .boxed-sign-in input[type=submit]:focus, .user-scheme__blue .button:hover, .user-scheme__blue input[type=submit]:hover, .user-scheme__blue .button:focus, .user-scheme__blue input[type=submit]:focus {
    background: #004000 !important;
    color: #FFF9D2 !important;
}

.user-scheme__cream .search-main .button, .user-scheme__cream .search-main input[type=submit], .user-scheme__cream .top-header .search-main .button, .user-scheme__cream .top-header .search-main input[type=submit], .user-scheme__blue .search-main .button, .user-scheme__blue .search-main input[type=submit], .user-scheme__blue .top-header .search-main .button, .user-scheme__blue .top-header .search-main input[type=submit] {
    border: 1px solid #010066 !important;
    background-color: #010066 !important;
    color: #FFF9D2 !important;
}

.user-scheme__high-contrast input[type=submit]:hover, .user-scheme__high-contrast input[type=submit]:focus {
    background: #ff0 !important;
    color: #000 !important;
}

.user-scheme__high-contrast .button:hover, .user-scheme__high-contrast input[type=submit]:hover, .user-scheme__high-contrast .button:focus, .user-scheme__high-contrast input[type=submit]:focus {
    background: #ff0 !important;
}

.user-scheme__high-contrast .search-main .button, .user-scheme__high-contrast .search-main input[type=submit], .user-scheme__high-contrast .search-main input[type=submit] {
    border: 1px solid #ff0 !important;
    color: #ff0 !important;
}

    .user-scheme__high-contrast .search-main .button:hover, .user-scheme__high-contrast .search-main input[type=submit]:hover, .user-scheme__high-contrast .search-main .button:focus, .user-scheme__high-contrast .search-main input[type=submit]:focus, .user-scheme__high-contrast .search-main input[type=submit]:hover, .user-scheme__high-contrast .search-main input[type=submit]:focus {
        color: #000 !important;
    }

.top-menu .widget .button, .top-menu .boxed-sign-in .button, .top-menu .widget input[type=submit], .top-menu .boxed-sign-in input[type=submit] {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

    .top-menu .widget .button:hover, .top-menu .boxed-sign-in .button:hover, .top-menu .widget input[type=submit]:hover, .top-menu .boxed-sign-in input[type=submit]:hover {
        background-color: #fff;
        color: #000 !important;
        text-decoration: none !important;
    }


.button-fullwidth {
    display: block;
    text-align: center;
    font-weight: bold;
    clear: both;
    padding: 0.4em 1em;
}

    .button-fullwidth:hover {
        text-decoration: none;
    }

    .button-fullwidth.button__callout:hover {
        background: #1a1a1a !important;
        text-decoration: none !important;
    }

.button__primary {
    background: #6c6b6b;
    border-color: #6c6b6b;
    color: #fff;
}



.button__success {
    background: #fff;
    border-color: #007c4d;
    color: #007c4d;
}

    .button__success:hover, .button__success:focus, .button__success:active {
        background: #007c4d !important;
        color: #fff !important;
    }

.button__warning {
    background: #fff;
    color: #D9AB24;
    border-color: #D9AB24;
}

    .button__warning:hover, .button__warning:focus, .button__warning:active {
        background: #D9AB24 !important;
        color: #fff !important;
    }

.button__warning_dark {
    background: #fff;
    color: #8b6e17;
    border-color: #8b6e17;
}

    .button__warning_dark:hover, .button__warning_dark:focus, .button__warning_dark:active {
        background: #8b6e17 !important;
        color: #fff !important;
    }

.button__callout {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

    .button__callout:hover, .button__callout:focus, .button__callout:active {
        background: #fff;
    }

.button__danger {
    background: #fff;
    color: #8f1919;
    border-color: #8f1919;
}

    .button__danger:hover, .button__danger:focus, .button__danger:active {
        background: #8f1919 !important;
        color: #fff !important;
    }

.button__disabled {
    background: #fff;
    color: #ccc;
    cursor: default !important;
    border-color: #ccc;
}

    .button__disabled:hover, .button__disabled:focus, .button__disabled:active {
        color: #ccc;
    }

.button__standout {
    background: #fff;
    color: #1C3B7C;
    border-color: #1C3B7C;
}

    .button__standout:hover, .button__standout:focus, .button__standout:active {
        background: #1C3B7C !important;
        color: #fff !important;
    }

.button__muted {
    background: #fff;
    color: #d1d1d1;
    border-color: #d1d1d1;
}

    .button__muted:hover, .button__muted:focus, .button__muted:active {
        background: #d1d1d1;
        color: #fff !important;
    }

.button__x-long {
    font-size: 1.2em;
    padding: 0.8em 1.5em;
}

.form__append .button, .form__append input[type=submit] {
    padding: 0.2em 1em;
    border-width: 1px;
    margin-left: -10px !important;
    margin-right: 0.2em !important;
    height: 2em;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    float: left;
    -webkit-appearance: none !important;
}

    .form__append .button.button__aside, .form__append input.button__aside[type=submit] {
        padding: 0.05em .4em;
        float: none;
        margin: 10px auto !important;
        background: #fff;
        border: 2px solid #1C3B7C;
        color: #1C3B7C;
    }

        .form__append .button.button__aside:hover, .form__append input.button__aside[type=submit]:hover, .form__append .button.button__aside:focus, .form__append input.button__aside[type=submit]:focus {
            background: #1C3B7C;
            color: #fff !important;
        }

.task-buttons {
    margin-top: 10px;
}

    .task-buttons .button, .task-buttons input[type=submit] {
        width: 100%;
        margin-bottom: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        font-size: 1em;
    }

.sidebar__primary .button.fullwidth, .sidebar__primary input.fullwidth[type=submit] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.top-menu .widget__events-calendar .calendar td, .top-menu .widget__events-calendar .calendar th {
    border: 1px solid #fff;
}

.eventCalendarWidget h2 {
    text-align: center;
}

.eventCalendarWidget .calendar {
    width: 100%;
    border-collapse: collapse;
    border-radius: 4px;
}

    .eventCalendarWidget .calendar td, .eventCalendarWidget .calendar th {
        width: 14.28571%;
    }

    .eventCalendarWidget .calendar th {
        background: #494949;
        border: 1px solid #000;
        color: #fff;
        margin: 0;
        padding: 4px;
    }

    .eventCalendarWidget .calendar td {
        padding: 4px;
        border: 1px solid #000;
        margin: -4px;
        text-align: center;
    }

    .eventCalendarWidget .calendar a {
        background: #1C3B7C;
        padding: 4px;
        color: #fff;
    }

.top-menu .eventCalendarWidget .calendar a:hover, .top-menu .eventCalendarWidget .calendar a:focus {
    color: #fff;
}

.eventCalendarWidget .calendar .today {
    color: #000;
}

.calendar {
    border-collapse: separate;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    width: 100%;
    margin: 0 auto 10px;
}

    .calendar th {
        background: #ccc;
        font-weight: bold;
    }

    .calendar th, .calendar td, .calendar caption {
        border: 1px solid #000;
        border-right: 0;
        border-bottom: 0;
        padding: 0.2em;
    }

    .calendar caption {
        border-bottom: 0;
        border-right: 1px solid #000;
    }

#main-content .calendar, #main-content .calendar a {
    word-break: normal;
    word-wrap: normal;
}

.callout {
    margin-bottom: 1em;
    padding: 1em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .callout h2 {
        font-size: 1.6em;
        margin: 0 0 0.4em;
    }

    .callout p {
        padding: 0;
        margin: 0;
    }

    .callout a:link, .callout a:visited {
        color: #fff;
        text-decoration: underline;
    }

    .callout a:hover {
        text-decoration: none;
    }

    .callout .button, .callout input[type=submit] {
        width: 100%;
        margin-top: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .callout .button:link, .callout input[type=submit]:link, .callout .button:visited, .callout input[type=submit]:visited {
            text-decoration: none;
        }

        .callout .button:hover, .callout input[type=submit]:hover, .callout .button:focus, .callout input[type=submit]:focus {
            background-color: #000 !important;
            border-color: #000 !important;
            color: #fff !important;
        }

    .callout .field {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: .5em 0.4em;
    }

    .callout.announcement {
        margin-bottom: 0;
    }

        .callout.announcement .container, .callout.announcement .site-header {
            margin: 0 auto;
            min-height: 10px;
            overflow: hidden;
            display: table;
        }

            .callout.announcement .container div, .callout.announcement .site-header div {
                display: table-cell;
                height: 100%;
                vertical-align: middle;
                width: 30%;
            }

        .callout.announcement h2, .callout.announcement p {
            display: inline-block;
            width: 95%;
        }

        .callout.announcement h2 {
            line-height: 1.2;
            margin: 0;
        }

        .callout.announcement p {
            line-height: 1.4;
            margin-top: 0.5em;
        }

        .callout.announcement .button, .callout.announcement input[type=submit] {
            display: inline-block;
            margin-left: 2%;
            margin-top: 0px;
            width: auto;
        }

    .callout .container, .callout .site-header {
        margin: 0 auto;
        overflow: visible;
    }

.callout__success {
    background: #007c4d;
}

    .callout__success p {
        color: #fff;
    }

    .callout__success h2 {
        color: #fff;
    }

.callout__warning {
    background: #D9AB24;
    color: #3a3a3a;
}

    .callout__warning h2, .callout__warning h3, .callout__warning label, .callout__warning p {
        color: #3a3a3a;
    }

.callout__danger {
    background: #8f1919;
}

    .callout__danger p {
        color: #fff;
    }

    .callout__danger h2, .callout__danger h3, .callout__danger label {
        color: #fff;
    }

.callout__info {
    background: #7e736a;
}

    .callout__info p {
        color: #fff;
    }

    .callout__info h2, .callout__info h3, .callout__info label {
        color: #fff;
    }

    .callout__info a {
        color: #fff;
        text-decoration: underline;
    }

        .callout__info a:hover {
            text-decoration: none;
            color: #fff;
        }

.callout__info-light {
    background: #dddad7;
}

.callout__standout {
    background: #1C3B7C;
    color: #fff;
}

    .callout__standout p {
        color: #fff;
    }

    .callout__standout h2 {
        color: #fff;
    }

.callout__muted {
    background: #b3b3b3;
}

    .callout__muted p {
        color: gray;
    }

    .callout__muted h2 {
        color: #999;
    }

.callout__feature {
    background: #e6e6e6;
    color: #494949;
}

    .callout__feature h3:first-child {
        margin-top: 0;
    }

    .callout__feature a:link, .callout__feature a:visited {
        color: #494949;
    }

.callout__border-info {
    border: 2px solid #7e736a;
}

    .callout__border-info p {
        margin-bottom: .5em;
    }

    .callout__border-info a:link, .callout__border-info a:visited {
        color: #1C3B7C;
    }

.callout__border-black {
    border: 2px solid #000;
}

    .callout__border-black p {
        margin-bottom: .5em;
    }

    .callout__border-black a:link, .callout__border-black a:visited {
        color: #1C3B7C;
    }

.site-footer {
    width: 100%;
    display: inline-block;
    clear: both;
}

.form {
    font-size: .85em;
}

.checkbox input, .radio input {
    display: inline;
    margin-right: 0.5em;
}

.field, textarea, .text, .xfields {
    /*border-style: solid;
    border-width: 2px;
    border-color: #000;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans",sans-serif;
    -webkit-appearance: none;*/
}

.field__danger, .textarea__danger {
    background: #fefafa;
    border-color: #8f1919;
    color: #8f1919;
}

.field__success {
    background: #f6fffc;
    border-color: #007c4d;
    color: #007c4d;
}

.field__disabled {
    border-color: #ccc;
}

.select__success {
    border-width: 2px;
    border-style: solid;
    border-color: #007c4d;
}

select:focus {
    box-shadow: 0px 0px 2px 2px #9DCCFD;
}

.form__block .dob--day, .form__block .dob--month, .form__block .dob--year {
    width: 32%;
    display: inline-block;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .form__block .dob--day label, .form__block .dob--month label, .form__block .dob--year label {
        display: block;
        clear: both;
        width: 100%;
        text-align: left;
    }

    .form__block .dob--day input, .form__block .dob--month input, .form__block .dob--year input {
        display: block;
        clear: both;
        width: 100%;
    }

.form__block label.checkbox, .form__block label.radio {
    width: 90%;
}

.form__block #xforms_search_results {
    clear: both;
    display: block;
}

.form__block .field {
    min-height: 42px;
}

.form__block .input table .xfields, .form__block .input table textarea, .form__block .input table select {
    width: 100%;
}

input:focus {
    outline: none;
}

.form__inline label {
    display: none;
}

.form__inline .field {
    display: inline;
}

.form__inline .button, .form__inline input[type=submit] {
    display: inline;
}

.form__inline select {
    display: inline;
}

.form__block {
    margin-bottom: 20px;
}

    .form__block > div {
        padding-bottom: 20px;
        overflow: auto;
    }

        .form__block > div small {
            clear: left;
            display: block;
        }

    .form__block .xfphelp {
        clear: left;
        display: block;
        font-size: 80%;
    }

    .form__block label, .form__block .label {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.5em 10px 0.5em 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .form__block .field, .form__block textarea, .form__block select, .form__block .text, .form__block .xfields {
        display: block;
        width: 100%;
    }

        .form__block .field:focus, .form__block textarea:focus, .form__block select:focus, .form__block .text:focus, .form__block .xfields:focus {
            border-color: #1C3B7C;
            box-shadow: none;
            outline: none;
        }

    .form__block table td .xform_group {
        display: block;
    }

    .form__block table td .field, .form__block table td textarea, .form__block table td select, .form__block table td .text, .form__block table td .xfields {
        width: 100%;
    }

    .form__block .integrated-component {
        display: block;
        margin: 0 0 10px;
    }

        .form__block .integrated-component label {
            display: block;
            text-align: left;
            width: 100%;
        }

        .form__block .integrated-component .button, .form__block .integrated-component input[type=submit] {
            background: #6c6b6b;
            border-color: #6c6b6b;
            color: #fff;
            padding-bottom: .25em;
        }



    .form__block .placeholder {
        color: #000;
    }

    .form__block textarea {
        height: 200px;
        padding: .8em .4em;
    }

    .form__block input[type="file"] {
        border: none;
        line-height: 1;
        margin: 1px 0 0 1px;
        padding: .5em 0;
    }

        .form__block input[type="file"]:focus {
            outline: 1px solid #1C3B7C;
        }

    .form__block .radio, .form__block .checkbox, .form__block .radio {
        margin: 0 15px 0 5px;
    }

        .form__block .radio input:focus, .form__block .checkbox input:focus, .form__block .radio input:focus {
            -moz-appearance: none;
            border-radius: 3px;
            box-shadow: 0px 0px 2px 2px #9DCCFD;
        }

    .form__block input[type="checkbox"]:focus, .form__block input[type="radio"]:focus {
        -moz-appearance: none;
        border-radius: 3px;
        box-shadow: 0px 0px 2px 2px #9DCCFD;
    }

    .form__block .button, .form__block input[type=submit] {
        display: block;
        margin: 0 auto;
    }

    .form__block select {
        display: block;
        height: 40px;
        padding: 5px;
        -webkit-appearance: menulist-button;
        width: 98%;
        border-style: solid;
        border-width: 2px;
        border-color: #000;
        border-radius: 0;
    }

.lt-ie10 .form__block select {
    padding: 0;
}

.form__block .map {
    margin-bottom: 10px;
}

.form__block table .field, .form__block table textarea, .form__block table select, .form__block table .text {
    width: 100%;
}

.form__block .page-tasks .button, .form__block .page-tasks input[type=submit] {
    display: inline-block;
    margin: auto;
    width: 100%;
    margin-bottom: 10px;
}

.form__block .contrast-settings .radio {
    border: 2px solid #ccc;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}

.form__block .contrast-settings label[for='highcontrast'] {
    border: 2px solid #000;
    padding: 10px;
    background: #000;
    color: #FF0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form__block .contrast-settings label[for='cream'] {
    border: 2px solid #FFF9D2;
    padding: 10px;
    background: #FFF9D2;
    color: #010066;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form__block .contrast-settings label[for='blue'] {
    border: 2px solid #9FCFFF;
    padding: 10px;
    background: #9FCFFF;
    color: #010066;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form__block .input .button, .form__block .input input[type=submit], .lt-ie9 .form__block .input .button, .lt-ie9 .form__block .input input[type=submit] {
    background: #6c6b6b;
    border-color: #6c6b6b;
    color: #fff;
    margin: .3em 0;
}


.form__append .field {
    border-radius: 0;
    font-size: 1em;
    min-height: 32px;
}

.form__append .button, .form__append input[type=submit] {
    min-height: 32px;
}

.form__standout label {
    margin-bottom: 10px;
    font-size: 1.1em;
}

.form__standout .field {
    width: 100%;
    padding: 25px;
    font-size: 1.1em;
}

.form__standout input[type='submit'] {
    margin: 10px auto;
}

.alert__error textarea, .alert__error .field, .alert__error .text, .alert__error .xfields {
    border-color: #8f1919 !important;
    background: #fbe9e9;
}

.form__404 .button, .form__404 input[type=submit] {
    min-height: 37px;
}

.sidebar .form__eventselection {
    margin: 1em 0;
}

    .sidebar .form__eventselection > div {
        padding-left: 2px;
    }

    .sidebar .form__eventselection label {
        width: 100%;
        margin-bottom: 5px;
        padding: 0;
        text-align: left;
    }

    .sidebar .form__eventselection select {
        width: 70%;
        float: left;
        height: 33px;
        border: 1px solid #ccc;
    }

    .sidebar .form__eventselection .button, .sidebar .form__eventselection input[type=submit], .sidebar .form__eventselection input[type=submit] {
        width: 25%;
        float: right;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

.do-you-q {
    display: inline-block;
    margin: 1em 0 0 0;
}

.form__livesearch > .button, .form__livesearch > input[type=submit] {
    box-sizing: border-box;
    display: none;
    float: none;
    height: auto;
    min-height: 42px;
    padding-bottom: 0;
    padding-top: 0;
}

.no-js .form__livesearch > .button, .no-js .form__livesearch > input[type=submit] {
    display: block;
}

.no-js .form__livesearch #search_results li > img {
    display: none;
}

input::-moz-placeholder {
    color: #474747;
}

input::-webkit-input-placeholder {
    color: #474747;
}

input:-moz-placeholder {
    color: #474747;
}

input:-ms-input-placeholder {
    color: #474747;
}

.js-feedback {
    display: none;
}

.no-js .js-feedback {
    display: block;
}

.feedback-container {
    margin: .5em 0;
}

    .feedback-container .feedback-link:active, .feedback-container .feedback-link:focus {
        background-color: transparent !important;
    }

input:-ms-input-placeholder {
    color: #474747;
}

.user-scheme__cream input[type="text"]:hover, .user-scheme__cream input[type="text"]:focus, .user-scheme__cream .field:hover, .user-scheme__cream .field:focus, .user-scheme__cream textarea:hover, .user-scheme__cream textarea:focus, .user-scheme__cream select:hover, .user-scheme__cream select:focus, .user-scheme__blue input[type="text"]:hover, .user-scheme__blue input[type="text"]:focus, .user-scheme__blue .field:hover, .user-scheme__blue .field:focus, .user-scheme__blue textarea:hover, .user-scheme__blue textarea:focus, .user-scheme__blue select:hover, .user-scheme__blue select:focus {
    border-color: red !important;
}

.user-scheme__high-contrast input[type="text"]:hover, .user-scheme__high-contrast input[type="text"]:focus, .user-scheme__high-contrast .field:hover, .user-scheme__high-contrast .field:focus, .user-scheme__high-contrast textarea:hover, .user-scheme__high-contrast textarea:focus, .user-scheme__high-contrast select:hover, .user-scheme__high-contrast select:focus {
    border-color: #0f0 !important;
}

.icon-small {
    font-size: .6em;
}

/*img {
    max-width: 100%;
}*/

.caption, .imageCaption p, figcaption {
    color: #757575;
    word-wrap: break-word;
    word-break: break-word;
}

.image_centre img {
    margin: 0 auto;
    display: block;
}

.image_centre.imageCaption p {
    text-align: center;
}

.overlay {
    margin: -70px 0 20px 0;
    padding: 5px;
    background: rgba(96,96,96,0.5);
    position: relative;
    z-index: 43;
    color: #fff;
}

    .overlay h3 {
        margin: 0;
    }

    .overlay p {
        margin: 0.4em 0;
    }

.thumbnail, .image__avatar {
    width: 40%;
    max-width: 150px;
    height: auto;
}

    .thumbnail img, .image__avatar img {
        width: 125%;
        height: auto;
    }

.image__feature {
    margin: 0 auto;
    display: block;
}

.gallery-item object {
    margin: 0 auto;
    display: block;
}

.gallery-item .editor {
    margin-top: 20px;
}

.content object {
    width: 100%;
    margin-bottom: 20px;
}

.image__avatar {
    max-width: 60px;
}

    .image__avatar img {
        border-radius: 30px;
        border: 2px solid red;
    }

.image__main__small, .image__caption__small {
    float: right;
    width: 25%;
    margin: 0 0 20px 20px;
}

    .image__main__small img, .image__caption__small img {
        width: 100%;
    }

.location iframe {
    border: 0;
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.float_left {
    float: left;
    padding: 0.5em 1em 0.5em 0;
}

a {
    text-decoration: none;
    color: #1C3B7C;
}



    a:hover, a:active, a:active:focus {
        text-decoration: underline;
        /*background: transparent;*/
    }

.top-menu .widget a:link, .top-menu .boxed-sign-in a:link, .top-menu .widget a:visited, .top-menu .boxed-sign-in a:visited {
    color: #fff;
}

.top-menu .widget a:hover, .top-menu .boxed-sign-in a:hover, .top-menu .widget a:active, .top-menu .boxed-sign-in a:active, .top-menu .widget a:active:focus, .top-menu .boxed-sign-in a:active:focus {
    color: #ccc;
    text-decoration: underline;
}

.long-link {
    word-break: break-all;
}

.item-list {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

    .item-list li {
        margin: 3px 0;
        padding-bottom: 0.4em;
        margin: 0.2em 0;
        list-style: none;
    }

    .item-list ul {
        margin-left: 40px;
    }

.item-list__rich {
    padding: 0;
    margin-bottom: 10px;
}

    .item-list__rich h2 {
        margin-bottom: 0;
        padding: 0.5em 0;
    }

    .item-list__rich:border-top li:first-child, .item-list__rich:border-top li.first-child {
        border-top: 1px solid #d5d5d5;
    }

    .item-list__rich > li, .item-list__rich > li ul li {
        border-bottom: 1px solid #d5d5d5;
        list-style: none;
        padding: 8px 0;
    }

        .item-list__rich > li h3 {
            margin: 10px 0 0 0;
        }

        /*.item-list__rich > li ul {
            margin-top: 5px;
        }*/

    .item-list__rich.item-list__rich-numbered {
        padding-left: 35px;
    }

        .item-list__rich.item-list__rich-numbered li {
            list-style: decimal;
        }

    .item-list__rich:border-top li:first-child {
        border-top: 1px solid #d5d5d5;
    }

    .item-list__rich ul {
        margin-left: 40px;
    }

.item-list__articles {
    padding: 0;
    clear: both;
}

    .item-list__articles > li {
        border-bottom: 1px solid #d5d5d5;
        list-style: none;
        padding: 12px 0;
        overflow: auto;
    }

        .item-list__articles > li:first-child {
            border-top: 1px solid #d5d5d5;
        }

        .item-list__articles > li img {
            float: right;
            width: 20%;
            max-width: 150px;
            margin-left: 20px;
        }

        .item-list__articles > li h3, .inner .item-list__articles > li .h3 {
            font-size: 1.17em;
            margin-top: 0;
        }

        .item-list__articles > li ul {
            padding-left: 0;
        }

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

    .item-list__images li {
        display: inline-block;
        width: 21.9%;
        margin: 0 1% 15px 1%;
        vertical-align: top;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .item-list__images li img {
            width: 100%;
        }

        .item-list__images li small {
            display: none;
        }

.item-list__inline-buttons li h4 {
    display: block;
    margin-bottom: 5px;
}

.item-list__inline-buttons li .button, .item-list__inline-buttons li input[type=submit] {
    font-size: .8em;
    padding: 2px 6px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.hero-menus .boxed .item-list__rich li {
    border-color: #fff;
}

.item-list__inline li {
    display: inline;
    margin-right: 0.3em;
}

.item-list__striped {
    padding: 0;
}

    .item-list__striped li {
        list-style: none;
        padding: 0.3em 0.5em;
        background: #fff;
        border: none;
    }

        .item-list__striped li:nth-child(even) {
            background: #e1e1e1;
        }

.item-list__large {
    font-size: 1.2em;
    font-weight: bold;
}

.doc-nav {
    color: #7e736a;
    border-top: 3px solid #444;
    border-bottom: 1px solid #444;
    box-sizing: border-box;
    padding: 0.25em 0;
    margin: 10px 0;
}

    .doc-nav h3 {
        margin: 0;
        padding: 0.5em 0;
    }

    .doc-nav li {
        font-weight: normal;
        color: #494949;
    }

        .doc-nav li:first-child {
            border-top: 0;
        }

        .doc-nav li:last-child, .doc-nav li.last-child {
            border-bottom: none;
        }

        .doc-nav li span {
            font-style: italic;
            color: #7e736a;
        }

        .doc-nav li a {
            color: #0e521a;
        }

            .doc-nav li a:focus {
                color: #fff;
            }

                .doc-nav li a:focus:active {
                    color: #0e521a;
                }

            .doc-nav li a:hover {
                color: #000;
            }

.a-to-z {
    text-align: center;
}

    .a-to-z li {
        display: inline-block;
        float: none;
        margin: 0.8%;
    }

        .a-to-z li a {
            color: #1C3B7C;
            width: 15px;
            text-align: center;
        }

            .a-to-z li a:hover, .a-to-z li a:focus {
                background: #1C3B7C;
                color: #fff;
                border-color: #1C3B7C;
            }

        .a-to-z li span {
            width: 15px;
        }

.list-thirds .one-third {
    float: left;
}

.list-halves .half {
    width: 100%;
}

.contact_list ul {
    margin-left: 0 !important;
}

.contact_list li {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.contact_list ul li {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.links h3, .links h4 {
    margin-bottom: 0;
}

.links .item-list__rich {
    border-bottom: 1px solid #d5d5d5;
}

    .links .item-list__rich li {
        border-bottom: none;
    }

.links .cat-list {
    padding-bottom: 1em;
}

.document-navigation h4 {
    margin: .5em 0 1em 0;
}

.form__block #search_results {
    display: block;
    clear: both;
}

    .form__block #search_results ul ul {
        margin-left: 0;
    }

.paginator {
    padding: 0;
    overflow: hidden;
}

    .paginator ol, .paginator ul {
        padding: 0;
    }

    .paginator li {
        list-style: none;
        display: inline-block;
        padding: 0 4px;
    }

    .paginator a {
        padding: 6px;
    }

.paginator__numbered li:first-child, .paginator__numbered li.first-child {
    padding: 0;
}

.paginator__numbered li:last-child, .paginator__numbered li:last-child {
    padding: 0;
}

.paginator__text li {
    padding: 0 4px;
}

.paginator__thumbnail {
    overflow: auto;
}

    .paginator__thumbnail li {
        width: 40%;
        margin: 0;
        padding: 0;
    }

        .paginator__thumbnail li a {
            padding: 0;
        }

            .paginator__thumbnail li a img {
                width: 100%;
            }

.progress-bar {
    width: 100%;
    background: #ccc !important;
    margin-bottom: 10px;
    border-radius: 3px;
}

    .progress-bar .progress-indicator {
        background: #007c4d !important;
        border-radius: 3px 0 0 3px;
        padding: 10px 0;
    }

.progress-bar__success .progress-indicator {
    background: #007c4d;
}

.progress-bar__danger .progress-indicator {
    background: #8f1919;
}

.progress-bar__info .progress-indicator {
    background: #365cb1;
}

.search-main {
    margin: 10px auto;
    -webkit-appearance: none;
}

    .search-main .field {
        background: rgba(255,255,255,0.8);
        -webkit-box-shadow: none;
        -webkit-appearance: none;
        box-shadow: none;
        border-width: 1px;
        border-radius: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 2.7em;
        line-height: 1.4;
        vertical-align: top;
    }

        .search-main .field:active, .search-main .field:focus {
            background: #fff;
            border-color: #1C3B7C;
        }

    .search-main .button, .search-main input[type=submit] {
        font-size: 1em;
        padding: 0 .8em;
        border: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 2.7em;
        line-height: 1.4;
        vertical-align: top;
    }

.top-header .search-main .button, .top-header .search-main input[type=submit] {
    background: #000;
    border-color: #000;
    border-radius: 0;
    color: white !important;
}

    .top-header .search-main .button:hover, .top-header .search-main input[type=submit]:hover, .top-header .search-main .button:focus, .top-header .search-main input[type=submit]:focus, .top-header .search-main .button:active, .top-header .search-main input[type=submit]:active {
        background: #333 !important;
        border-color: #333 !important;
    }

.inner .search-main .field {
    border-radius: 0px;
}

.inner .search-main .button:hover, .inner .search-main input[type=submit]:hover {
    background: #0e521a;
    border-color: #0e521a;
}

.url {
    word-break: break-word;
}

@-moz-document url-prefix() {
}

.sidebar {
    font-size: .85em;
}

    .sidebar .h3 {
        font-size: 1.15em;
        font-weight: bold;
        display: block;
        margin-bottom: 0.85em;
        margin-top: 0.85em;
    }

/*.editor table, .confirmation {
    border: 1px solid #000;
    width: 100%;
    overflow: auto;
    margin: 0 auto 10px;
}

    .editor table thead, .confirmation thead {
        border: 1px solid #000;
    }

    .editor table tbody, .confirmation tbody {
        border: 1px solid #000;
    }

    .editor table th, .confirmation th {
        padding: 0.4em;
        background: #ccc;
        font-weight: bold;
    }

    .editor table thead + tbody tr:first-child td, .confirmation thead + tbody tr:first-child td {
        padding: 0.2em;
        background: none;
        font-weight: normal;
    }

    .editor table caption, .confirmation caption {
        border: 1px solid #000;
        border-bottom: 0;
    }

    .editor table tr, .confirmation tr {
        border-bottom: 1px solid #222;
    }

    .editor table td, .confirmation td {
        padding: 0.2em;
    }

    .editor table th, .confirmation th {
        border-left: 1px solid #000;
    }

    .editor table td, .confirmation td {
        border-left: 1px solid #000;
    }

#main-content .editor table, #main-content .confirmation {
    word-break: normal;
    word-wrap: normal;
}*/

.confirmation + .confirmation {
    margin-top: 30px;
}

.data-table {
    margin: 0 auto 1em;
    overflow: auto;
    width: 100%;
    list-style-type: none;
    padding: 0;
}

    .data-table h4, .data-table h2.h4 {
        margin: 0 0 0.5em;
    }

    .data-table h2.h4 {
        font-size: 1em;
    }

    .data-table > li {
        padding: 1em 0;
        border-bottom: 1px solid #D5D5D5;
    }

.data-table__striped th {
    background: #fff;
}

.data-table__striped tr {
    background: #fff;
}

    .data-table__striped tr:nth-child(even) {
        background: #eee;
    }

.table-center th {
    padding: 0.5em;
}

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

.calendar {
    text-align: center;
    margin: 1em 0;
    display: table;
}

    .calendar a {
        font-weight: bold;
    }

    .calendar caption {
        margin-bottom: 0px;
    }

        .calendar caption a, .calendar caption span {
            display: inline-block;
            font-size: 1.2em;
            margin: 0 5px;
        }

    .calendar .today {
        background: #ccc;
    }

.table-wrapper {
    padding-bottom: 5px;
    margin: 0 0 1.5em;
    max-width: 100%;
    overflow-x: auto;
}

.js.lt-ie10 .table-wrapper .scroller {
    border-right: 1px solid #3c3c3c;
}

.table-wrapper.has-scroll {
    overflow: hidden;
    position: relative;
}

    .table-wrapper.has-scroll:after {
        border-radius: 10px 0 0 10px / 50% 0 0 50%;
        box-shadow: -5px 0 10px rgba(0,0,0,0.25);
        content: '';
        height: 100%;
        left: 100%;
        position: absolute;
        top: 0;
        width: 50px;
    }

    .table-wrapper.has-scroll .scroller {
        overflow-x: auto;
    }

        .table-wrapper.has-scroll .scroller::-webkit-scrollbar {
            height: 12px;
        }

        .table-wrapper.has-scroll .scroller::-webkit-scrollbar-track {
            background: #f0f0f0;
            box-shadow: inset 0 0 2px rgba(0,0,0,0.15);
        }

        .table-wrapper.has-scroll .scroller::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 6px;
        }

.carousel {
    float: none;
    display: block;
    margin: 10px -20px;
}

.carousel-inner {
    overflow: hidden;
    position: relative;
}

.slides {
    display: block;
    background: #888;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 0;
    float: left;
    -webkit-transition: .5s margin;
    -moz-transition: .5s margin;
    transition: .5s margin;
}

    .slides li {
        display: inline;
        float: left;
        position: relative;
    }

        .slides li img {
            margin-left: 3px;
        }

        .slides li.active {
            z-index: 10;
        }

            .slides li.active img {
                margin-left: 0;
            }

    .slides img, .text {
        width: 100%;
        display: block;
    }

    .slides img {
        background-size: cover !important;
    }

    .slides h3 {
        margin: 10px 15px;
        font-size: 1.2em;
        width: 100%;
    }

        .slides h3 a {
            color: #444;
        }

    .slides p {
        margin: 10px 15px;
        font-size: .8em;
        padding: 0 0 10px;
    }

@media only screen and (min-width: 560px) {
    .carousel {
        margin: 0 -20px;
        width: 100%;
    }
}

.widget-width {
    float: left;
}

.widget-stack .widget__navigation {
    margin-bottom: 2em;
}

.widget, .boxed-sign-in {
    float: none;
}

.top-menu .widget h1, .top-menu .boxed-sign-in h1, .top-menu .widget h2, .top-menu .boxed-sign-in h2, .top-menu .widget h3, .top-menu .boxed-sign-in h3, .top-menu .widget h4, .top-menu .boxed-sign-in h4, .top-menu .widget h5, .top-menu .boxed-sign-in h5, .top-menu .widget h6, .top-menu .boxed-sign-in h6 {
    margin-top: 0;
}

.widget__what-s-on {
    zoom: 1;
}

.widget__most-popular-tasks-navigation {
    padding-bottom: 0 !important;
}

.widget__full-width-navigation-with-x, .widget__navigation-row-with-x {
    overflow: hidden;
}

.widget__full-width-navigation div.span-12 li.one-third {
    float: none;
    display: inline-block;
    margin-right: 0;
    width: 100%;
}

.widget__full-width-navigation div.span-12 a {
    font-weight: bold;
}

.widget.widget__news-row, .widget__news-row.boxed-sign-in {
    padding: 0 1em;
}

    .widget.widget__news-row .container, .widget__news-row.boxed-sign-in .container, .widget.widget__news-row .site-header, .widget__news-row.boxed-sign-in .site-header {
        padding: 0;
    }

    .widget.widget__news-row .news-title, .widget__news-row.boxed-sign-in .news-title {
        margin-top: 0;
    }

    .widget.widget__news-row .write-header .summary, .widget__news-row.boxed-sign-in .write-header .summary {
        padding: 0;
    }

    .widget.widget__news-row .less-prominent, .widget__news-row.boxed-sign-in .less-prominent {
        padding-top: 20px;
    }

        .widget.widget__news-row .less-prominent .post-short, .widget__news-row.boxed-sign-in .less-prominent .post-short {
            margin: 0 0 1em;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-bottom: 1px solid #d5d5d5;
        }

            .widget.widget__news-row .less-prominent .post-short:first-child, .widget__news-row.boxed-sign-in .less-prominent .post-short:first-child, .widget.widget__news-row .less-prominent .post-short.first-child, .widget__news-row.boxed-sign-in .less-prominent .post-short.first-child {
                border-left: 0;
            }

            .widget.widget__news-row .less-prominent .post-short:nth-child(2), .widget__news-row.boxed-sign-in .less-prominent .post-short:nth-child(2), .widget.widget__news-row .less-prominent .post-short.nth-chd-2, .widget__news-row.boxed-sign-in .less-prominent .post-short.nth-chd-2 {
                border-bottom: 0;
            }

            .widget.widget__news-row .less-prominent .post-short:nth-child(3), .widget__news-row.boxed-sign-in .less-prominent .post-short:nth-child(3), .widget.widget__news-row .less-prominent .post-short.nth-chd-3, .widget__news-row.boxed-sign-in .less-prominent .post-short.nth-chd-3 {
                display: none;
            }

            .widget.widget__news-row .less-prominent .post-short h3, .widget__news-row.boxed-sign-in .less-prominent .post-short h3 {
                margin: 0 0 0.5em;
            }

            .widget.widget__news-row .less-prominent .post-short h4, .widget__news-row.boxed-sign-in .less-prominent .post-short h4 {
                margin: 1em 0;
            }

    .widget.widget__news-row .bottom-center, .widget__news-row.boxed-sign-in .bottom-center {
        display: block;
        clear: both;
        padding: 0.5em 0;
    }

.top-menu .widget__campaigns .button:focus, .top-menu .widget__campaigns input[type=submit]:focus {
    background-color: #fff !important;
    border-color: #fff;
}

.top-menu .widget__campaigns, .top-menu .widget__campaigns-new {
    padding: 0;
}

    .top-menu .widget__campaigns .campaign-container, .top-menu .widget__campaigns-new .campaign-container {
        padding: 0.5em 1.2em;
    }

.widget__campaigns, .widget__campaigns-new {
    padding: 0.5em 1em;
    background: #7e736a;
    color: #fff;
}

    .widget__campaigns .button__callout, .widget__campaigns-new .button__callout {
        display: inline-block !important;
        margin-bottom: 10px;
    }

    .widget__campaigns .campaign-container:first-child, .widget__campaigns-new .campaign-container:first-child {
        border-top: 0;
    }

    .widget__campaigns a:link, .widget__campaigns a:visited, .widget__campaigns-new a:link, .widget__campaigns-new a:visited {
        color: #fff;
    }

    .widget__campaigns .button:hover, .widget__campaigns input[type=submit]:hover, .widget__campaigns-new .button:hover, .widget__campaigns-new input[type=submit]:hover {
        color: #7e736a;
    }

    .widget__campaigns .campaign-title, .widget__campaigns-new .campaign-title {
        font-weight: bold;
        font-size: 1.2em;
        margin: 0;
    }

    .widget__campaigns .campaign-container, .widget__campaigns-new .campaign-container {
        padding: 0.4em 0;
        border-top: 1px solid #fff;
    }

.widget__latest-news h2 {
    margin-top: 0;
}

.widget__latest-news .item-list__rich li:last-child {
    border-bottom: 0;
}

.widget__directory-search span {
    margin: 1em 0;
    display: block;
}

.top-menu .widget__directory-search .button, .top-menu .widget__directory-search input[type=submit] {
    border-style: solid;
    border-width: 4px;
}

.widget__opinion-poll {
    padding: 10px;
}

    .widget__opinion-poll #pollForm label {
        display: block;
        clear: both;
        padding: 5px 0;
    }

    .widget__opinion-poll .button, .widget__opinion-poll input[type=submit] {
        margin: 1.5em 0;
    }

.widget__multimedia object {
    max-width: 100%;
}

.wrapper.categories .widget__full-width-navigation .item-list__rich li a {
    color: #3A71BC;
}

.top-menu .widget__top-faqs a, .top-menu .widget__what-s-new-on-site a, .top-menu .widget__what-s-on a, .top-menu .widget__opinion-poll a, .top-menu .widget__navigation a, .top-menu .widget__middle-adverts a, .top-menu .widget__right-adverts a, .top-menu .widget__latest-news a, .top-menu .widget__directory-search a, .top-menu .widget__content a, .top-menu .widget__image a {
    font-weight: bold;
}

    .top-menu .widget__top-faqs a:hover, .top-menu .widget__top-faqs a:focus, .top-menu .widget__what-s-new-on-site a:hover, .top-menu .widget__what-s-new-on-site a:focus, .top-menu .widget__what-s-on a:hover, .top-menu .widget__what-s-on a:focus, .top-menu .widget__opinion-poll a:hover, .top-menu .widget__opinion-poll a:focus, .top-menu .widget__navigation a:hover, .top-menu .widget__navigation a:focus, .top-menu .widget__middle-adverts a:hover, .top-menu .widget__middle-adverts a:focus, .top-menu .widget__right-adverts a:hover, .top-menu .widget__right-adverts a:focus, .top-menu .widget__latest-news a:hover, .top-menu .widget__latest-news a:focus, .top-menu .widget__directory-search a:hover, .top-menu .widget__directory-search a:focus, .top-menu .widget__content a:hover, .top-menu .widget__content a:focus, .top-menu .widget__image a:hover, .top-menu .widget__image a:focus {
        color: #fff;
    }

.widget__in-my-area-search .search-form, .widget__in-my-area-results .search-form {
    padding-top: .5em;
}

    .widget__in-my-area-search .search-form .field, .widget__in-my-area-results .search-form .field {
        margin-bottom: .5em;
    }

    .widget__in-my-area-search .search-form .button, .widget__in-my-area-search .search-form input[type=submit], .widget__in-my-area-results .search-form .button, .widget__in-my-area-results .search-form input[type=submit] {
        background: transparent;
        border: 2px solid #fff;
        color: #fff;
        margin-top: 0;
    }

        .widget__in-my-area-search .search-form .button:hover, .widget__in-my-area-search .search-form input[type=submit]:hover, .widget__in-my-area-search .search-form .button:focus, .widget__in-my-area-search .search-form input[type=submit]:focus, .widget__in-my-area-search .search-form .button:active, .widget__in-my-area-search .search-form input[type=submit]:active, .widget__in-my-area-results .search-form .button:hover, .widget__in-my-area-results .search-form input[type=submit]:hover, .widget__in-my-area-results .search-form .button:focus, .widget__in-my-area-results .search-form input[type=submit]:focus, .widget__in-my-area-results .search-form .button:active, .widget__in-my-area-results .search-form input[type=submit]:active {
            background-color: #fff !important;
            border-color: #fff !important;
            color: #000 !important;
        }

.widget__in-my-area-results .gmap-map-area {
    height: 250px;
    margin-bottom: 1em;
}

.widget__in-my-area-results .maplayerselect {
    margin-bottom: 1em;
}

.widget__in-my-area-results .callout__border-black .nearestlayer:first-child h3 {
    margin-top: 0;
}

.widget__do-it-online {
    overflow: hidden;
}

    .widget__do-it-online .button, .widget__do-it-online input[type=submit] {
        background-color: #494949;
        border-color: #868484;
        display: block;
    }

        .widget__do-it-online .button:hover, .widget__do-it-online input[type=submit]:hover, .widget__do-it-online .button:focus, .widget__do-it-online input[type=submit]:focus, .widget__do-it-online .button:active, .widget__do-it-online input[type=submit]:active {
            background-color: #303030;
        }

    .widget__do-it-online .doitonlineDiv {
        margin-bottom: .5em;
    }

        .widget__do-it-online .doitonlineDiv:last-child {
            margin-bottom: 0;
        }

    .widget__do-it-online .button, .widget__do-it-online input[type=submit] {
        padding: 0.3em;
    }

.widget__news-and-twitter div.span-6, .widget__news-and-twitter .site-header div.item-list, .site-header .widget__news-and-twitter div.item-list, .widget__news-and-twitter div#content {
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 1.81818%;
}

    .widget__news-and-twitter div.span-6:last-of-type, .widget__news-and-twitter .site-header div.item-list:last-of-type, .site-header .widget__news-and-twitter div.item-list:last-of-type, .widget__news-and-twitter div#content:last-of-type {
        float: right;
    }

.widget__news-and-twitter .widget-stack {
    margin-bottom: 1em;
}

    .widget__news-and-twitter .widget-stack h2 {
        margin-top: 0;
    }

    .widget__news-and-twitter .widget-stack h2, .widget__news-and-twitter .widget-stack h3, .widget__news-and-twitter .widget-stack .small {
        margin-bottom: .5em;
    }

    .widget__news-and-twitter .widget-stack .bottom-center {
        display: block;
        clear: both;
    }

.widget__news-and-twitter .button, .widget__news-and-twitter input[type=submit] {
    padding: .3em 2em;
}

.widget__news-and-twitter .twitter-feed h3 {
    border-bottom: 1px solid #6c6b6b;
    font-size: 1.2em;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .widget__news-and-twitter .twitter-feed h3 a {
        border-color: #6c6b6b;
        color: #494949;
    }

.widget__news-and-twitter .twitter-feed .tweet {
    background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/icon-midlothian.png") no-repeat 0 1em;
    border-bottom: 1px solid #d5d5d5;
    font-size: .9em;
    margin: 0;
    padding: 1em 0 1em 4em;
}

.widget__news-and-twitter .twitter-feed .button, .widget__news-and-twitter .twitter-feed input[type=submit] {
    display: inline-block;
    float: right;
    font-size: .8em;
    font-weight: bold;
    margin-top: -.8em;
    padding: .4em 1.7em;
}

    .widget__news-and-twitter .twitter-feed .button:hover, .widget__news-and-twitter .twitter-feed input[type=submit]:hover, .widget__news-and-twitter .twitter-feed .button:focus, .widget__news-and-twitter .twitter-feed input[type=submit]:focus, .widget__news-and-twitter .twitter-feed .button:active, .widget__news-and-twitter .twitter-feed input[type=submit]:active {
        background-color: #6c6b6b;
        color: #fff;
    }

@media only screen and (min-width: 600px) {
    .top-header.fixed {
        position: fixed !important;
        z-index: 1000;
    }

    .top-header .navigate nav {
        width: auto;
        margin-bottom: 20px;
    }

        .top-header .navigate nav form {
            width: 320px;
        }

            .top-header .navigate nav form .field {
                width: 80%;
            }

    .top-header .site-header__identity__heading {
        margin: 0.12em 0 0.5em;
        font-size: 2em;
        text-align: left;
    }

    .top-header .container, .top-header .site-header {
        position: relative;
    }

    .top-header .top-links {
        position: absolute;
        top: 5px;
        right: 1px;
        text-align: right;
    }

    .form__block label.checkbox, .form__block label.radio {
        width: auto;
    }

    .form__block .dob--day, .form__block .dob--month, .form__block .dob--year {
        width: 13%;
    }

    /*.data-table, .editor table {
        width: 75%;
    }*/

    .wrapper.footer .footer-logo {
        float: right;
    }

    .wrapper.footer .site-footer__logo {
        text-align: right;
    }

    .wrapper.footer .social-media {
        margin-top: 0;
        text-align: right;
    }

        .wrapper.footer .social-media ul li {
            margin: 0 -4px 0 0;
            max-width: 60px;
            text-align: center;
            width: 25%;
        }

    .az-block ol li {
        width: 3.4%;
    }

    .less-prominent .post-short {
        border-left: 1px solid #d5d5d5;
        border-bottom: 0;
        padding: 1.5em 1em;
    }

        .less-prominent .post-short:nth-child(3) {
            display: inline-block;
        }

    .widget__news-row .write-header .title {
        border-right: 1px solid #d5d5d5;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 40px;
        font-size: 2em;
    }

    .widget__news-row .write-header h1 {
        margin: 0;
    }

    .inner .write-header h1 {
        font-size: 2.2em;
        margin-top: 0;
    }

        .inner .write-header h1 span {
            font-size: 0.6em;
        }

    .inner .write-header h2 {
        font-size: 1.4em;
    }

    .left-supplements .button, .left-supplements input[type=submit] {
        padding: .3em .4em;
    }

    .callout .button, .callout input[type=submit] {
        width: auto;
    }

    .callout .field {
        width: auto;
        max-width: 100%;
    }

    .top-menu .widget-width {
        margin-top: 0;
    }

    .top-menu #main-content.wrapper {
        padding: 0 1em;
    }

        .top-menu #main-content.wrapper .wrapper {
            padding: 0 1em;
        }

    .inner .content h2 {
        font-size: 1.6em;
    }

        .inner .content h2.boxheader {
            margin-top: 0;
        }

    .inner .category-menu {
        display: block;
    }

    .hero-menus .boxed {
        margin-top: 0;
    }

    .widget__popular-tasks .hero-menus .item-list__rich li.half, .widget__popular-tasks-no-more-button .hero-menus .item-list__rich li.half {
        width: 47.5%;
    }

        .widget__popular-tasks .hero-menus .item-list__rich li.half:nth-child(-n+2), .widget__popular-tasks-no-more-button .hero-menus .item-list__rich li.half:nth-child(-n+2) {
            border-bottom: 1px solid #fff;
        }

    .doc-nav {
        padding: 1em !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .categories .item-list__rich li.one-third, .more-menus .item-list__rich li.one-third {
        width: 31%;
        display: inline-block;
    }

    .item-list__rich li.one-third {
        width: 31%;
    }

    .item-list__rich h2 {
        font-size: 1.6em;
    }

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

    .img-figure__feature .caption {
        margin-top: 10px;
        padding-bottom: 20px;
    }

    .inner .downloads-area h2 {
        margin-top: 0.4em;
    }

    .hero-menus .boxed .item-list__rich li {
        border-color: #fff;
    }

    .widget.widget__news-row .less-prominent, .widget__news-row.boxed-sign-in .less-prominent {
        padding-top: 0;
    }

        .widget.widget__news-row .less-prominent .post-short, .widget__news-row.boxed-sign-in .less-prominent .post-short {
            border-bottom: 0;
        }

            .widget.widget__news-row .less-prominent .post-short:nth-child(3), .widget__news-row.boxed-sign-in .less-prominent .post-short:nth-child(3), .widget.widget__news-row .less-prominent .post-short.nth-chd-3, .widget__news-row.boxed-sign-in .less-prominent .post-short.nth-chd-3 {
                display: inline-block;
            }

    .widget__latest-news .item-list__rich li:last-child {
        border-bottom: 1px solid #d5d5d5;
    }

    .form__block .custom-questions .custom-questions-protect label, .form__block .custom-questions .custom-questions-protect .label {
        text-align: left;
    }

    .form__block > div small {
        margin-left: 30%;
    }

    .form__block label, .form__block .label {
        width: 30%;
        float: left;
        text-align: right;
    }

    .form__block .field, .form__block textarea, .form__block select, .form__block .map, .form__block .text, .form__block .xfields {
        width: 40%;
        float: left;
    }

    .form__block .input {
        width: 70%;
        float: left;
    }

        .form__block .input .field, .form__block .input textarea, .form__block .input select, .form__block .input .map, .form__block .input .text, .form__block .input .xfields {
            width: 70%;
            float: none;
        }

    .form__block .radio, .form__block .checkbox, .form__block .radio {
        width: auto;
    }

    .form__block .button, .form__block input[type=submit] {
        margin: 0 0 0 30%;
    }

        .form__block .button.button__aside, .form__block input.button__aside[type=submit] {
            margin-top: 0px !important;
            margin-left: 10px !important;
            float: left !important;
        }

    .form__block .form__append {
        clear: both;
    }

    .form__block .map + .form__append {
        margin-left: 30%;
    }

    .form__block .page-tasks .button, .form__block .page-tasks input[type=submit] {
        display: inline-block;
        margin: auto;
        width: auto;
    }

    .form__block .contrast-settings .radio {
        margin-right: 10px;
    }

    .form__block span ~ label, .form__block .xform_group label {
        text-align: left;
        width: auto;
        margin-right: 20px;
    }

        .form__block span ~ label input, .form__block .xform_group label input {
            margin-right: 5px;
        }

    .form__block #xforms_search_results, .form__block #search_results {
        margin-left: 30%;
    }

    .form__block .custom-questions .checkbox, .form__block .custom-questions .radio {
        width: 65%;
        float: right;
    }

    .item-list__images li small {
        display: block;
        margin-top: 10px;
    }

    .form__append .field {
        float: left;
    }

    .task-buttons .button, .task-buttons input[type=submit] {
        width: auto;
        margin: 5px 2px;
    }

    .list-halves li {
        width: 48%;
        margin-right: 1.5%;
        display: inline-block;
    }

    .item-list__inline-buttons li h4 {
        display: inline;
    }

    .item-list__inline-buttons li .button, .item-list__inline-buttons li input[type=submit] {
        margin: 0 5px;
    }

    .contact_left {
        float: left;
        width: 48%;
        margin-right: 2%;
        border-right: 1px solid #FFF;
        border-bottom: none;
    }

    .contact_callout address {
        color: #FFFFFF;
        float: left;
        width: 48%;
        margin-left: 1%;
    }

    .contact_list li {
        border-bottom: 0;
        margin-bottom: 1em;
    }

    .supplement__contact img.thumbnail, .supplement__contact img.image__avatar {
        width: 25%;
    }

    .widget__in-my-area-search .search-form .field, .widget__in-my-area-results .search-form .field {
        margin-bottom: 0;
        width: 50%;
    }

    .widget__in-my-area-search .gmap-map-area, .widget__in-my-area-results .gmap-map-area {
        height: 500px;
    }

    .widget__full-width-navigation div.span-12 li.one-third {
        margin-right: 1.81818%;
        width: 31%;
    }

    .widget__do-it-online .doitonlineDiv {
        margin-bottom: 0;
    }

    .header-account {
        float: right;
        padding-right: 12px;
        text-align: right;
    }
}

@media only screen and (min-width: 891px) {
    .widget__full-width-navigation div.span-12 li.one-third {
        margin-right: 1.81818%;
        width: 31.8%;
    }

        .widget__full-width-navigation div.span-12 li.one-third:nth-child(3n+0) {
            margin-right: 0;
        }
}

@media print {
    body {
        background: transparent;
    }

    header, .announcement, .breadcrumb, .sidebar__primary, footer {
        display: none !important;
    }

    .content {
        width: 100% !important;
        margin: 0 !important;
    }
}

.lt-ie10 .form__block select {
    padding-bottom: 0;
}

.lt-ie10.inner .search-main .field {
    width: 80%;
}

.lt-ie9 .top-header.fixed {
    position: fixed !important;
    z-index: 1000;
}

.lt-ie9 .top-header .navigate nav {
    width: auto;
    margin-bottom: 20px;
}

    .lt-ie9 .top-header .navigate nav form {
        width: 320px;
    }

        .lt-ie9 .top-header .navigate nav form .field {
            width: 80%;
        }

.lt-ie9 .top-header .site-header__identity__heading {
    margin: 0.12em 0 0.5em;
    font-size: 2em;
    text-align: left;
}

.lt-ie9 .top-header .container, .lt-ie9 .top-header .site-header {
    position: relative;
}

.lt-ie9 .top-header .top-links {
    position: absolute;
    top: 5px;
    right: 1px;
    text-align: right;
}

.lt-ie9 .form__block label.checkbox, .lt-ie9 .form__block label.radio {
    width: auto;
}

.lt-ie9 .form__block .dob--day, .lt-ie9 .form__block .dob--month, .lt-ie9 .form__block .dob--year {
    width: 13%;
}

.lt-ie9 .data-table, .lt-ie9 .editor table {
    width: 75%;
}

.lt-ie9 .wrapper.footer .footer-logo {
    float: right;
}

.lt-ie9 .wrapper.footer .site-footer__logo {
    text-align: right;
}

.lt-ie9 .wrapper.footer .social-media {
    margin-top: 0;
    text-align: right;
}

    .lt-ie9 .wrapper.footer .social-media ul li {
        margin: 0 -4px 0 0;
        max-width: 60px;
        text-align: center;
        width: 25%;
    }

.lt-ie9 .az-block ol li {
    width: 3.4%;
}

.lt-ie9 .less-prominent .post-short {
    border-left: 1px solid #d5d5d5;
    border-bottom: 0;
    padding: 1.5em 1em;
}

    .lt-ie9 .less-prominent .post-short:nth-child(3) {
        display: inline-block;
    }

.lt-ie9 .widget__news-row .write-header .title {
    border-right: 1px solid #d5d5d5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
    font-size: 2em;
}

.lt-ie9 .widget__news-row .write-header h1 {
    margin: 0;
}

.lt-ie9 .inner .write-header h1 {
    font-size: 2.2em;
    margin-top: 0;
}

    .lt-ie9 .inner .write-header h1 span {
        font-size: 0.6em;
    }

.lt-ie9 .inner .write-header h2 {
    font-size: 1.4em;
}

.lt-ie9 .left-supplements .button, .lt-ie9 .left-supplements input[type=submit] {
    padding: .3em .4em;
}

.lt-ie9 .callout .button, .lt-ie9 .callout input[type=submit] {
    width: auto;
}

.lt-ie9 .callout .field {
    width: auto;
    max-width: 100%;
}

.lt-ie9 .top-menu .widget-width {
    margin-top: 0;
}

.lt-ie9 .top-menu #main-content.wrapper {
    padding: 0 1em;
}

    .lt-ie9 .top-menu #main-content.wrapper .wrapper {
        padding: 0 1em;
    }

.lt-ie9 .inner .content h2 {
    font-size: 1.6em;
}

    .lt-ie9 .inner .content h2.boxheader {
        margin-top: 0;
    }

.lt-ie9 .inner .category-menu {
    display: block;
}

.lt-ie9 .hero-menus .boxed {
    margin-top: 0;
}

.lt-ie9 .widget__popular-tasks .hero-menus .item-list__rich li.half, .lt-ie9 .widget__popular-tasks-no-more-button .hero-menus .item-list__rich li.half {
    width: 47.5%;
}

    .lt-ie9 .widget__popular-tasks .hero-menus .item-list__rich li.half:nth-child(-n+2), .lt-ie9 .widget__popular-tasks-no-more-button .hero-menus .item-list__rich li.half:nth-child(-n+2) {
        border-bottom: 1px solid #fff;
    }

.lt-ie9 .doc-nav {
    padding: 1em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lt-ie9 .categories .item-list__rich li.one-third, .lt-ie9 .more-menus .item-list__rich li.one-third {
    width: 31%;
    display: inline-block;
}

.lt-ie9 .item-list__rich li.one-third {
    width: 31%;
}

.lt-ie9 .item-list__rich h2 {
    font-size: 1.6em;
}

.lt-ie9 .site-logo {
    text-align: left;
}

.lt-ie9 .img-figure__feature .caption {
    margin-top: 10px;
    padding-bottom: 20px;
}

.lt-ie9 .inner .downloads-area h2 {
    margin-top: 0.4em;
}

.lt-ie9 .hero-menus .boxed .item-list__rich li {
    border-color: #fff;
}

.lt-ie9 .widget.widget__news-row .less-prominent, .lt-ie9 .widget__news-row.boxed-sign-in .less-prominent {
    padding-top: 0;
}

    .lt-ie9 .widget.widget__news-row .less-prominent .post-short, .lt-ie9 .widget__news-row.boxed-sign-in .less-prominent .post-short {
        border-bottom: 0;
    }

        .lt-ie9 .widget.widget__news-row .less-prominent .post-short:nth-child(3), .lt-ie9 .widget__news-row.boxed-sign-in .less-prominent .post-short:nth-child(3), .lt-ie9 .widget.widget__news-row .less-prominent .post-short.nth-chd-3, .lt-ie9 .widget__news-row.boxed-sign-in .less-prominent .post-short.nth-chd-3 {
            display: inline-block;
        }

.lt-ie9 .widget__latest-news .item-list__rich li:last-child {
    border-bottom: 1px solid #d5d5d5;
}

.lt-ie9 .form__block .custom-questions .custom-questions-protect label, .lt-ie9 .form__block .custom-questions .custom-questions-protect .label {
    text-align: left;
}

.lt-ie9 .form__block > div small {
    margin-left: 30%;
}

.lt-ie9 .form__block label, .lt-ie9 .form__block .label {
    width: 30%;
    float: left;
    text-align: right;
}

.lt-ie9 .form__block .field, .lt-ie9 .form__block textarea, .lt-ie9 .form__block select, .lt-ie9 .form__block .map, .lt-ie9 .form__block .text, .lt-ie9 .form__block .xfields {
    width: 40%;
    float: left;
}

.lt-ie9 .form__block .input {
    width: 70%;
    float: left;
}

    .lt-ie9 .form__block .input .field, .lt-ie9 .form__block .input textarea, .lt-ie9 .form__block .input select, .lt-ie9 .form__block .input .map, .lt-ie9 .form__block .input .text, .lt-ie9 .form__block .input .xfields {
        width: 70%;
        float: none;
    }

.lt-ie9 .form__block .radio, .lt-ie9 .form__block .checkbox, .lt-ie9 .form__block .radio {
    width: auto;
}

.lt-ie9 .form__block .button, .lt-ie9 .form__block input[type=submit] {
    margin: 0 0 0 30%;
}

    .lt-ie9 .form__block .button.button__aside, .lt-ie9 .form__block input.button__aside[type=submit] {
        margin-top: 0px !important;
        margin-left: 10px !important;
        float: left !important;
    }

.lt-ie9 .form__block .form__append {
    clear: both;
}

.lt-ie9 .form__block .map + .form__append {
    margin-left: 30%;
}

.lt-ie9 .form__block .page-tasks .button, .lt-ie9 .form__block .page-tasks input[type=submit] {
    display: inline-block;
    margin: auto;
    width: auto;
}

.lt-ie9 .form__block .contrast-settings .radio {
    margin-right: 10px;
}

.lt-ie9 .form__block span ~ label, .lt-ie9 .form__block .xform_group label {
    text-align: left;
    width: auto;
    margin-right: 20px;
}

    .lt-ie9 .form__block span ~ label input, .lt-ie9 .form__block .xform_group label input {
        margin-right: 5px;
    }

.lt-ie9 .form__block #xforms_search_results, .lt-ie9 .form__block #search_results {
    margin-left: 30%;
}

.lt-ie9 .form__block .custom-questions .checkbox, .lt-ie9 .form__block .custom-questions .radio {
    width: 65%;
    float: right;
}

.lt-ie9 .item-list__images li small {
    display: block;
    margin-top: 10px;
}

.lt-ie9 .form__append .field {
    float: left;
}

.lt-ie9 .task-buttons .button, .lt-ie9 .task-buttons input[type=submit] {
    width: auto;
    margin: 5px 2px;
}

.lt-ie9 .list-halves li {
    width: 48%;
    margin-right: 1.5%;
    display: inline-block;
}

.lt-ie9 .item-list__inline-buttons li h4 {
    display: inline;
}

.lt-ie9 .item-list__inline-buttons li .button, .lt-ie9 .item-list__inline-buttons li input[type=submit] {
    margin: 0 5px;
}

.lt-ie9 .contact_left {
    float: left;
    width: 48%;
    margin-right: 2%;
    border-right: 1px solid #FFF;
    border-bottom: none;
}

.lt-ie9 .contact_callout address {
    color: #FFFFFF;
    float: left;
    width: 48%;
    margin-left: 1%;
}

.lt-ie9 .contact_list li {
    border-bottom: 0;
    margin-bottom: 1em;
}

.lt-ie9 .supplement__contact img.thumbnail, .lt-ie9 .supplement__contact img.image__avatar {
    width: 25%;
}

.lt-ie9 .widget__in-my-area-search .search-form .field, .lt-ie9 .widget__in-my-area-results .search-form .field {
    margin-bottom: 0;
    width: 50%;
}

.lt-ie9 .widget__in-my-area-search .gmap-map-area, .lt-ie9 .widget__in-my-area-results .gmap-map-area {
    height: 500px;
}

.lt-ie9 .widget__full-width-navigation div.span-12 li.one-third {
    margin-right: 1.81818%;
    width: 31%;
}

.lt-ie9 .widget__do-it-online .doitonlineDiv {
    margin-bottom: 0;
}

.lt-ie9 .header-account {
    float: right;
    padding-right: 12px;
    text-align: right;
}

.lt-ie9 .wrapper {
    padding: 0;
    box-sizing: border-box;
}

    .lt-ie9 .wrapper .container, .lt-ie9 .wrapper .site-header {
        padding: 1.6em 0 0;
    }

    .lt-ie9 .wrapper .breadcrumb {
        background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/ie8-bg.png") repeat;
    }

        .lt-ie9 .wrapper .breadcrumb .container, .lt-ie9 .wrapper .breadcrumb .site-header {
            padding-top: 5px;
        }

.lt-ie9 #main-content > article.container, .lt-ie9 #main-content > article.site-header {
    padding-bottom: 1.5em;
}

.lt-ie9.home .first-row .container, .lt-ie9.home .first-row .site-header {
    padding-bottom: 1.5em !important;
}

.lt-ie9 .form__block label.checkbox, .lt-ie9 .form__block label.radio {
    width: auto;
}

.lt-ie9 .categories.wrapper {
    padding-bottom: 2em;
}

.lt-ie9 .container, .lt-ie9 .site-header {
    overflow: hidden;
}

.lt-ie9 .hero-menus {
    padding: 0;
}

    .lt-ie9 .hero-menus .container, .lt-ie9 .hero-menus .site-header {
        padding: 1.5em 0;
    }

    .lt-ie9 .hero-menus .widget__campaigns {
        overflow: auto;
        padding: 0;
    }

.lt-ie9 .search-main .field {
    display: block;
    float: left;
}

.lt-ie9 .search-main .button, .lt-ie9 .search-main input[type=submit] {
    margin-top: 0;
    display: block;
    padding: 0 1em;
}

.lt-ie9.index .search-main .button, .lt-ie9.index .search-main input[type=submit], .lt-ie9.home .search-main .button, .lt-ie9.home .search-main input[type=submit], .lt-ie9.inner .search-main .button, .lt-ie9.inner .search-main input[type=submit] {
    padding: 0 1em !important;
}

.lt-ie9 .top-menu {
    padding: 0;
}

    .lt-ie9 .top-menu .widget, .lt-ie9 .top-menu .boxed-sign-in {
        background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/ie8-bg.png") repeat;
        color: #fff;
    }

        .lt-ie9 .top-menu .widget a:link, .lt-ie9 .top-menu .boxed-sign-in a:link, .lt-ie9 .top-menu .widget a:visited, .lt-ie9 .top-menu .boxed-sign-in a:visited {
            color: #fff;
        }

        .lt-ie9 .top-menu .widget a:hover, .lt-ie9 .top-menu .boxed-sign-in a:hover {
            text-decoration: underline;
        }

.lt-ie9 .top-header .column.span-5 h1, .lt-ie9 .top-header .span-5.span-1 h1, .lt-ie9 .top-header .span-5.span-2 h1, .lt-ie9 .top-header .span-5.logo h1, .lt-ie9 .top-header .span-5.sidebar__secondary h1, .lt-ie9 .top-header .span-5.span-3 h1, .lt-ie9 .top-header .site-header .span-5.form__search h1, .site-header .lt-ie9 .top-header .span-5.form__search h1, .lt-ie9 .top-header .span-5.sidebar__primary h1, .lt-ie9 .top-header .span-5.span-4 h1, .lt-ie9 .top-header .span-5 h1, .lt-ie9 .top-header .span-5.span-6 h1, .lt-ie9 .top-header .site-header .span-5.item-list h1, .site-header .lt-ie9 .top-header .span-5.item-list h1, .lt-ie9 .top-header .span-5#content h1, .lt-ie9 .top-header .span-5.span-7 h1, .lt-ie9 .top-header .span-5.span-8 h1, .lt-ie9 .top-header .span-5.span-9 h1, .lt-ie9 .top-header .span-5.span-10 h1, .lt-ie9 .top-header .span-5.span-11 h1, .lt-ie9 .top-header .span-5.span-12 h1 {
    margin: 0.2em 0 0.5em;
}

.lt-ie9 .top-header .navigate nav form .field {
    width: 75%;
}

.lt-ie9 .more-tasks .container, .lt-ie9 .more-tasks .site-header {
    padding-bottom: 1.5em;
}

.lt-ie9 .home .breadcrumb ol {
    padding: 0;
    background: #222;
}

.lt-ie9.inner .search-main .field {
    width: 70%;
}

.lt-ie9.inner .column.content, .lt-ie9.inner .content.span-1, .lt-ie9.inner .content.span-2, .lt-ie9.inner .content.logo, .lt-ie9.inner .content.sidebar__secondary, .lt-ie9.inner .content.span-3, .lt-ie9.inner .site-header .content.form__search, .site-header .lt-ie9.inner .content.form__search, .lt-ie9.inner .content.sidebar__primary, .lt-ie9.inner .content.span-4, .lt-ie9.inner .content.span-5, .lt-ie9.inner .content.span-6, .lt-ie9.inner .site-header .content.item-list, .site-header .lt-ie9.inner .content.item-list, .lt-ie9.inner .content#content, .lt-ie9.inner .content.span-7, .lt-ie9.inner .content.span-8, .lt-ie9.inner .content.span-9, .lt-ie9.inner .content.span-10, .lt-ie9.inner .content.span-11, .lt-ie9.inner .content.span-12 {
    width: 64%;
}

.lt-ie9 .more-tasks.more-menus .container, .lt-ie9 .more-tasks.more-menus .site-header {
    margin: auto;
}

.lt-ie9 .wrapper.categories .item-list li.one-third, .lt-ie9 .wrapper.home-menus .more-menus .item-list li.one-third, .lt-ie9 .wrapper.default .item-list li.one-third {
    width: 31%;
}

.lt-ie9 .widget__full-width-navigation .item-list li.one-third {
    width: 31%;
}

.lt-ie9 .wrapper.news {
    background: #fff;
    margin: 0;
    padding-bottom: 3em;
}

    .lt-ie9 .wrapper.news .write-header {
        padding-bottom: 0;
    }

        .lt-ie9 .wrapper.news .write-header .title h1 {
            font-size: 1.4em;
        }

.lt-ie9 .column.last-child, .lt-ie9 .last-child.span-1, .lt-ie9 .last-child.span-2, .lt-ie9 .last-child.logo, .lt-ie9 .last-child.sidebar__secondary, .lt-ie9 .last-child.span-3, .lt-ie9 .site-header .last-child.form__search, .site-header .lt-ie9 .last-child.form__search, .lt-ie9 .last-child.sidebar__primary, .lt-ie9 .last-child.span-4, .lt-ie9 .last-child.span-5, .lt-ie9 .last-child.span-6, .lt-ie9 .site-header .last-child.item-list, .site-header .lt-ie9 .last-child.item-list, .lt-ie9 .last-child#content, .lt-ie9 .last-child.span-7, .lt-ie9 .last-child.span-8, .lt-ie9 .last-child.span-9, .lt-ie9 .last-child.span-10, .lt-ie9 .last-child.span-11, .lt-ie9 .last-child.span-12 {
    margin-right: 0;
}

.lt-ie9 .wrapper.news .less-prominent .post-short.first-child {
    border: 0 !important;
}

.lt-ie9 .home .wrapper.footer {
    height: auto;
}

.lt-ie9 .footer .column.span-3, .lt-ie9 .footer .span-3.span-1, .lt-ie9 .footer .span-1.sidebar__primary, .lt-ie9 .footer .span-3.span-2, .lt-ie9 .footer .span-3.logo, .lt-ie9 .footer .logo.sidebar__primary, .lt-ie9 .footer .span-2.sidebar__primary, .lt-ie9 .footer .sidebar__primary.sidebar__secondary, .lt-ie9 .footer .span-3.sidebar__secondary, .lt-ie9 .footer .span-3, .lt-ie9 .footer .site-header .form__search, .site-header .lt-ie9 .footer .form__search, .lt-ie9 .footer .sidebar__primary, .lt-ie9 .footer .span-3.span-4, .lt-ie9 .footer .span-4.sidebar__primary, .lt-ie9 .footer .span-3.span-5, .lt-ie9 .footer .span-5.sidebar__primary, .lt-ie9 .footer .span-3.span-6, .lt-ie9 .footer .site-header .span-3.item-list, .site-header .lt-ie9 .footer .span-3.item-list, .lt-ie9 .footer .site-header .item-list.sidebar__primary, .site-header .lt-ie9 .footer .item-list.sidebar__primary, .lt-ie9 .footer .site-header .form__search#content, .site-header .lt-ie9 .footer .form__search#content, .lt-ie9 .footer .span-6.sidebar__primary, .lt-ie9 .footer .sidebar__primary#content, .lt-ie9 .footer .span-3#content, .lt-ie9 .footer .span-3.span-7, .lt-ie9 .footer .span-7.sidebar__primary, .lt-ie9 .footer .span-3.span-8, .lt-ie9 .footer .span-8.sidebar__primary, .lt-ie9 .footer .span-3.span-9, .lt-ie9 .footer .span-9.sidebar__primary, .lt-ie9 .footer .span-3.span-10, .lt-ie9 .footer .span-10.sidebar__primary, .lt-ie9 .footer .span-3.span-11, .lt-ie9 .footer .span-11.sidebar__primary, .lt-ie9 .footer .span-3.span-12, .lt-ie9 .footer .span-12.sidebar__primary {
    width: 21%;
}

.lt-ie9 .supplement .thumbnail, .lt-ie9 .supplement .image__avatar {
    width: 90px;
    height: auto;
}

.lt-ie9 .category-menu {
    display: block;
}

.lt-ie9 .span-12 .one-third {
    margin-right: 1.35%;
}

.lt-ie9 .sidebar .form__block.form__eventselection label {
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
}

.lt-ie9 .sidebar .form__block.form__eventselection select {
    width: 70%;
    float: left;
    height: 33px;
    border: 1px solid #ccc;
}

.lt-ie9 .sidebar .form__block.form__eventselection .button, .lt-ie9 .sidebar .form__block.form__eventselection input[type=submit] {
    margin-left: 0;
}

.lt-ie9 .footer-logo {
    max-width: none;
}

.lt-ie9 .push-3 {
    float: right;
}

.lt-ie9 .breadcrumb ol li {
    float: left;
    margin-left: 0.3em;
}

    .lt-ie9 .breadcrumb ol li:before {
        content: none;
    }

    .lt-ie9 .breadcrumb ol li a {
        background: url("/cmis5/Portals/_default/skins/westdunbartonshire2020/assets/images/ie8-breadcrumb-arrow.jpg") no-repeat bottom left;
        padding-left: 20px;
    }

        .lt-ie9 .breadcrumb ol li a[rel='home'] {
            background: none;
            padding-left: 0px;
        }

.lt-ie9 .with-image .breadcrumb ol li.show:before {
    color: #FFFFFF;
    content: ">";
    padding: 0 5px;
}

.lt-ie9 .button__download {
    margin-bottom: 1em;
}

.lt-ie9 .form__block .dob--day input, .lt-ie9 .form__block .dob--month input, .lt-ie9 .form__block .dob--year input {
    width: 100%;
}

.lt-ie9 .widget__do-it-online .doitonlineDiv {
    margin-left: 1.81818%;
    margin-right: 0;
}

    .lt-ie9 .widget__do-it-online .doitonlineDiv:first-child {
        margin-left: 0;
    }

.lt-ie8 .widget__news-row .write-header .summary {
    width: 44%;
}

.lt-ie8 .widget__news-row .post-short {
    width: 29%;
}

.lt-ie8 .widget__campaigns .button:hover, .lt-ie8 .widget__campaigns input[type=submit]:hover {
    color: #000;
    background: #fff !important;
}

.lt-ie8 .widget__popular-tasks .more-menus__close {
    padding: 0.5em 0 1em;
}

.lt-ie8 .more-menus .item-list__rich li.one-third {
    width: 30% !important;
}
/*# sourceMappingURL=standard.css.map */


/*dnnLabel Override*/
.dnnLabel {
    width: auto;
    text-align: left;
}

/* Organisation Structures CSSs */

/*
CHANGE LOG
-------------------------------------------------------------
16/02/2010 - Task 917 - Mark Smith   - [1] add light grey colour to COM_EditBody_MultiPage_GeneralWrapper border
03/03/2010 - Task 916 - Holly Jonas  - [2] remove set width from COM_EditBody_MultiPage_GeneralWrapper border
18/03/2010 - Task 953 - Paul Steptoe - [3] changed width of COM_Viewcommittee_MultiPage_GeneralWrapper to 95%
30/03/2010 - Task 953 - Paul Steptoe - [4] changed the height of COM_FormLabel & COM_FormResponse to auto
22/04/2010 - Task 953 - Paul Steptoe - [5] Removed set widths from elements on the page and replaced with styles
									   [5] Removed blue border from borderPanel	
22/09/2010 - Task 790 - Paul Steptoe - [6] Removed the padding from the public facing committee list links
24/09/2010 - Task 793 - Mark Smith   - [7] CSS for ViewCommitteeDetails.ascx
23/10/2010 - Task 1038- Mark Smith   - [8] CSS for EditCommitteeDetails.ascx
06/03/2013 - Task 1861- Luke Hardy   - [9] CSS for EditCommitteeDetails.ascx for People Tab
-------------------------------------------------------------
*/

/* [7] - start of change */

/* ------------------------------------------  */
/* ViewCommitteeDetails.ascx                   */
/* ------------------------------------------  */

.EditCommitteeDetailsFreeTextSection {
    padding-top: 12px;
}

.EditCommitteeDetailsFreeTextSection textarea {
    width: 100%!important;
}

.ViewCommitteeDetailsWrapper .SummaryPanel {
    width: 100%;
}
.ViewCommitteeDetailsWrapper .DNNLabel { float: left; clear: left; width: 9em; }
.ViewCommitteeDetailsWrapper .Value {}
.ViewCommitteeDetailsWrapper th.ColumnHeading,
.ViewCommitteeDetailsWrapper th.ColumnHeading a { font-weight: bold; }
.ViewCommitteeDetailsWrapper .SubmitFilter { float:left; clear:both; }

.ViewCommitteeDetailsWrapper .DatePicker{ display: inline-block !important;}

.ViewCommitteeDetailsWrapper .FormLine { width: 100%; display: table; }
.ViewCommitteeDetailsWrapper .Description .DNNLabel { width: 0px; display: none; }
.ViewCommitteeDetailsWrapper .Description .Value { font-style: italic; }

.ViewCommitteeDetailsWrapper .RadTabStripWrapper { margin-top: 20px; margin-bottom: 20px; }
.ViewCommitteeDetailsWrapper .RadMultiPageWrapper { margin-bottom: 5px; }

.ViewCommitteeDetailsWrapper .UDFTitle { font-weight: bold; font-style: italic; padding-right: 2em; }
.ViewCommitteeDetailsWrapper .UDFDetails {}

.ViewCommitteeDetailsWrapper .ContactsGrid .TitleColumn {}
.ViewCommitteeDetailsWrapper .ContactsGrid .TypeColumn {}
.ViewCommitteeDetailsWrapper .ContactsGrid .DetailsColumn {}
.ViewCommitteeDetailsWrapper .ContactsGrid .DescriptionColumn {}

.ViewCommitteeDetailsWrapper .MembersTab {}
.ViewCommitteeDetailsWrapper .MembersTab .DNNLabel { width: 17em; }
.ViewCommitteeDetailsWrapper .MembersTab .Value { float: left; }

.ViewCommitteeDetailsWrapper .MembersTab .PartyColour { border: 1px solid black; float: left; height: 20px; width: 20px; margin-right: 3px; }
.ViewCommitteeDetailsWrapper .MembersTab div.Retired
{
	font-style: oblique;
	font-size: large;
	color: #ff0000;
}
.ViewCommitteeDetailsWrapper .MembersTab .PartyColumn { width: 12em; }
.ViewCommitteeDetailsWrapper .MembersTab .NameColumn {  }
.ViewCommitteeDetailsWrapper .MembersTab .RoleColumn {  }
.ViewCommitteeDetailsWrapper .MembersTab .DatesColumn { width: 14em; min-width: 8em; }
.ViewCommitteeDetailsWrapper .MembersTab .AttendanceColumn { width: 7em; }

.ViewCommitteeDetailsWrapper .MeetingsTab {}
.ViewCommitteeDetailsWrapper .MeetingsTab .DNNLabel { width: 7em; }
.ViewCommitteeDetailsWrapper .MeetingsTab .Value { float: left; }

.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingsGrid,
.ViewCommitteeDetailsWrapper .MembersTab .ElectedMembers {
    padding-top: 10px;
}
.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingDateColumn { min-width: 12em; }
.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingStartTimeColumn { width: 4em; }
.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingEndTimeColumn { width: 4em; }
.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingStatusColumn { width: 7em; }
.ViewCommitteeDetailsWrapper .MeetingsTab td.MeetingVCalColumn,
.ViewCommitteeDetailsWrapper .MeetingsTab th.MeetingVCalColumn { width: 20px; padding: 0px 2px 0px 2px; margin: 0px; }
.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingVCalColumn a 
{ 
    background-image: url("/cmis5/images/cmis/calendar.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 16px; 
}
.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingVCalColumn a:hover { text-decoration: none; }

/* [8] - start of change */

.RadForm.rfdLabel label.rfdInputDisabled { color: #D0D0D0; }

/* ------------------------------------------  */
/* EditCommitteeDetails.ascx                   */
/* ------------------------------------------  */

.EditCommitteeDetailsWrapper .ErrorSummary { clear: both; }

.EditCommitteeDetailsWrapper .RadTabStripWrapper { margin-bottom: 20px; }
.EditCommitteeDetailsWrapper .RadTabStripWrapper .rtsDisabled,
.EditCommitteeDetailsWrapper .RadTabStripWrapper .rtsLevel .rtsDisabled:hover { text-decoration: line-through; }
.EditCommitteeDetailsWrapper .RadMultiPageWrapper { margin-bottom: 20px; }

.EditCommitteeDetailsWrapper .FormLine { width: 100%; display: table; }
.EditCommitteeDetailsWrapper .dnnLabel { float: left; clear: left; width: 14em; }
.EditCommitteeDetailsWrapper .Value { float: left; }

.EditCommitteeDetailsWrapper .GeneralTab .Name .Value input { width: 400px;}
.EditCommitteeDetailsWrapper .GeneralTab .Description .Value textarea { width: 400px; }

.EditCommitteeDetailsWrapper .CompositionTab .CompositionHolder .FormLine { margin-top: 5px; }
.EditCommitteeDetailsWrapper .CompositionTab .CompositionOptions { float: left; padding-left: 10px; }
.EditCommitteeDetailsWrapper .CompositionTab .CompositionOptionItem { padding-top: 5px; }
.EditCommitteeDetailsWrapper .CompositionTab .CompositionOptionItem .Party { float: left; width: 12em; }

.EditCommitteeDetailsWrapper .ButtonWrapper { clear: both; margin-top: 20px; }
.EditCommitteeDetailsWrapper .Button { float: left; }
.EditCommitteeDetailsWrapper .Cancel { padding-left: 4px; }

.EditCommitteeDetailsWrapper .TemplatesTab {}

.EditCommitteeDetailsWrapper .TemplatesTab .ShowDeleted {clear: both; float: right; }
.EditCommitteeDetailsWrapper .TemplatesTab .RadGridWrapper { clear: both; }

.EditCommitteeDetailsWrapper .TemplatesTab .divTemplate ul li {list-style:none;color: red; } 
.EditCommitteeDetailsWrapper .TemplatesTab .divTemplate ul  { margin-top: 0px;} 
.EditCommitteeDetailsWrapper .TemplatesTab .clsHeader {font-size:medium;font-weight:bold;}
.EditCommitteeDetailsWrapper .TemplatesTab .reviewErrors { color: red; }
.EditCommitteeDetailsWrapper .TemplatesTab .headercontent{ padding-left: 20px; }
.EditCommitteeDetailsWrapper .TemplatesTab .content{ margin-left: 30px;}

/* [9] - start of change */

.EditCommitteeDetailsWrapper .pvPeopleTab .PeopleType { font-weight: bold; }
/*.EditCommitteeDetailsWrapper .pvPeopleTab .CurrentAccessControlUserListHeader {padding: 10px 0;}*/
.EditCommitteeDetailsWrapper .pvPeopleTab .CurrentAccessControlUserList, .CurrentAccessControlUserListHeader {float:left;}
.EditCommitteeDetailsWrapper .pvPeopleTab .AclItem { float: left;clear: both; padding: 15px 0}

.Proportionality {display:inline-block;width:14em;padding-bottom:16px;}
.CalculateProportionalityButton {padding-left:17em;padding-top:0px;}

/* [9] - end of change */

/* [8] - end of change */

/* ------------------------------------------  */
/* Settings.ascx                   */
/* ------------------------------------------  */

.SettingsWrapper h2 { text-decoration: underline; }
.SettingsWrapper h3 { font-style: italic; }
.SettingsWrapper .SmallInput { width: 2em; }

/* Tab Order settings              */
/* ------------------------------- */

.SettingsWrapper .TabOrder { margin-bottom: 10px; }
.SettingsWrapper .TabOrder td { width: 250px; }


/* [7] - end of change */

/* General Styles */

.borderPanel
{
    padding: 0px;
    border-spacing: 0px;
    /* [5] border: solid 1px #2461BF;*/
    text-align: left;    
}
body 
{
    text-align: left;
}
h2.OrganisationStructure
{
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.Committee_Level1, .Committee_Level2, .Committee_Level3, .Committee_Level4, .Committee_Level5
{
	/* [6] Padding should be on the div element */
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}
div.Committee_Level2
{
	padding-left:30px;
}
div.Committee_Level3
{
	padding-left:60px;
}
div.Committee_Level4
{
	padding-left:90px;
}
div.Committee_Level5
{
	padding-left:120px;
}
a.Committee_Level1, a.Committee_Level2, a.Committee_Level3, a.Committee_Level4, a.Committee_Level5
{
	/* [6] Removed padding from links */
	padding-top:0px;
	font-size: 12px;
}
p.Committee_Level1, p.Committee_Level2, p.Committee_Level3, p.Committee_Level4, p.Committee_Level5
{
	font-size: 11px;
}

.HideUnlinkedOrganisationStructures
{
	display:block;
	padding-bottom:15px;
	font-size:12px;
}
.COM_ModuleWrapper
{
    text-align: left;
}

.COM_ModuleWrapper .FormLabel
{
    width: 200px;
    height: 28px;
    float: left;
}

.COM_ModuleWrapper .FormResponse
{
    width: 400px;
    height: 28px;
    float: left;
}

.COM_ModuleWrapper .CompositionHolder
{
    margin-bottom: 10px;
    width: 600px;
    height: auto;
    float: left;
}

.COM_ModuleWrapper .CompositionResponse
{
    width: 400px;
    height: auto;
    float: left;
}

.COM_ModuleWrapper .CompositionResponse .PartyResponse
{
    width: 300px;
    height: auto;
    float: left;
}

.COM_ModuleWrapper .ChckBoxResponse
{
    width: 40px;
    height: 28px;
    float: left;
}

.COM_ModuleWrapper .CommitteeFormLabel
{
    width: 150px;
    height: 28px;
    float: left;
}

.COM_ModuleWrapper .CommitteeFormResponse
{
    width: 200px;
    height: 28px;
    float: left;
}

/* EditCMIS_CommitteeDetails [2]*/

.COM_ModuleWrapper .COM_EditBody_MultiPage_GeneralWrapper
{
	text-align:left;
	padding-top:10px;
	border: 1px solid #cccccc; /* [1] */
}

.COM_ModuleWrapper .COM_EditBody_MultiPage_CommitteeWrapper
{
	text-align:left;
	padding-top:10px;
	width:400px;
	float: left;
}

.COM_ModuleWrapper .COM_ExtraPadding
{
	clear:both;
	margin-top:10px;
}

/* Public Committee Grid styles */

.COM_Grid 
{ 
    width: 100%;
    border: 1px solid #e0e0e0;  
    margin-top: 5px;
    margin-bottom: 5px;  
}

.COM_Grid th, .COM_Grid td, .COM_Grid tr
{
	padding: 5px 10px 5px 10px;
	border: 0px solid  #000; 
}

.COM_GridViewColumn
{

}

.COM_GridViewHeader
{
    background-color: #e0e0e0;
    border: 0px solid #000; 
}

.COM_GridViewRow 
{
    border: 0px solid #000;  
}

.COM_GridViewAlternatingRow 
{
    border: 0px solid #000;
    background-color: #feffc0; 
}

.COM_Grid .Fullname
{
    width: 20%;   
}

.COM_Grid .Role
{
    width: 20%;    
}

.COM_Grid .Joined
{
    width: 20%;    
}

.COM_Grid .Retired
{
    width: 20%;    
}

.COM_Grid .Attendance
{
    width: 20%;   
}


/**************************************/
/******** Page Specific Styles ********/
/**************************************/
td > .dnnLabel { width: auto !important; }

/*** EditCMIS_OrganisationStructure ***/
/* 5 */
.EditCMIS_OrganisationStructure {}
.EditCMIS_OrganisationStructure .formHolder { padding: 5px;clear: both; }
.EditCMIS_OrganisationStructure .formLabel { width: 100px;height: auto;float: left; }
.EditCMIS_OrganisationStructure .formResponse { width: 300px;float: left; }
.EditCMIS_OrganisationStructure .RadPanelbar { width:500px; }
/* End 5 */

/*** ViewCMIS_CommitteeDetails ***/

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper
{
	text-align:left;
	padding:10px;
	width:95%; /* [3] */
	border: 1px solid #cccccc;
}

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper .Party
{
    width: 25px;
    height: 25px;
    float: left;
    border: 1px solid #d7d7d7;
}

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper .FilterSettings
{
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
}

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper .ElectedMembers
{
    width: 100%;
    height: auto;
}

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper .COM_FormLabel
{
    width: 200px;
    height: auto;
    float: left;
}

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper .COM_FormResponse
{
    height: auto;
    float: left;
}

.COM_ModuleWrapper .COM_Viewcommittee_MultiPage_GeneralWrapper .COM_FormHolder
{
    clear: both;
}

div.Retired
{
	font-style:oblique;
	font-size:large;
	color:#ff0000;
}

/*** Edit Email distribution list ***/
div.RadListBox .rlbTransferTo,
div.RadListBox .rlbTransferToDisabled,
div.RadListBox .rlbTransferAllToDisabled,
div.RadListBox .rlbTransferAllTo
{
	display: none;
    visibility:hidden;
    border: 2px solid red;  
}

div.DistributionListBoxes
{
	float:left;
	width:49%;
}

div.AddUnlistedSubscriber
{
	clear:both;
	padding:5px;
}

div.PartyName
{
	float:left;
}

/*EditManagementReports*/
.EditManagementReports div {padding:5px;}

.COM_ModuleWrapper .COM_EditBody_MultiPage_GeneralWrapper .durationpadding td{padding:0 5px 0 5px !important;}
.COM_ModuleWrapper .COM_EditBody_MultiPage_GeneralWrapper .durationheader{ padding-left: 10px;}

.pvAttributesTable{
    width:100%
}
handheld, only screen and (max-device-width:480px);handheld, only screen and (max-device-width:480px);

/*==========================*/
/*  1. Page                 */
/*==========================*/

body, html													{height:100%;}
body														{margin: 0; padding:0; position: relative; background:#FFF;}
body #Form													{margin: 0; padding:0; height:100%;}
.clear 														{clear:both;}

/*==========================*/
/*  2. Elements             */
/*==========================*/

.ControlPanel  												{border: 0px;border-bottom:1px solid #ccc;}
.dnnActionMenu  											{right:10px; left:auto; width:95px;}

#WrapMain 													{min-height:100%;position:relative;background:#fff;}
#WrapSub 													{margin:0 auto;width:970px;border-left:2px solid #E3E3E3;border-right:2px solid #E3E3E3;}
#Logo														{padding:0;}
#Logo a														{border:none;}
#Logo a:hover												{border:none;}
#Logo .mlogo												{display:none;}
#Header														{width:100%; padding:0; margin:0;}
#Menu 														{width:100%; padding:0; margin:0;}
#AdminMenu 													{width:70%;float:left;}
#BreadLogin 												{padding:0; margin:0; height:34px;}
#Bread 														{float:left; line-height:34px; color:#000000;}
#Login														{float:right; line-height:34px; padding-right:18px;}
#Panes 														{clear:both; margin:0; background:#ffffff;}
#Footer														{border:1px solid #E3E3E3;border-top:0;}
#BreadLogin 												{font-size:14px;padding-top:12px;padding-left:5px;}

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

.pane 														{display:inline;float:left;text-align:left;vertical-align:top; }
.ContentPane 												{width:100%;}
.LeftPane 													{width:25%;}
.CenterPane 												{width:75%;}
.RightPane 													{width:25%;}
.BottomPane 												{width:100%;}
.DNNEmptyPane												{width:0;padding:0;margin:0;}

/*========================================================*/
/*  4. Text                                               */
/*========================================================*/

/* Links */
#Panes a,
#Panes a:link,
#Panes a:active 											{color:#1D3C7B;text-decoration:underline;}
#Panes a:visited 											{color:#1D3C7B;text-decoration:underline;}
#Panes a:hover												{color:#2a6496;text-decoration:underline;}

/* Set Default text color and font family */
#Panes th,
#Panes td,
#Panes table,
#Panes div,
#Panes p,
#Panes h1,
#Panes h2,
#Panes h3,
#Panes h4,
#Panes h5,
#Panes h6,
#Panes span,
#Panes .Normal,
#Panes .NormalDisabled,
#Panes .Head,
#Panes .SubHead,
#Panes .SubSubHead, 
#Panes .CommandButton 										{color:#000;font-family:"Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif;}

#Panes .Normal span, #Panes p, #Panes a {font-size:12pt!important;line-height:1.42!important;}
/* Set Default font size and font weight */
#Panes th,
#Panes td,
#Panes table,
#Panes div,
#Panes p,
#Panes .Normal,
#Panes .NormalDisabled,
#Panes .Head,
#Panes .SubHead,
#Panes .SubSubHead, 
#Panes a:link, 
#Panes a:visited, 
#Panes a:hover,
a.PE_ViewPeople_HealLink,
a.CMIS_Grid_AddButton										{font-size:12pt;font-weight:normal;line-height:1.27!important;text-decoration: none!important;}

#Panes a:focus:not(.dnnPrimaryAction):not(.dnnSecondaryAction),
.inner .breadcrumb .item-list li a:focus {
	outline: 1px auto -webkit-focus-ring-color;
	outline-offset: 2px;
}

/* Set Default font size (without font weight) */
body,
#Panes span 												{font-size:12px;}

/* Set Default font family */
.Head, 
.SubHead, 
.SubSubHead, 
.Normal, 
.NormalDisabled, 
.NormalDisabled, 
.NormalBold, 
.NormalRed, 
.NormalTextBox,
#Menu a, 
#BreadLogin   												{font-family:"Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif;}

/*========================================================*/
/*  5. Mobile Resizing	                               	  */
/*========================================================*/

.site-content 												{width:100%;float:right;}
.page-sidebars 												{width:25%;float:left;}

@media screen and (min-width: 600px) {
.site-content 												{width:100%;float:right;}
.page-sidebars 												{width:25%;float:left;}
}
@media screen and (max-width: 600px) {
.site-content 												{width:100%;float:none;}
.page-sidebars 												{width:100%;float:none;}
}

/*========================================================*/
/*  6. Buttons                                       	  */
/*========================================================*/

/* DNN Primary Action Buttons */
.dnnFormItem input[type="submit"], 
.dnnPrimaryAction, 
.dnnSecondaryAction,
a.dnnPrimaryAction,
a.dnnSecondaryAction,
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton			{background:none!important;border-style:none!important;border-radius:0px!important;text-shadow:none!important;
															border-bottom:none!important;}

.RadGrid_Default .rgPager .rgPagerButton 					{background:none!important;}

.RadForm_Default.rfdButton a.rfdSkinnedButton, 
.RadForm_Default.rfdButton input[type="button"].rfdDecorated, 
.RadForm_Default.rfdButton input[type="reset"].rfdDecorated, 
.RadForm_Default.rfdButton input[type="submit"].rfdDecorated, 
.RadForm_Default.rfdButton .rfdSkinnedButton button, 
.RadForm_Default a.rfdSkinnedButton, 
.RadForm_Default .rfdSkinnedButton button, 
.RadForm_Default .rfdSkinnedButton input.rfdDecorated, 
.RadForm_Default.rfdButton a.rfdSkinnedButton, 
.RadForm_Default.rfdButton a.rfdSkinnedButton * 			{background-image:none!important;}

/* DNN Form Item Buttons */
.dnnFormItem button, 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"], 
.dnnSecondaryAction, 
a.dnnSecondaryAction, 
ul.dnnAdminTabNav li a, 
.dnnLogin .LoginTabGroup span 								{background:none!important;text-shadow:none!important;font-weight:normal!important;}

/* Remove shading on primary buttons */
.dnnPrimaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction											{box-shadow:0px 1px 0px 0px #999999, inset 0px 1px 0px 0px #999999;
															-webkit-box-shadow:0px 1px 0px 0px #999999, inset 0px 1px 0px 0px #FFFFFF;}

/* Reduce Margin from login buttons */
#loginReg {margin-top:0px!important;}
#dnn_ctr_Login_DNN > div > div:nth-child(5) > div > ul 		{padding-top:5px!important;}

/* -------------------------------------------------------------------------------- */
/*                      Style buttons CMIS/DNN/Telerik Buttons                                 
    The following section can be used to re-style all of the CMIS/DNN/Telerik buttons. 
    None of the buttons used in CMIS are of a consistent type which is why so many 
    different classes have to be modified. To re-use the CSS below you just have to 
	replace the following colour codes with the ones that you want:
					#9f126a - Primary Button background color
					#6d6d6d - Secondary Button background color
					#323030 - Hover background color
					#FFFFFF    - Button Text color									*/
/* -------------------------------------------------------------------------------- */	

/* Primary Button Background Colour */
.dnnFormItem button, 
.dnnPrimaryAction,
.dnnSecondaryAction,  
.dnnFormItem input[type="submit"], 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"], 
a.dnnPrimaryAction,
a.dnnSecondaryAction, 
ul.dnnAdminTabNav li a, 
.dnnLogin .LoginTabGroup span,
input[type="submit"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand),
input[type="button"],
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton			{background-color:#1D3C7B!important;border-color:#357ebd!important;}

/* Secondary Button Background Colour */
.dnnSecondaryAction,
a.dnnSecondaryAction										{background-color:#1D3C7B!important;border-color:#357ebd!important;}

/* Button Hover Background Colour */
.dnnPrimaryAction:Hover, 
.dnnSecondaryAction:Hover, 
.dnnFormItem button:Hover, 
.dnnFormItem input[type="button"]:Hover, 
.dnnFormItem input[type="reset"]:Hover, 
.dnnFormItem input[type="submit"]:Hover, 
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:hover,
a.dnnPrimaryAction:Hover,
a.dnnSecondaryAction:Hover,
ul.dnnAdminTabNav li a:Hover, 
.dnnLogin:Hover .LoginTabGroup span:Hover,
input[type="button"]:hover, 	
input[type="submit"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand):Hover,
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:Hover	{background-color:#3276b1!important;border-color:#285e8e!important;}

/* Button Hover Background Colour */
.dnnPrimaryAction:focus, 
.dnnSecondaryAction:focus, 
.dnnFormItem button:focus, 
.dnnFormItem input[type="button"]:focus, 
.dnnFormItem input[type="reset"]:focus, 
.dnnFormItem input[type="submit"]:focus, 
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:focus,
a.dnnPrimaryAction:focus,
a.dnnSecondaryAction:focus,
ul.dnnAdminTabNav li a:focus, 
.dnnLogin:focus .LoginTabGroup span:focus,
input[type="button"]:focus, 	
input[type="submit"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand):focus,
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:focus	{background-color:#3276b1!important;border-color:#285e8e!important;}

/* Button Text Colour */
input[type="submit"],
input[type="button"],
.dnnFormItem input[type="submit"], 
.dnnPrimaryAction, 
.dnnSecondaryAction,
a.dnnPrimaryAction,
a.dnnSecondaryAction,
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton			{color:#ffffff!important;}

/* Input Submit Button styling */
input[type="submit"],
input[type="button"] 										{border-style:none!important;padding:8px;}

/* Exclude radgrids from the button hovers */
.RadGrid_Silk .rgFilter, 
.RadGrid_Silk .rgPageFirst, 
.RadGrid_Silk .rgPagePrev, 
.RadGrid_Silk .rgPageNext, 
.RadGrid_Silk .rgPageLast 									{background-color:#E6E6E6!important;}
.RadGrid .rgPager .rgPagerButton 							{color:#000!important;}

/* Telerik Buttons */	
.rfdSkinnedButton								   			{border-style:none!important;}
.rfdSkinnedButton input,
input[type="submit"],
input[type="button"] 						   				{font-size:16px!important;}

/* Remove Background color from add icons and accordian buttons */
.RadGrid_Silk .rgAdd, 
.RadGrid_Silk .rgAdd:Hover,
.rgCollapse,
.rgCollapse:Hover {background-color:transparent!important;}

.dnnPrimaryAction, .dnnSecondaryAction {text-decoration:none!important;}
/*========================================================*/
/*  7. Main Menu 				                          */
/*========================================================*/

.category-menu a													{font-size:90%; color:#03c;}
.category-menu a:visited												{color:#9f126a!important;}

/* Hover, Selected */ 
.category-menu .sf-menu a:focus, 
.category-menu .sf-menu a:hover, 
.category-menu .sf-menu a:active 									{color:#1D3C7B!important;text-decoration:underline!important;}

/**Main Menu**/
.category-menu .sf-menu 												{margin-bottom:	1em;}
.category-menu .sf-menu a 											{padding:.75em 1em;text-decoration:none;}
.category-menu .sf-menu a											{color:#1D3C7B;}
.category-menu .sf-menu a:visited  									{color:#1D3C7B!important;}
	
/* Current */
.category-menu .sf-sub-indicator 									{display:none;}
.category-menu .sf-menu .current a 									{color:#222!important;}
.category-menu .sf-menu .current ul a								{color:#1D3C7B!important;}
.category-menu .sf-menu .current ul .current a						{color:#222!important;}
.category-menu .sf-menu .current ul  								{Display:block!important;visibility:visible!important;padding-left:0px;}
.category-menu .sf-menu .current ul li,				
.category-menu .sf-menu .current ul .current ul						{Display:block!important;}
.category-menu .sf-menu .current ul li ul 							{Display:none!important;}
.category-menu .sf-menu .current li a,							
.category-menu .sf-menu .current .current a, 				
.category-menu .sf-menu .current .current .current a 				{color:#03c;}
.category-menu .sf-menu .current .current li a, 			
.category-menu .sf-menu .current .current .current li a 				{font-weight:normal;}

/* Hide Sub menus unless they are currently selected */
.category-menu li li 												{Display:none;}
.category-menu .sf-menu .current ul li 								{Display:block!important;}
.category-menu li 													{border-bottom:1px solid #ddd;}

/*========================================================*/
/*  8. Admin Menu 				                          */
/*========================================================*/

/**Admin Menu**/
#AdminMenu .sf-menu 										{margin-bottom:1em;}
#AdminMenu .sf-menu a 										{border-left:1px solid #fff;border-top:1px solid #fff;padding:.75em 1em;text-decoration:none;}
#AdminMenu .sf-menu a,
#AdminMenu .sf-menu a:visited								{color:#555;}
#AdminMenu .sf-menu li, 									
#AdminMenu .sf-menu li li,								
#AdminMenu .sf-menu li li li 								{background:#FFF;}
/* Hover, Selected */
#AdminMenu .sf-menu li:hover, 
#AdminMenu .sf-menu li.sfHover, 
#AdminMenu .sf-menu a:focus, 
#AdminMenu .sf-menu a:hover, 
#AdminMenu .sf-menu a:active 								{background:#FFF;color:#8CA321;outline:0;}
#AdminMenu .sf-menu li:hover ul,
#AdminMenu .sf-menu li.sfHover ul 							{z-index:100!important;}
/* Current */
#AdminMenu .sf-menu .current a 								{background:#FFF;color:#8CA321!important;outline:0;}
#AdminMenu .sf-menu .current li a							{color:#555!important;}
#AdminMenu .sf-menu .current .current a 					{color:#8CA321!important;}
#AdminMenu .sf-sub-indicator  								{display:none;}

/**Module Actions Menus**/
.ModuleTitle_SubMenu										{border:1px solid #C0D6E5;}
.ModuleTitle_SubMenu td										{background-color:#F8FAFF;white-space: nowrap;} 
.ModuleTitle_MenuIcon 										{background-color:#F8FAFF; border:none;padding:0px 2px;}
.ModuleTitle_MenuItemSel td, 
.ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon				{color:#375162;background-color:#bad63a;}
.ModuleTitle_MenuBreak td, 
.ModuleTitle_MenuBreak .ModuleTitle_MenuIcon 				{height:2px;background-color:#D5E0FF;}

/* Used to eliminate all non-mobile friendly css styles in one place */

/* Basic Mobile Styles */

/*-------------------------------------------------------*/
/* GENERAL CMIS FIXES - Use these for all skins 
/*-------------------------------------------------------*/

	/*------------------------------------*/
	/* CMIS - Agenda Builder Module       */
	/*------------------------------------*/
	
	/* Agenda List - Remove any custom background color from agenda list input */
	.agenadList input 																	{background-color:transparent!important;}
	
	/* Preview Agenda - Increase dropdown height to conver all links */
	#AgendaMenu ul.megamenu li .MenuDropDown 											{min-height:222px!important;}

	/* Add/Edit popup - Fix sizing issues with agenda popup */
	.rgEditPopup																		{width:100%!important;}

	/*------------------------------------*/
	/* CMIS - Business Manager Module     */
	/*------------------------------------*/
	

	
	/* Business Item List - Remove any border table */
	.RadGrid_Default .rgCommandTable 													{border-top:none!important;border-bottom:none!important;}

	/* Business Item Form - Make each question section 100% height so it contains all of its label */
	.EditBusinessItemWrapper div 														{height:100%!important;}

	/* Business Item Form - Make Details label width shorter so there is more space for the details box. */
	div[id*='EditCMIS_BusinessItem_pnlDetails_Details_Enabled'] .dnnLabel 			 	{width:4em!important;}
	div[id*='SubmitDecision_pnlDetails_Details_Enabled'] .dnnLabel 						{width:4em!important;}
	
	/* Business Item Form - Make Implementation date width larger to stop it going onto two lines */
	div[id*='EditCMIS_BusinessItem_pnlDetails_ImplementationDate_Enabled'] .dnnLabel 	{width:17em!important;}

	/* Business Item Form - Makes Notes field 100% width */
	div[id*='EditCMIS_BusinessItem_pnlDetails_ImplementationDate_Enabled'] textarea 	{width:100%!important;}
	div[id*='EditCMIS_BusinessItem_pnlDecision_ContraryToFramework_Enabled'] div 		{min-height:30px!important;}	
	
	/* Set min size on roles table columns */
	.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader a 							{min-width:90px!important;}

	/*------------------------------------*/
	/* CMIS - Committee Module            */
	/*------------------------------------*/

	/* Remove Italics from Committee description */
	.ViewCommitteeDetailsWrapper .Description .Value 									{font-style:normal!important;}

	/*------------------------------------*/
	/* CMIS - Decisions Module            */
	/*------------------------------------*/

	/* Add some padding to fit in the increased text box size */
	@media screen and (max-width: 629px) {
	.ModCMISDecisionsC .DC_FiltersContainer fieldset div:nth-child(5) 					{padding-bottom:80px!important;}
	}
	@media screen and (min-width: 630px) {
	.ModCMISDecisionsC .DC_FiltersContainer fieldset div:nth-child(5) 					{padding-bottom:50px!important;}
	}

	/* Remove dotted border from bottom of decisions table */
	.DC_Grid td, .DC_Grid tr 															{border-top:none!important;}

	/* Move the decision responses over to the right to stop overlapping */
	div.CMIS_ModuleWrapper .DC_ViewDecision_Response 									{padding-left:80px!important;}

	/*------------------------------------*/
	/* CMIS - Forward Plans Module       */
	/*------------------------------------*/

	.ModEnlineCMISForwardPlansC > div > div.FilterContainer > div.response > div > label {padding-left:10px!important;}

	/*------------------------------------*/
	/* CMIS - Login Page			      */
	/*------------------------------------*/

	/* Remove left padding from register and reset pssword so that it's all in line with login and cancel */
	#dnn_ctr_Login_DNN ul.dnnActions.dnnClear 											{padding-left:0px!important;}

	/*------------------------------------*/
	/* CMIS - Meetings Module Calendar    */
	/*------------------------------------*/

	/* Tidy Calendar - Silk */
	.RadScheduler .rsWrap 																{min-height:80px!important;}
	.RadScheduler .rsDateHeader 														{min-height:28px!important;}
	.rsAptContent, .rsAptIn, .rsAptMid, .rsAptOut, .rsApt 								{min-height:70px!important;}
	.RadScheduler_Silk .rsAptContent 													{background-image:none!important;background-color:#e6e6e6!important;}
	.RadScheduler_Silk .rsAptIn 														{border:1px solid #999999!important;}

	/*------------------------------------*/
	/* CMIS - Outside Body Module	      */
	/*------------------------------------*/

	/* Tidy the overlapping 'Outside Bodies Filters' at the top of the Outside Bodies list */
	.ViewCMIS_OutsideBodies .FiltersContainer .FormHolder 								{padding-top:20px;}
	.ViewCMIS_OutsideBodies .FiltersContainer legend									{margin-bottom:0px!important;}
	.ViewCMIS_OutsideBodies .FiltersContainer label 									{font-weight:normal!important;}
	.ViewCMIS_OutsideBodies .FiltersContainer input[type="text"] 						{min-width:120px!important;}

	@media screen and (max-width: 752px) {
	.ViewCMIS_OutsideBodies .FiltersContainer input[type="text"] 						{margin-top:16px!important;}
	.ViewCMIS_OutsideBodies .FiltersContainer fieldset > div:nth-child(4) 				{padding-top:40px!important;}
	}

	@media screen and (max-width: 552px) {
	.ViewCMIS_OutsideBodies .FiltersContainer input[type="text"] 						{margin-top:16px!important;}
	.ViewCMIS_OutsideBodies .FiltersContainer fieldset > div:nth-child(4) 				{padding-top:80px!important;}
	}
	
	/* Style the tabs like the newer version (as they still use the olde style tabs) */
	.RadTabStrip_Silk .rtsLevel1 {background:#afb3b7 url("/Skinning1/WebResource.axd?d=-a_aCiZ6vpd2vA0dhHEd6qkVfWuZlVAGl0zlQw0FiGhcE1j3f71LYozEiWNMjq2QhPC-BKSDQbiczyS2H5cc33afYHfkG0KU8NdFs59ZkFrTwsx_NXWKw2q70_6gg9JmssQ2wxodIbP-KoZ5TwNoUX92eX1faKoh5fxXNSoRUxaQIdg80&t=635996846400000000") 0 0 repeat-x}

	/*------------------------------------*/
	/* CMIS - People Module               */
	/*------------------------------------*/

	/** Control the size of the image on the view person page **/
	.ViewPersonWrapper .PenPic .PenPicResize 											{width:100px;height:auto;}
	.ViewPersonWrapper .PenPic .PenPicResize											{width:auto;height:200px;}
	/** Change height if Ward names uses more than 2 lines **/
	/** Change width to match the page width and image size required **/
	.PE_People_PersonBlock 																{height:230px!important;width:160px!important;}
	
	/* Set max width of ekected dat filter to stop it overlapping interactive calendar button */
	div[id*='ViewCMIS_People_pnlFieldset'] .ElectedDate input 							{max-width:150px!important;}

	/** Control the size of the image on the view person page **/
	.ViewPersonWrapper .PenPic .PenPicResize 											{width:100px;height:auto;}
	.ViewPersonWrapper .PenPic .PenPicResize 											{width:auto;height:200px;}

	/** Change height/width if Ward names uses more than 2 lines **/
	.PE_People_PersonBlock 																{height:230px;width:160px;min-height:260px!important;}

	/* Set width of councillors page A-Z */
	.PE_ViewPeople_Letter,
	.PE_ViewPeople_DisabledLetter,
	.ViewBodies_Letter,
	.ViewBodies_DisabledLetter 															{width:24px!important;line-height:16px!important;}
	
	/* Add some left padding to 'View Retired Member' button so that it is in line with the links below it */
	.ElectedMembersFilters .SearchButton a 												{padding-left:8px!important;}
	
	/* Turn Postcode error message red */
	div[id*='ViewCMIS_SearchWards_ValidationSummary1'] 									{color:#FF0000}
	div[id*='ViewCMIS_SearchWards_ValidationSummary1'] ul 								{list-style:none!important;}
	
	/* Stop the back to the top text overlapping the party logos */
	#backToTop 																			{margin-top:25px!important;}
	
	/* Make Councillor page more mobile friendly */
	@media screen and (max-width: 433px) {
	.ViewPersonWrapper .PenPic 															{float:none!important;margin:0 auto!important;}
	.ViewPersonWrapper .PenPic .PenPicResize 											{float:none!important;margin:0 auto!important;
																						 display:block!important;margin-left:auto!important;margin-right: auto;}
	.ViewPersonWrapper .GeneralTab .Value												{float:right!important;}	
	}

	/*------------------------------------*/
	/* CMIS - Petitions Module            */
	/*------------------------------------*/
	
	/* Change Petitions checkbox and radio buttons to black and white instead of the blue colour they are as default 
	.RadForm_Silk.RadForm.rfdCheckbox input[type="checkbox"], .RadForm_Silk.RadForm.rfdCheckbox input[type="checkbox"][disabled]:hover {background-image:url("/cmis5/Portals/_default/skins/westdunbartonshire2020/images/WebResource_Radio.png")!important;}
	.RadForm_Silk.RadForm.rfdRadio input[type="radio"], .RadForm_Silk.RadForm.rfdRadio input[type="radio"][disabled="disabled"]:hover {background-image:url("/cmis5/Portals/_default/skins/westdunbartonshire2020/images/WebResource_Check.png")!important;} */
	
	/* Stop Petitions Search box going off the screen */
	@media screen and (max-width: 700px) {
	.SearchPetitions  input																{max-width:90%!important;}
	}
	
	.ModCMISEPetitionsC label {color:#222!important;font-size:14pt!important;line-height:1.42!important;}
	
	/*------------------------------------*/
	/* CMIS - Search Module               */
	/*------------------------------------*/

	/* Set search inputs to 100% - makes the module alot more mobile friendly */
	.ModCMISSearchC input[type="text"]													{width:100%!important;}
	.ModCMISSearchC .SE_FormHolder div 													{padding-top:7px!important;}
	.ModCMISSearchC .SE_FormHolder select 												{width:100%!important;}

	/*------------------------------------*/
	/* CMIS - Top Admin Bar               */
	/*------------------------------------*/

	/* Set height of hover on top DNN control panel 
	#ControlNav > li > a,
	#ControlActionMenu > li > a,
	#ControlEditPageMenu > li > a {height:54px!important;}
	#ControlBar .subNav.advanced dl ul li {min-height:60px!important;}*/
	
	/* Ensure Stay in Admin labels are grey */
	#ControlEditPageMenu .dnnBoxLabel 													{color:#fff!important;}

	/*------------------------------------*/
	/* CMIS - Misc					      */
	/*------------------------------------*/

	/* Hover help text color to white */
	.dnnHelpText 																		{color:#fff!important;}

	/* Remove background from radio buttons */
	div.dnnFormRadioButtons, 
	div.dnnHSRadioButtons, 
	span.dnnFormRadioButtons, 
	span.dnnHSRadioButtons, 
	table.dnnFormRadioButtons 															{background:none!important;}
 
	/* Remove padding from images */
	.console-large img 																	{padding:0px 0px 0px 0px!important;} 

	/* Remove background color from radgrid controls (expand, filter buttons etc.) */
	.RadGrid_Default input 																{background-color:transparent!important;}

	/* Make all radrids more mobile friendly by introducing a scroll bar when on a smaller screen */
	.RadGrid,.RadGrid_Default 															{width:100%!important;overflow:scroll!important;}
 
	/* Set Minimum height of dropdown boxes */
	.dnnDropDownList div, .dnnDropDownList div a 										{min-height:32px!important;}
 
	/* Fix height of buttons */
	.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton 									{height:32px!important;} 

	/* Reduce dropdown z index to stop overlapping admin bar */
	.RadForm .rfdSelect 																{z-index:999!important;}
	
	/* Set min size on roles table columns */
	.RadGrid_Default .rgHeader, .RadGrid_Default .rgHeader a 							{min-width:90px!important;}
	
	/* Resize Calendar */
	.rsRow 																				{height:100%!important;}
	.rsWrap 																			{height:50px!important;padding-bottom:10px!important;}
	.MeetingCalendarPublic .rsMonthView .rsApt,
	.MeetingCalendarPublic .rsMonthView .rsAptOut,
	.MeetingCalendarPublic .rsMonthView .rsAptMid,
	.MeetingCalendarPublic .rsMonthView .rsAptIn,
	.MeetingCalendarPublic .rsMonthView .rsAptContent  									{height:45px!important;}

	/* Fix Drop down positions */
	.rcbSlide {position:absolute!important;}
	
	/*------------------------------------*/
	/* CMIS - Setup H1, H2, Normal Text   */
	/*------------------------------------*/
	
	/* H1 */
	.TitleHead,
	.MeetingsTab h2,
	.MembersTab h2 																		
	{font-size:30px!important;font-weight:600!important;color:#1C3B7C!important;font-family:"Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif!important;}
	
	/* H2 */
	.ViewCandidates legend,
	.ViewWards legend,
	.ElectionTitle h4,
	.PartyTitle h4,
	.WardTitle h4,
	.ROITitle h4,
	.ROIMeetingTitle h4,
	.CurrentCommitteesTitle h4,
	.PastCommitteesTitle h4,
	.CurrentOutsideBodiesTitle h4,
	.PastOutsideBodiesTitle h4,
	.DocumentsTab h2,
	.AttendanceTab h2,
	.VisitorsTab h2,
	.DOITab h2,
	.SummaryPanel legend,
	.MembershipFilter legend,
	.ElectedMembers h4,
	.MeetingsFilter legend,
	.ElectedMembersFilters legend,
	.ViewCMIS_OutsideBodies .FiltersContainer legend,
	.GeneralWrapper legend,
	.AppointmentWrapper legend,
	.DC_FiltersContainer legend,
	.CMIS,
	.EditBusinessItemWrapper legend,
	.BIE_GeneralDataArea h1,
	.OrganisationStructure,
	.PE_ViewPeople_ElectedRTetiredMembersHeading,
	.ModEnlineCMISPartiesC legend,
	.ModEnlineCMISVenuesC legend,
	.ModEnlineCMISWardsC legend,
	.ModCMISCommitteeMembershipsC h1,
	.ViewBodies_Category h2
	{font-size:24px!important;font-weight:600!important;text-decoration:none!important;color:#1C3B7C!important;font-family:"Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif
	!important;}

	/* H3 */
	.AdditionalDocuments h4,
	.Attended legend,
	.Apology legend,
	.Absent legend,
	.EventHeading h4,
	.Filter legend
	{font-size:16pt!important;color:#1C3B7C!important;font-family:"Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif;font-weight:normal!important;}

	/* Normal */
	td,
	.ModCMISSearchC label:not(.dnnHelpText), 
	.ElectedDateLabel span:not(.dnnHelpText), 
	.AppointmentWrapper label:not(.dnnHelpText),
	.EventList label:not(.dnnHelpText),
	.EventHeading h4:not(.dnnHelpText),
	.DC_FiltersContainer label:not(.dnnHelpText),
	.SecurityRolesTab label:not(.dnnHelpText),
	.EditBusinessItemWrapper label:not(.dnnHelpText),
	 label:not(.dnnHelpText),
	.ErrorRed label:not(.dnnHelpText),
	.RadForm.rfdHeading h4:not(.dnnHelpText):not(.ElectionTitle h4):not(.PartyTitle h4):not(.WardTitle h4):not(.ROITitle h4):not(.ROIMeetingTitle h4):not(.CurrentCommitteesTitle h4):not(.PastCommitteesTitle h4):not(.CurrentOutsideBodiesTitle h4):not(.PastOutsideBodiesTitle h4):not(.ElectedMembers h4), 
	.RadForm.rfdHeading h5:not(.dnnHelpText), 
	.RadForm.rfdHeading h6:not(.dnnHelpText),
	.ViewCMIS_ForwardPlans label:not(.dnnHelpText) 										
	{font-size:16px!important; font-weight:normal!important;color:#000!important;font-family:"Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif!important;}
	
	#Panes .rfdDecorated 																
	{font:normal 16px "Segoe UI", "Segoe UI", Calibri, Tahoma, Geneva, sans-serif!important;min-height:30px;padding-right:9px;}
																						
	/* Outside Body Back to the Top */																						
	.back_to_top, #backToTop span 						{color:#1C3B7C!important;}
	.back_to_top:Hover, #backToTop span:Hover 			{color:#2a6496!important;}
	

	/*------------------------------------*/
	/* CMIS - Mobile Responsive Stuff     */
	/*------------------------------------*/
	
	@media (max-width: 616px) 
	{
		#Panes {padding-left:16px!important;}
	}
	@media (max-width: 616px) 
	{
		/* Logo Text  */
		.logoText {Display:none!important;}
		.container, .site-header {overflow:hidden!important;}
		
		/* Login Page */
		.LoginPanel .dnnLabel {width:auto!important;padding-right:0px!important;}
		.LoginPanel .dnnFormItem > label.dnnFormLabel {display:inline!important;}		
		.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {min-width:140px!important; width:140px!important;}
		#dnn_ctr_Login_Login_DNN_plPassword {padding-right:3px!important;}	
		#dnn_ctr_Login_DNN > div > div:nth-child(5) > label {Display:none!important;}

		/* Register Page */
		.dnnFormItem input[type="text"], 
		.dnnFormItem input[type="password"], 
		.dnnFormItem input[type="email"], 
		.dnnFormItem input[type="tel"], 
		.dnnFormItem select, 
		.dnnFormItem textarea {width:100%!important;max-width:200px!important;}
		.dnnRegistrationForm .dnnLabel {text-align:left!important;}
		.dnnRegistrationForm .dnnFormInfo {width:180px!important;}
	}
	
	@media (min-width: 992px) 
	{
		.col-md-4 {float:right!important;}		
		.mobileMenu {Display:none!important;}
	}
	@media (max-width: 991px) 
	{
		.desktopMenu {Display:none!important;}
	}
	@media (min-width: 617px) 
	{
		.dnnRegistrationForm .dnnFormInfo {width:340px!important;}
		.dnnRegistrationForm .dnnLabel {text-align:left!important;}
	}
	
	@media screen and (max-width: 433px) {	
		/* Reduce the font size of table headers when viewed on mobile so more content can be fitted in */
		.RadGrid_Silk .rgHeader a 											{font-size:12px!important;}
		
		/* Make petitions table responsive */
		.ViewEPetitions .RadGridWrapper .ViewColumn 					    {width:35px!important;min-width:35px!important;}
		.ViewEPetitions .RadGridWrapper .TitleColumn						{width:64px!important;}
		.ViewEPetitions .RadGridWrapper .SignaturesColumn					{width:46px!important;}
		.ViewEPetitions .RadGridWrapper .EndDateColumn						{width:68px!important;}
		.ViewEPetitions .RadGridWrapper .StatusColumn						{width:120px!important;}

		/* Make Councillor page more mobile friendly */
		.ViewPersonWrapper .PenPic											{float:none!important;margin:0 auto!important;}
		.ViewPersonWrapper .PenPic .PenPicResize 							{float:none!important;margin:0 auto!important;display:block!important;margin-left:auto!important;margin-right: auto;}
		.ViewPersonWrapper .GeneralTab .Value 								{float:right!important;}
		.ViewPersonWrapper .GeneralTab .Value 								{text-align:right!important;}
		.ViewPersonWrapper .GeneralTab .DNNLabel							{width:100%!important;}
		.Biog span 															{text-align:left!important;}
		
		/* Reduce width of username and password text boxes when on mobile */
		#dnn_ctr_Login_Login_DNN_txtUsername, 
		#dnn_ctr_Login_Login_DNN_txtPassword 								{min-width:50px!important;width:120px!important;}
		
		/* Where details go onto a second line give some padding left to stop them starting at the furthest point to the left. Gives a clear seperation between label and details */
		.JobDetailsTab .Value, .ViewMeetingPublicWrapper .Value {padding-left:160px;}	
	}
	
	/* Set minimum width of radgrid columns to aid mobile viewing */
	.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingStartTimeColumn,
	.ViewCommitteeDetailsWrapper .MeetingsTab .MeetingEndTimeColumn,
	.SE_FormLabel_SearchMode 												{width:auto!important;}
	
	/* Make Label Titles Bold to aid viewing on mobile device */
	.DNNLabel span 															{font-weight:bold!important;}
	
/*-------------------------------------------------------*/
/* GENERAL CMIS FIXES - END
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* Customer Specific Changes - START
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/* Customer Specific Changes - END
/*-------------------------------------------------------*/

/* This file should be used by councils to override default CMIS CSS      */
/* - CMIS_Global.css overrides (change colour scheme)                     */
/* - module.css overrides (change positioning on module pages)            */


/*------------------------------------*/
/* CMIS_People - Custom Styles        */
/*------------------------------------*/
/** Control the size of the image on the view person page **/
.ViewPersonWrapper .PenPic .PenPicResize { width: 100px; height : auto; }
.ViewPersonWrapper .PenPic .PenPicResize { width: auto; height : 200px; }
/** Change height if Ward names uses more than 2 lines **/
/** Change width to match the page width and image size required **/
.PE_People_PersonBlock {height: 230px; width: 160px;}


/* General */
Body{
font-size: inherit !important;
}

p{
font-size: inherit !important;
color: #494949 ;
}

.inner .content{
    overflow:visible !important;
}

.c_head_blue h1, .c_head_blue h1 input{
    color: #494949 !important;
}

div.category-menu h3{
    font-size: 19.0994px !important;
}

footer.footer div.container div.span-12:nth-child(2){
margin-top: 50px;
}

.loginMobile{
float: left !important;

}

/* Links (anchors) */

.NameLink a, div[class*='Committee_Level'] a {
    font-size: 1.4em !important;
}

#mainContent a{
    color: #157e28 !important;
}



a[id*='cmdHelp']{ background-color: inherit !important;}

a.CommandButton {
    font-size: 16px !important;
}

.RadGrid_Windows7 .rgRow a, .RadGrid_Windows7 .rgAltRow a, .RadGrid_Windows7 .rgEditRow a, .RadGrid_Windows7 .rgFooter a, .RadGrid_Windows7 .rgEditForm a{
    color: #157e28 !important;
}

/*Menu*/

ul.sf-menu{
width:100%
}

ul.sf-menu li{
line-height: 1.6 !important;
width: 100%;
}

ul.sf-menu li a{
display: inline;
}
ul.sf-menu li a:focus{
	outline: 1px auto -webkit-focus-ring-color;
	outline-offset: -5px;
}

#AgendaMenu ul.megamenu li .MenuDropDown .column {
    width: auto !important;
}

.ViewCommitteeDetailsWrapper .DNNLabel, .MeetingPropertiesWrapper .DNNLabel, .ViewMeetingPublicWrapper .DNNLabel{
    width: 10em;
}


.SelectStandardItems table[id*='SelectStandardItems'] td:nth-child(1), .SelectStandardItems table[id*='SelectStandardItems'] td.DeleteColumn,
.SelectBusinessItems table[id*='SelectBusinessItems'] td:nth-child(5), .SelectBusinessItems td.EditColumn{
    width: 10%;
}

.SelectStandardItems table[id*='SelectStandardItems'] table.rgCommandTable td:nth-child(1){
    width: auto;
}

.RadGrid .rgClipCells .rgFilterRow>td{
    overflow: visible !important;
}

/*.RadGrid_Silk .rgRow a, .RadGrid_Silk .rgAltRow a, .RadGrid_Silk tr.rgEditRow a, .RadGrid_Silk .rgFooter a, .RadGrid_Silk .rgEditForm a{
    color: #157e28 !important;
}*/

/*Dnn Override*/
.dnnSortable{
    min-height: 0px !important;
}

/*Module Overrides*/
.ViewWards .WardsGrid .NumericField{
    text-align: left !important;
}

a.CMIS_Grid_AddButton{
    display: inline-block !important;
}

.RadCalendar .rcMainTable{
    width:180px !important;
}

div[id*='pnlReportDataSetUp'] fieldset{
    width: 110%;
}

.PD_Wrapper .SubFolder_Holder{
    width: 54% !important;
}

div.RadEditor{
    width: auto !important;
    height: auto !important;
}

div.title_vis{
display: none;
}

.Preview .Agenda .Section .Item .Number{
width:2.5em !important;
}

div.SE_People_CentreBlock img.PE_People_PartyLogo{
width:auto;
height: 30px;
}

/*Access Control List Fix */
span:has(> input) {
width: 300px !important;
}


/* Resize Calendar */

.rsRow {height:100%!important;}
.rsWrap {height:50px!important;padding-bottom:10px!important;}

.MeetingCalendarPublic .rsMonthView .rsApt,
.MeetingCalendarPublic .rsMonthView .rsAptOut,
.MeetingCalendarPublic .rsMonthView .rsAptMid,
.MeetingCalendarPublic .rsMonthView .rsAptIn,
.MeetingCalendarPublic .rsMonthView .rsAptContent  { height: 45px!important;}

/* Fix Drop down positions */
.rcbSlide {position:absolute!important;}

.container {margin-top:-25px!important;}

.current {overflow:hidden!important;}

.PE_People_PersonBlock {padding-bottom:60px!important;}

.ui-tabs-anchor span {color:#fff!important;}

.ViewPeopleWrapper .PartyResize {height:55px!important;}

.span-5 {width:auto!important;}

#Form > div.inner > footer > div > div:nth-child(1) > div.column.span-8 > div:nth-child(1) > ul > li {text-align:center!important;}

@media only screen and (min-width: 600px) {

#Panes {width:111%!important;}
}

.ui-tabs-anchor {color:#FFF!important;}


/* Fix Business Manager Table */

#main-content {
	word-break: inherit !important;
}

#main-content a {
    word-break: normal !important;
}

.BusinessItemManager .StatusColumn {
    width: 5em !important;
}

.RadGrid .rgRow>td, .RadGrid .rgAltRow>td, .RadGrid .rgEditRow>td, .RadGrid .rgFooter>td {
    padding-top: 4px !important;
    padding-bottom: 3px !important;
}

.RadGrid .rgRow>td, .RadGrid .rgAltRow>td, .RadGrid .rgEditRow>td, .RadGrid .rgFooter>td, .RadGrid .rgFilterRow>td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
    padding-left: 10px !important;
    padding-right: 8px !important;
}

.RadGrid td.rgPagerCell {
    padding: 5px 0 30px !important;
}

.RadGrid .rgWrap {
    white-space: normal !important;
}

.RadGrid_Silk .rgCommandRow a {
    width: 90px !important;
}

/*Makes buttons in business manager more clear*/ 
.RadForm_Silk .rfdSkinnedButton {background-image: linear-gradient(#1D3C7B,#1D3C7B)!important;}
.RadForm_Silk .rfdSkinnedButton:hover {
    border-color: #0092ab;
    color: #fff;
    background-color: #0092ab;
    background-image: linear-gradient(#00acca,#0092ab)!important;}

	/* -----------------------*/
	/* WCAG Changes START     */ 
	/* -----------------------*/
		
	/* ------------ */
    /* Telerik Rad Combo Box, Calendar, Radlistbox etc. styling for accessibility - Start */
    /* ------------ */

     /* Selected background color */
    .rfdSelectBox .rfdSelect_selected, 
    .rfdSelectBox .rfdSelect_selected:hover,
    .RadForm .rfdSelect:active:not(.rfdSelectDisabled), 
    .RadForm .rfdSelect:hover:not(.rfdSelectDisabled), 
    .RadForm .rfdSelect:focus:not(.rfdSelectDisabled){
        border-color: #3276b1;
        color: #fff;
        background-color:#3276b1!important;
        background-image: none!important;
    }

    /* Hover background color */
    .rfdSelectBox li:hover, 
    .rfdSelectBox .rfdSelect_hovered{
        background-color:#242b72!important;
        color:#fff!important;
    }

    /* Radgrid current page pager border */
    .RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage{
        border-color:#0000FF!important;
    }

    /* Radgrid pager background color */
    .RadGrid .rgPagerCell,
    .rfdSelectDisabled:hover,
    .RadGrid th.rgSorted{
        background-color:#e8e8e8!important;
    }

    /* Standard background color (radcombo, text entry etc) */
    .rfdSelect:not(.rfdSelectDisabled){
        background-color:#fff!important;
        background-image:none!important;
    }

    /* Disabled background color (radcombo, text entry etc) */
    .rfdSelectDisabled{
        background-color:#e8e8e8!important;
        background-image:none!important;
        color:#000!important;
    }

    /* RadCalendar and radlistbox selected item text color */
    .RadCalendar th,
    .RadCalendar .rcSelected a, 
    .RadCalendar .rcSelected span,
    .RadListBox .rlbItem.rlbSelected{
        color:#000!important;
    }
	
	/* RadCal styling */
	.RadCalendar .rcSelected a, 
	.RadCalendar .rcSelected span,
	.RadInput a:focus, 
	.RadInput a:active,
	.RadInput a:hover,
	.RadCalendar .rcHover a, 
	.RadCalendar .rcHover span,
	.RadCalendar .t-button:focus, 
	.RadCalendar .t-button:active,
	.RadCalendarMonthView .rcSelected a,
	.RadCalendarMonthView a:hover,
	.RadCalendarMonthView .rcButtons a:hover,
	.RadPicker.rcCalPopupOpen .rcCalPopup, 
	.RadPicker.rcMYPopupOpen .rcCalPopup, 
	.RadPicker.rcTimePopupOpen .rcTimePopup,
	.RadCalendar .t-button:hover
	.RadScheduler .rsSelected>.rsButton, 
	.RadScheduler .rsPressed>.rsButton, 
	.RadScheduler .rsButton:active, 
	.RadScheduler .rsHeaderMonth,
	.RadScheduler .rsButton.rsPressed,
	.RadCalendar .rcSelected a, 
	.RadCalendar .rcSelected span, 
	.RadCalendarMonthView .rcSelected a{
		border-color:#3276b1!important;
		background-color:#3276b1!important;
		color:#fff!important;
		background-image:none!important;
	}
	
	/* ------------ */
    /* Make fonts smaller on admin screens to better fit content onto pages */
    /* ------------ */
	
	/* Make all of agenda builder fonts smaller */
	.DnnModule-CMIS_Agenda label,
	.DnnModule-CMIS_Agenda a,
	.DnnModule-CMIS_Agenda p,
	.DnnModule-CMIS_Agenda span:not(.TitleHead),
	.DnnModule-CMIS_Agenda div,
	.DnnModule-CMIS_Agenda td,
	.DnnModule-CMIS_Agenda th,
	.DnnModule-CMIS_Agenda,
	.DnnModule-CMIS_BusinessManager label,
	.DnnModule-CMIS_BusinessManager a,
	.DnnModule-CMIS_BusinessManager p,
	.DnnModule-CMIS_BusinessManager span:not(.TitleHead),
	.DnnModule-CMIS_BusinessManager div,
	.DnnModule-CMIS_BusinessManager td,
	.DnnModule-CMIS_BusinessManager th,
	.ModCMISCommitteeMembershipsC label,
	.ModCMISCommitteeMembershipsC a,
	.ModCMISCommitteeMembershipsC p,
	.ModCMISCommitteeMembershipsC span:not(.TitleHead),
	.ModCMISCommitteeMembershipsC div,
	.ModCMISCommitteeMembershipsC td,
	.ModCMISCommitteeMembershipsC th,
	.MeetingPropertiesWrapper label,
	.MeetingPropertiesWrapper a,
	.MeetingPropertiesWrapper p,
	.MeetingPropertiesWrapper span:not(.TitleHead),
	.MeetingPropertiesWrapper div,
	.MeetingPropertiesWrapper td,
	.MeetingPropertiesWrapper th,
	.VE_EditParty_GeneralDetails_PageWrapper label,
	.VE_EditParty_GeneralDetails_PageWrapper a,
	.VE_EditParty_GeneralDetails_PageWrapper p,
	.VE_EditParty_GeneralDetails_PageWrapper span:not(.TitleHead),
	.VE_EditParty_GeneralDetails_PageWrapper div,
	.VE_EditParty_GeneralDetails_PageWrapper td,
	.VE_EditParty_GeneralDetails_PageWrapper th,
	.ModCMISEmailC label,
	.ModCMISEmailC a,
	.ModCMISEmailC p,
	.ModCMISEmailC span:not(.TitleHead),
	.ModCMISEmailC div,
	.ModCMISEmailC td,
	.ModCMISEmailC th,
	.ModCMISPdfAdminC label,
	.ModCMISPdfAdminC a,
	.ModCMISPdfAdminC p,
	.ModCMISPdfAdminC span:not(.TitleHead),
	.ModCMISPdfAdminC div,
	.ModCMISPdfAdminC td,
	.ModCMISPdfAdminC th,
	.EditCMIS_Person label,
	.EditCMIS_Person a,
	.EditCMIS_Person p,
	.EditCMIS_Person span:not(.TitleHead),
	.EditCMIS_Person div,
	.EditCMIS_Person td,
	.EditCMIS_Person th,
	.EditCommitteeDetailsWrapper label,
	.EditCommitteeDetailsWrapper a,
	.EditCommitteeDetailsWrapper p,
	.EditCommitteeDetailsWrapper span:not(.TitleHead),
	.EditCommitteeDetailsWrapper div,
	.EditCommitteeDetailsWrapper td,
	.EditCommitteeDetailsWrapper th,
	.ModCMISBusinessManagerC label .DnnModule-CMIS_BusinessManager,
	.MeetingPropertiesWrapper,
	table[id*='EditCommitteeDetails_chkLstComRoles'] label {
		font-size: 15px!important;
	}
	
	/* ------------ */
    /* Councillor and Outside Body A-zs */
    /* ------------ */
	
	a.ViewBodies_Letter, 
	a.ViewBodies_DisabledLetter{
		line-height:30.8px!important;
		padding-top:0px!important;
		padding-bottom:0px!important;
	}
	
	.PE_ViewPeople_DisabledLetter,
	.ViewBodies_DisabledLetter {
		color: #000000!important;
		line-height:30.8px!important;
		padding-top:0px!important;
		padding-bottom:0px!important;
	}

	.ViewBodies_Letter,
	.PE_ViewPeople_Letter{
		background-color:#fff!important;
		line-height:30.8px!important;
		padding-top:0px!important;
		padding-bottom:0px!important;
	}
	
	/* -----------------------*/
	/* Focusses */ 
	/* -----------------------*/

	/* Focuses */
	input[type="password"]:focus,
	.console-none .console-none:focus-within,
	.console-small .console-small:focus-within,
	.console-large .console-large:focus-within,
	.console-none-detail .console-none-detail:focus-within,
	.console-small-detail .console-small-detail:focus-within,
	.console-large-detail .console-large-detail:focus-within{
		background:#fff!important;
		color:#000!important;
		border:3px solid #fff!important;
		outline:none!important;
	}

	.skip-main:focus {
		position: fixed!important;
		top: 0px!important;
		border:3px solid #000!important;
	}

	/* Button focuses */
	input[type="submit"]:focus,
	input[type="button"]:focus,
	.dnnPrimaryAction:focus,
	.dnnSecondaryAction:focus,
	.rgSortAsc:focus,
	.rgSortDesc:focus
	{
		background:#3276b1!important;	
		background-image:none!important;
	}

	/* Checkbox focuses */
	input[type="checkbox"]:focus,
	input[type="radio"]:focus{
		box-shadow:0px 0px 6px 5px #3276b1!important;
		
	}

	/* Select focuses */
	select:focus{
		box-shadow:none!important;
		border:3px solid #3276b1!important;
		outline:none!important;
	}

	/* DNN Checkbox focuses */
	.dnnCheckbox-focus {
		border-color: #66afe9!important;
		border-width:1px!important;
		outline: 0!important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)!important;
	}

	a[id*="registerLink"]:focus:not(.dnnPrimaryAction):not(.dnnSecondaryAction),
	a[id*="loginLink"]:focus:not(.dnnPrimaryAction):not(.dnnSecondaryAction) {
		outline: 1px auto -webkit-focus-ring-color;
		outline-offset: 2px;
		margin-right:5px!important;
	}

	/* Telerik control, darker text to fix contrast issues, radgrid headers, radcalendar headers etc. */
	.RadGrid .rgHeader,
	.RadGrid .rgPager .rgWrap,
	.RadGrid .rgPager .rgWrap a,
	.RadGrid .rgHeader a{
		color:#000!important;
	}

	.RadScheduler .rsHeaderMonth{
		color:#fff!important;
	}

	.rgActionButton:focus {outline: 1px solid #000!important;}

		/* Skip to main content styling */
	a.skip-main:focus, a.skip-main:active{
		color:#000!important;
	}

	.RadGrid_Silk .rgPagerCell .rgNumPart a.rgCurrentPage{
		border-color:#000!important;
		color:#000!important;
	}

	.dnnFormHelp{
		Display:none!important;
	}
	
	.PenPicLink{
		Display:block;
	}
	
	.p-icon{
		font-family:WebComponentsIcons!important;
	}
	
	.DecisionsFilters .FilterButtonWrapper .FilterButton{
		margin-right:5px!important;
	}
		
	.PE_ViewPeople_ElectedRTetiredMembersHeading{
		Display:none!important;
	}
	
	.back_to_top, #backToTop span 						{color:#000!important;}
	.back_to_top:Hover, #backToTop span:Hover 			{color:#000!important;}
	
	.RadTabStrip_Default .rtsSelected .rtsLink{
		border-top:4px solid #000 !important;
	}
	
	.riUp, .riDown{
	text-decoration:none!important;
	}
	
	.PublicDocumentsWrapper .MainView{
		Display:none!important;
	}
	
	/* Tidy up the login page for mobile - also hide columns in tables on mobile - too much data to fit on screen*/
	@media (max-width:616px)
	{
		.dnnFormItem > label.dnnFormLabel, 
		.dnnFormItem > span.dnnFormLabel{
			width:auto!important;
		}
		
		#dnn_ctr_Login_Login_DNN_lblLogin{
			padding-left:5px!important;
		}
		
		/* Hide columns on mobile - first decision ones need customising for each customer */
		.ViewCMIS_Decisions .Decisions thead > tr > th:nth-child(3),
		.ViewCMIS_Decisions .Decisions td:nth-child(3),
		.ViewCMIS_Decisions .Decisions thead > tr > th:nth-child(4),
		.ViewCMIS_Decisions .Decisions td:nth-child(4),
		.ViewCMIS_Decisions .Decisions thead > tr > th:nth-child(5),
		.ViewCMIS_Decisions .Decisions td:nth-child(5),		
		.MeetingsGrid .MeetingVenueColumn,
		.MeetingsGrid .MeetingStatusColumn,
		.MeetingsGrid .MeetingVCalColumn,
		.ElectedMembersGrid .DatesColumn,
		.OfficersGrid .DatesColumn,
		.AppointeesGrid .DatesColumn,
		.SubstitutesGrid .DatesColumn,
		.ROIGrid thead > tr > th.rgHeader:nth-child(4), .ROIGrid > td:nth-child(2),
		.ROIGrid  thead > tr > th.rgHeader:nth-child(2),  .ROIGrid > td:nth-child(2),
		.DOIGrid thead > tr > th.rgHeader:nth-child(4), .DOIGrid .NatureColumn,
		.DOIGrid thead > tr > th.rgHeader:nth-child(2), .DOIGrid .ItemNumberColumn,
		.ViewEPetitions .ActiveGrid .SignaturesColumn,
		.ViewEPetitions .ActiveGrid .StatusColumn,
		.CurrentCommitteesGrid thead > tr > th.rgHeader:nth-child(2), .CurrentCommitteesGrid td:nth-child(2),
		.PastCommitteesGrid thead > tr > th.rgHeader:nth-child(2), .PastCommitteesGrid td:nth-child(2),
		div[id*='_ViewCMIS_Person_grdTrainingHistory'] thead > tr > th:nth-child(3), div[id*='_ViewCMIS_Person_grdTrainingHistory'] td:nth-child(3)
		{
			display:none!important;
		}	
		
		.ViewCMIS_Decisions .FilterWrapper .Value{
			width:100%!important;
		}
		
		.RadGrid{
			width:100%!important;
		}

		.RadGrid .rgPagerCell .rgWrap{
			white-space: normal!important;
		}
		
		div[id*="_ViewCommitteeDetails_pnlClerkInformation"] .Value,
		.ViewPersonWrapper .FormHolder .Value{
			width:100%!important;
			padding-bottom:10px!important;
		}
		
		.ViewCMIS_Decisions .FilterWrapper{
			width:100%!important;
		}
		
		.ViewPersonWrapper .PenPic{
			width:100%!important;
		}
		
		.ViewPersonWrapper .PenPic img{
			margin-left: auto;
			margin-right: auto;
			display: block;
		}	

		.ViewPersonWrapper .PenPic .PenPicResize{
			display:block!important;
			margin-left:auto!important;
			margin-right:auto!important;
		}		
	}
	
	.rfdSelect:hover:not(.rfdSelectDisabled),
	.rfdSelect:focus:not(.rfdSelectDisabled),
	.rfdSelect:hover:not(.rfdSelectDisabled) span,
	.rfdSelect:focus:not(.rfdSelectDisabled) span{
		color:#fff!important;
	}

	.dnnFormItem input[type="text"]:focus,
	.dnnLoginService input[type="password"]:focus,
	input[type="text"]:focus {
		border-color: #66afe9!important;
		border-width:1px!important;
		outline: 0!important;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)!important;
	}

	.header-logo:focus {
		outline:1px solid #fff!important;
		outline-offset:-1px!important;
		opacity:1!important;
	}
	
	/*-------------------------------------------------------*/
	/* Search tidy up
	/*-------------------------------------------------------*/
	.SE_FormHolder{
		background-color:transparent!important;
		border:none!important;
		padding-left:0px!important;
	}

	.SE_FormResponse_SearchMode{

		margin-top:32px!important;
	}

	.SE_FormHolder{
		margin-top:0px!important;
		padding-top:0px!important;
	}

	hr.SE_FormSeperator{
		margin-left:0px!important;
		margin-right:0px!important;
		margin-top:0px!important;
		margin-bottom:18px!important;
	}

	div[id*="_ViewCMIS_Search_pnlAdvanced"] > .CMIS_Guidance:first-child{
		padding-top:14px!important;
	}

	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(10) > div:nth-child(2) > div{
		display:none!important;
	}

	.rgHeader{
		text-transform:capitalize!important;
	}

	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(6) > div > label,
	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(7) > div,
	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(8) > div > label,
	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(9) > div,
	label[id*="_ViewCMIS_Search_Label14"],
	label[id*="dnn_ctr401_ViewCMIS_Search_Label12"],
	label[id*="_ViewCMIS_Search_Label13"],
	div[id*="_ViewCMIS_Search_pnlSimple"] > div.SE_FormHolder > label.SE_FormLabel_Inline
	{
		font-weight:bold!important;
		clear:both!important;
	}

	div[id*="_ViewCMIS_Search_pnlSimple"] > p{
		margin-bottom:4px!important;
	}

	div[id*="_ViewCMIS_Search_pnlSimple"] > div.SE_FormHolder{
		margin-bottom:0px!important;
		padding-bottom:0px!important;
	}

	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(6){
		padding-bottom:0px!important;
		margin-bottom:0px!important;
	}

	div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(10) > div:nth-child(2){
		padding-top:10px!important;
	}
	
	select[id*="_ViewCMIS_Search_ddlSortTerms"]{
		margin-bottom:4px!important;
	}
	
	select[id*="_ViewCMIS_Search_SimpleSearchSelector"]{
		margin-bottom:10px!important;
	}
	
	.SE_FormLabel, .SE_FormLabel_NoWidth{
		color:#332e35!important;
		padding-top:0px!important;
	}
	
	input[type="radio"]{
		margin-right:5px!important;
		margin-left:15px!important;
	}	
	
	@media (max-width:550px)
	{
		input[id*="_ViewCMIS_Search_AdvancedSearchFor"],
		select[id*="_ViewCMIS_Search_SearchDocumentType"],
		select[id*="_ViewCMIS_Search_ddlCommitteeSelector"]{
			width:100%!important;
		}
		
		div[id*="_ViewCMIS_Search_pnlAdvanced"] > div:nth-child(7) > div{
			width:100%!important;
		}
	}
	
	@media (min-width:551px)
	{
		select[id*="_ViewCMIS_Search_ddlCommitteeSelector"]{
			width:300px!important;
		}		
	}
	
/* -----------------------*/
/* WCAG Changes END       */ 
/* -----------------------*/



/* Changes to reports section so only All Users shows when authoring a report, change requested 210125 to Sam Hockley */ 
#dnn_ctr491_ViewCMIS_UserControlPanelUpdateDocument_rolePicker_treeRoles > .rtUL > .rtFirst {Display:block!important}
#dnn_ctr491_ViewCMIS_UserControlPanelUpdateDocument_rolePicker_treeRoles > .rtUL > .rtLI, 
#dnn_ctr491_ViewCMIS_UserControlPanelUpdateDocument_rolePicker_treeRoles > .rtUL > .rtLast{Display:none}
/* Import Stylesheets */
@import url("/cmis5/Portals/_default/skins/westdunbartonshire2020/css/screen.css");
/*@import url("/cmis5/Portals/_default/skins/westdunbartonshire2020/css/antiscreen.css") handheld, only screen and (max-device-width:480px);*/
/*@import url("/cmis5/Portals/_default/skins/westdunbartonshire2020/css/handheld.css") handheld, only screen and (max-device-width:480px);*/
@import url("/cmis5/Portals/_default/skins/westdunbartonshire2020/css/CMIS_Custom.css");

/* CSS Document */

.c_head{padding:0; margin-top:8px;text-align:left;}

/*---------- To align the Actions, Icon and Title ---------*/
.c_icon, .c_actions, .head_title h1{float:left;}
.c_icon img { float:left; padding-right:4px; }
.head_title h1{margin:0; padding:0;}
.icn img{margin-right:5px;}

.head_title{margin:0; float:left;width:100%;}
.title_vis{margin:0; float:right;}

.c_content{clear:both;}
.c_contentpane{padding:8px 0 0 0; text-align:left;}
.c_footer {clear:both;margin-bottom:20px;padding:0; text-align:right;}

/*---------- default style for head & normal -----------*/
.Normal p{margin-top:0px;}

/*---------- For the inline edit icons -----------*/
.eipbackimg {background-color:#DAE7F2;border:solid 1px #4F839F;}
.c_content .eipbackimg {margin-top:0;margin-left:-20px;}


.c_head_grey h1, .c_head_grey h1 input {color:#375162;}














/*

CHANGE LOG
-----------------------------------------------------------------------------------
[1] | 01/03/2010  |  Task 934  |  Paul Steptoe |  
Updated all CSS to give a more structured approach
-----------------------------------------------------------------------------------
[2] | 18/03/2010  |  Task 953  |  Paul Steptoe | 
Changed the width of CMIS_ModuleWrapper and CMIS_MultiPageWrapper from 100% to 95%
-----------------------------------------------------------------------------------
[3] | 30/03/2010  |  Task 895  |  Mark Smith   | 
CMIS_ModuleWrapper: removed border and padding
-----------------------------------------------------------------------------------
[4] | 19/08/2011  |  Task 899  |  Mark Smith   | 
Added a global style for the Document Status Key
-----------------------------------------------------------------------------------
[5] | 08/02/2012  |  Task 681  |  Mark Smith   | 
Added styles for new DocumentAppendiciesList and DocumentList     
-----------------------------------------------------------------------------------
[6] | 20/02/2012  |  Task 1999 |  Mark Smith   | 
Added a global style for the Document Status Key
-----------------------------------------------------------------------------------
[7] | 17/05/2012  |  Task 1318 |  Paul Steptoe | 
Added a global style for the highlighting of Wards and Topics
-----------------------------------------------------------------------------------
*/
/***********************************************************************************************/
/*** Global CMIS Styles                                                                      ***/
/***	- should be imported into Portals/0/portal.css                           			 ***/
/*** Any changes made to these styles will effect all Modules. If you need to make changes   ***/
/*** to suit specific Modules these should be made within the Module stylesheet.             ***/
/***																						 ***/
/***********************************************************************************************/
/*** Styles currently defined:
/***
/*** Guidance / Help text
/*** Grid contains no data
/*** Error Text
/*** Default Party Colours
/*** CMIS Grid Style 
/*** Repeater Style
/*** Form Styles
/*** Fieldsets
/*** General Formatting Styles
/***********************************************************************************************/

/* Make html edit box 100% width */
.RadEditor .reTextArea {
    width: 100% !important;
}

/* Give Radeditor minimum height */
.RadEditor .reContent {
    min-height:200px;
}
/***********************************************************************************************/
/* Accessbility Changes - Start */
/***********************************************************************************************/
.FieldsetFormHolder {
    padding-bottom: 5px;
    clear: both;
    float: left;
}

.FieldsetContent {
    padding: 5px;
    float: left;
}

/* DNN Console Module - hide change icon size dropdown */
select[id*='_ViewConsole_IconSize'] {
    display: none;
}

/* DNN Console Module - hide change view dropdown */
select[id*='_ViewConsole_View']{
    display: none;
}

/* Skip to main content tab link in header */
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

    /* Skip to main content tab link in header */
    a.skip-main:focus, a.skip-main:active {
        color: #fff;
        background-color: #fff;
        left: auto;
        top: auto;
        width: 30%;
        height: auto;
        overflow: auto;
        margin: 10px 35%;
        padding: 5px;
        border-radius: 15px;
        border: 4px solid yellow;
        text-align: center;
        font-size: 1.2em;
        z-index: 999;
    }

/***********************************************************************************************/
/* Accessbility Changes - End */
/***********************************************************************************************/

.DnnModule .c_head .head_title .c_icon img {
    display: none !important;
    visibility: hidden !important;
}

.UserEditActions {
    margin-top: 12px;
    padding-left: 6px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e3e3e3;
    border-top: 2px solid #e3e3e3;
    display: inline-block;
    width: 99%;
}

.UserEditActions input {
    margin-top: 10px;

}

.RadForm .rfdValidationSummaryControl ul {
    padding-left: 6em !important;
    margin-bottom: 0px;
}

.NoItems {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#dnn_ctr_dnnICON_imgIcon {
    display: none !important;
    visibility: hidden !important;
}

.RequiredFieldIndicatorLabel {
    margin-top: 0px;
    color: #ff0000!important;
}

.RequiredFieldIndicator {
    color: #ff0000!important;
}

.FormLabelEdit {
    float: left;
    width: 200px;
    font-weight: bold;
}

.DocumentSorter { overflow: hidden; clear: both; }
.DocumentSorter .NodeTemplate {}
.DocumentSorter .NodeTemplate .NodeStatus
{
    padding-right: 0.5em;
    vertical-align: middle;
}
.DocumentSorter .NodeTemplate .NodeAccess 
{
    padding-left: 0.5em;
    vertical-align: middle;
}
.DocumentSorter .ButtonWrapper { clear: both; margin-top: 10px; }
.DocumentSorter .Button { float: left; }

/*** [5] Document and Appendix Lists ***/
.CmisDocumentList {} /* clear: both; */
.CmisDocumentList ol.DocumentList { padding-left: 0px; margin-left: 0px;}
.CmisDocumentList ol.DocumentList li.DocumentListItem { list-style-type: none; margin-bottom: 3px; }

.CmisDocumentAppendiciesList {} /* clear: both; */
.CmisDocumentAppendiciesList ol.Appendicies { padding-left: 1em; margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}
.CmisDocumentAppendiciesList ol.Appendicies li.Appendix { list-style-type: none; }
/***************************************/

.ListItemHeading { font-weight: bold;font-style: italic; }

/** Remove? **/
h1.CMIS{margin-top:0px;font-size: x-large;}
h2.CMIS{font-size: large;text-decoration:underline;clear:both;}
h3.CMIS{font-size: medium;text-decoration:underline;}
/*************/

/***** Guidance / Help text *****/
p.CMIS_Guidance{font-size: small;color: #3c3c3c;}
p.CMIS_Guidance a{text-decoration: underline;}
/********************************/


/**** Grid contains no data *****/
.NoData{font-size: medium;color: black;padding: 10px;border: solid 1px black;background-color: #CCCCCC;text-align: center;}
/********************************/

/****** Error Text ******/
div.Error{padding-top:10px;padding-bottom:10px;}
.Error{color:red!important;}
/************************/

/**** Default Party Colours ****/
.party_Gold {background-color: Yellow;color: #000;}
.party_Red {background-color: Red;color: #fff;}
.party_Blue {background-color: Blue;color: #fff;}
.party_noparty{background-color: #ededed;}
.party_Darkgray{background-color: #a9a9a9;}
/*******************************/

/***** CMIS Grid Style *****/
.CMIS_Grid{border:solid 1px #ccc;width: 100%;}
.CMIS_Grid th, table.CMIS_Grid td{padding:4px;}
.CMIS_Grid_FooterStyle{background-color:#e7f390;font-weight:bold;color:#000;}
.CMIS_Grid_RowStyle{background-color:#EFF3FB;font-size:12px;}
.CMIS_Grid_PagerStyle, .CMIS_Grid_PagerStyle a{background-color:#b7b7b7;font-weight:bold;color: #424242;text-align:center;}
.CMIS_Grid_PagerStyle a{text-decoration: underline;}
.CMIS_Grid_SelectedRowStyle{background-color:#D1DDF1;font-weight:bold;color:#333333;}
.CMIS_Grid_HeaderStyle, .CMIS_Grid_HeaderStyle a{background-color:#b7b7b7;font-weight:bold;color:#424242;}
.CMIS_Grid_HeaderStyle a{text-decoration: underline;}
.CMIS_Grid_HeaderStyle th{color:#000;}
.CMIS_Grid_EditRowStyle{background-color:#2461BF;}
.CMIS_Grid_AlternatingRowStyle{background-color:#FFFFFF;font-size:12px;}
a.CMIS_Grid_AddButton{font-size:12px;display:block;padding-top:10px;padding-bottom:10px;text-decoration: underline;}
/**************************/

/**** Repeater Styles ****/
.Repeater_Element {margin-top: 5px;}
/***************************/

/**** Form Styles ****/
.FormHolder { }
.FormHolder .FormLabel {font-size:11px;font-weight:bold;padding-right:10px;}
.FormHolder .FormResponse {font-size:11px;font-weight:bold;}
/*********************/

.KeyItem {
    padding-right:15px;
}

/*** [4] Document Status Key ***/
.DocumentStatusKey {
    overflow: hidden;
    clear: both;
    padding-top:10px;
}
    .DocumentStatusKey .header {
        font-weight: bold;
        padding:0 1em 0 0;
        float:left;
    }
.DocumentStatusKey .KeyItem { float: left;  } /* white-space: nowrap; */
.DocumentStatusKey .KeyItem img { vertical-align: middle; }
.DocumentStatusKey .KeySeparator { float: left;margin-left: 5px;margin-right: 5px; }
/*******************************/

/*** [6] Document Security Key ***/
.DocumentSecurityKey { overflow: hidden; clear: both; }
.DocumentSecurityKey .header {font-weight: bold;padding: 10px 0;}
.DocumentSecurityKey .KeyItem { float: left;  } /* white-space: nowrap; */
.DocumentSecurityKey .KeyItem img { vertical-align: middle; }
.DocumentSecurityKey .KeySeparator { float: left;margin-left: 5px;margin-right: 5px; }

/*** [6] Minutes Status Key ***/
.MinutesKey { overflow: hidden; clear: both; }
.MinutesKey .header {font-weight: bold;padding: 10px 0;}
.MinutesKey .KeyItem { float: left;  } /* white-space: nowrap; */
.MinutesKey .KeyItem img { vertical-align: middle; }
.MinutesKey .KeySeparator { float: left;margin-left: 5px;margin-right: 5px; }
/*********************************/

/*********** Fieldsets ***********/
/*********************************/
fieldset{
    border: 1px solid gainsboro;    
}

fieldset>legend{
    font-weight:bold;
}

/**** General Formatting Styles ****/

/**** Back to Top link class with Up Arrow Image ****/
a.back_to_top {background-image: url("/cmis5/Images/Up.gif");background-repeat: no-repeat;padding-left: 20px;padding-top: 3px;}
/**** Back page link with Back Arrow Image ****/
a.back_page{background-image: url("/cmis5/Images/lt_green.gif");background-repeat: no-repeat;padding-left: 20px;padding-top: 1px;}
/**** Default Image link style ****/
a img {text-decoration: none;border: 0px solid #000;}
/**** Default Module Wrapper for a page ****/
.CMIS_ModuleWrapper {
/* text-align:left;padding:20px 5px 10px 5px;width:95%;border:solid 1px #ccc; [3] */
}
/**** Multi-tab page ****/
.CMIS_MultiPageWrapper{background-color:White;padding:10px;width:95%;border:solid 1px #ccc;}
/**** Default Form Submit button holder ****/
.CMIS_FormButton {padding-top:20px;}
/**** Default P style ****/
p {font-size:12px;}


/*** NEEDS TO BE CHECKED AND REMOVED IF NOT USED ***/

/* General */
h2.CMIS_Settings{text-decoration: underline;}
div.CMIS_SettingsNotes{clear:both;color:Gray;}
span.formLabel, label.formLabel, div.formLabel, div.formLabelNoFloat {font-size:11px;vertical-align:top;font-weight:bold}
span.formLabel, label.formLabel {vertical-align:middle;padding-right:10px;}
div.formLabel, div.formLabelNoFloat {width:100px;}
div.formLabel, div.formLabel20RightPadding {float:left;}
div.formLabel20RightPadding {padding-right: 20px;font-size:11px;vertical-align:top;font-weight:bold;}
.Float_ClearLeft{clear:left;}

.NoData
{
	font-size: medium;
	color: black;
	padding: 10px;
	border: solid 1px black;
	background-color: #CCCCCC;
	text-align: center;
}

/* Changes font/background of all DNN labels in CMIS modules */
.CMIS_ModuleWrapper .DNNLabel { font-weight: bold; } 
.CMIS_ModuleWrapper .Help { background-color: #C4DDFC; } 

/* Stops bullet points appering on Telerik controls due to DNN conflict */
ul.ruInputs, ul.ruInputs li, 
ul.rwControlButtons, ul.rwControlButtons li { list-style-type: none !important; }  
.rlbItem { list-style-type: none !important; }   
.ruProgress { list-style-type: none !important; }  
.RadUploadProgressArea .ruProgress li { list-style-type: none !important; } 


/* Allow DNN container menu to appear above all else */
.ModuleTitle_SubMenu { z-index: 1001; }

/* Allow DNN Solpart menu-dropdowns to appear above all else */
.mainMenu table { z-index: 1001; }

/*** [7] Wards and Topics highlight ***/
.WardsTopicsHighlight { background-color: #FFFF00;}

/* Ensure DNN drop down menus appear in place */
.rcbSlide {Position:Absolute;}

/* Persona Bar Changes */
.personalBarContainer ~ #WrapMain {margin-left: 30px!important;}
#Body {margin-left: 0px!important;}
.editBarFrameContainer.personabar-shown {left:30px!important;height:42px!important;}
#editBar-iframe {height: 42px !important;}
.personabar-placeholder {width: 30px !important;}

/* IFrame - hide the blue info box and module title */
.DnnModule-DNN_IFrame .ModDNNIFrameC .dnnFormInfo,
.DnnModule-DNN_IFrame .TitleHead                      {display:none;}

/* AZ689 - Hide profile name on User Profile screen */
.ProfileName {
    visibility: hidden!important;
}
@import url("/cmis5/Templates/Stylesheets/CMIS_Global.css");

/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */
 
.branding-top {
	background: url("/cmis5/Portals/0/dnn_large_banner.png") no-repeat top left;
	width: 900px;
	height: 428px;
	clear: both;
	overflow: hidden;
}
.branding-top p {
	padding: 0px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}
.branding-bottom {
	clear: both;
	margin: 1em 0;
	overflow: hidden;
}
.branding-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.commmunity, .marketplace, .conferences, .training {
	list-style: none;
	display: block;
	float: left;
  cursor: pointer;
}
.branding-bottom li.training {
	margin: 0;
}
.branding-bottom .feature-block {
	background: url("/cmis5/Portals/0/itembg.gif") repeat-y;
	margin: 33px 0 0 0;
}
.branding-bottom .feature-icon {
	margin: 0;
	height: 66px;
	margin-bottom: 1em;
}
.feature-text {
	margin: 0 10px 20px 10px;
	font-size: 115%;
	text-align: center;
    color: #3e81b5;
    height: 75px;
}
.branding-bottom li {
  margin: 0 20px 0 0;
  width: 210px;
}
.branding-bottom li.training {
  margin: 0;
}
.feature-block li {
  list-style: none;
}
.feature-icon {
  width: 180px;
 }
.branding-bottom .commmunity {
	background: url("/cmis5/Portals/0/community_title.gif") no-repeat top left;
}
.commmunity .feature-icon {
	background: url("/cmis5/Portals/0/community_icon.gif") no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .marketplace {
	background: url("/cmis5/Portals/0/marketplace_title.gif") no-repeat top left;
}
.marketplace .feature-icon {
	background: url("/cmis5/Portals/0/marketplace_icon.gif") no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .conferences {
	background: url("/cmis5/Portals/0/conferences_title.gif") no-repeat top left;
}
.conferences .feature-icon {
	background: url("/cmis5/Portals/0/conferences_icon.gif") no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .training {
	background: url("/cmis5/Portals/0/training_title.gif") no-repeat top left;
}
.training .feature-icon {
	background: url("/cmis5/Portals/0/training_icon.gif") no-repeat;
	background-position: 50% 10px;
}
ul.bt {
	margin: 0 -1em;
	padding: 0;
	background: url("/cmis5/Portals/0/item_bt_bg.gif") no-repeat bottom;
	height: 32px;	
}
ul.bt li {
  margin: 0 1em;
  list-style-type: none;
}
.action-btn {
  height: 26px;
}
.engage-action {
	background: url("/cmis5/Portals/0/engage_btn.png") no-repeat bottom;
}
.shop-action {
	background: url("/cmis5/Portals/0/shop_btn.png") no-repeat bottom;
}
.connect-action {
	background: url("/cmis5/Portals/0/connect_btn.png") no-repeat bottom;
}
.learn-action {
	background: url("/cmis5/Portals/0/learn_btn.png") no-repeat bottom;
}
div.link_manuals {
	float:left;
	background: url("/cmis5/Portals/0/dnn_manuals.png") no-repeat top left;
	width: 316px;
	height: 137px;
	cursor: pointer;
}
div.link_proedition {
	float:right;
	background: url("/cmis5/Portals/0/dnn_proedition.png") no-repeat top left;
	width: 514px;
	height: 137px;
	cursor: pointer;
}
div.link_main {
	margin: 260px 30px 0px 30px;
}

#LoginInfo
{
	width:545px; 
	float:left;
}
#LoginInfo h3
{
	background-color: #f7f7f7;
	color: #8f0000;
	padding: 2px 0px;
}
#LoginInfo dd, #LoginInfo dt 
{
	display:inline;
}
#LoginInfo dt
{
	font-weight:bold;
	color: #333;
}
#LoginInfo p.LoginNotes
{
	font-size: .8em;
}
#LoginInfo div.LoginBlock {
	float: left;
	width: 255px;
	padding: 5px 5px;
	margin: 0px 2px;
	border: 1px #f0f0f0 solid;
}
.SponsorIcon
{
	margin: 5px 15px; 
	float: left;
}
#QuickLinks 
{
	background-color:#f0f0f0;
	border: 1px #cccccc solid;
	padding: 2px 5px;
	position:relative;
	width:330px;
}
#QuickLinks h2, #QuickLinks p
{
	margin: 5px 5px;
}
div.hr
{
	height: 2px;
	background-color: #8f0000;
	margin: 5px 0 15px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}

#TelerikInside
{
	background: white url("/cmis5/Portals/0/telerikInside.jpg");
	border: 1px #cccccc solid;
	padding: 20px 5px 10px 130px;
	margin-bottom: 5px;
	width: 205px;
	height: 140px;
	border-style:none;
}

#TelerikInside h2
{
	font-weight: bold;
}

#RightColumnInfo
{
	float:right;
	width:340px;
	margin-left: 10px;
	margin-bottom: 15px;
}
#qlCol1, #qlCol2
{
	margin: 5px 5px 15px;
	padding-left: 12pt;
	float: left;
	position:relative;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		static;
	top:			-999em;
	width:			16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
	/*border-left:			1px solid #ccc;*/		
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}