﻿
@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("/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("/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("/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("/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("/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("/images/dnnSpinnerUpArrow.png") no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .dnnSpinnerCtrl > a.dnnSpinnerBotButton {
        display: block;
        width: 25px;
        height: 16px;
        background: transparent url("/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("/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("/images/dnnSpinnerDownArrow.png") no-repeat;
            background-position: right center;
            height: 22px;
        }

            div.dnnTagsInput div.dnnTags_filter > .dnnTags_filter_label.dnnExpanded {
                color: #666;
                background: url("/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("/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("/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("/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("/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("/images/resizeBtn.png") no-repeat;
            background-position: 10px 2px;
            text-indent: -9999em;
        }

            .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
                background: #358EEA url("/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("/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("/images/modal-resize-icn.png") no-repeat bottom;
}

.dnnFormPopup .dnnDialog {
    padding: 10px;
}

.dnnLoading {
    background: #fff url("/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("/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("/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("/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("/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("/images/down-icn.png") no-repeat right 50%;
        }

        h2.dnnFormSectionHead a.dnnSectionExpanded {
            background: url("/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("/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("/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("/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("/images/eip_title_cancel.png") no-repeat center center;
}

.eipbutton_edit {
	background: url("/images/eip_edit.png") no-repeat 100% center;
	float:left;
}

.eipbutton_save {
	background: url("/images/eip_save.png") no-repeat 100% center;
	float:left;
}
.eipbackimg.containerTitle .eipbutton_save {
	background-image: url("/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("/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 */


/*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("/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%
}


.GoogleMap {
    width:400px;
    height:400px;
}

div.VE_FormLabelAddress {
    width: 200px;
    float: left;
    font-weight: bold;
}

#divVenueName {
	font-weight: bold;
	font-size: large;
}

.VenueBoldLabel {
	font-weight: bold !important;
}

.VenueMap {
	float: right;
}

.VenueHolder {
	float: left;
	width: 500px;
	overflow: hidden;
}

.divButtonReturn {
	float: left;
}

.CMIS_Grid_HeaderStyle TH {
    text-align: left;
}



/*==========================*/
/*  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, #Login											{padding:0; margin:0; height:34px;}
#Bread 														{float:left; line-height:34px; color:#000000;}
#Login														{float:right;}
#Panes 														{clear:both; margin:0; background:#FFF;}
#Footer														{border:1px solid #E3E3E3;border-top:0;}
#BreadLogin 												{margin: 1.25rem 0;}

/*========================================================*/
/*  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:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button), 
#Panes a:link:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button),
#Panes a:active:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button),
.RadGrid .rgPager .rgWrap a {color:#007363;text-decoration:underline;}
.RadGrid .rgHeader a 		{color:#fff!important;text-decoration:underline;}
#Panes a:visited:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button)		{color:#007363;text-decoration:underline;}
#Panes a:focus:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button)		{outline: 2px solid #005D50;color:#007363;text-decoration:underline;}
#Panes a:hover:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button),
.RadGrid .rgPager .rgWrap a		{color:#1e252a;text-decoration:underline;}
.RadGrid .rgHeader a:focus		{outline: 2px solid #fff!important;color:#fff!important;text-decoration:underline;}
.RadGrid .rgHeader a:hover		{color:#ddd!important;text-decoration:underline;}

.back_to_top, #backToTop span, span[id*='ViewCMIS_People_rptElectedMembersContainer_lblBackToTop']						{color:#007363!important;}
.back_to_top:Hover, #backToTop span:Hover, span[id*='ViewCMIS_People_rptElectedMembersContainer_lblBackToTop']:hover	{color:#1e252a!important;text-decoration:underline;}

/* Dont show underline in dropdown boxes or in buttons */
.rfdSelect, .dnnPrimaryAction, .dnnSecondaryAction{
	text-decoration:none!important;
}

/* Set Default text color and font family */
#Panes table {
	width:100%!important;
}

#Panes th,
#Panes td,
#Panes table,
#Panes div,
#Panes p,
#Panes h1,
#Panes h2,
#Panes h3,
#Panes h4,
#Panes h5,
#Panes h6,
#Panes a:link, 
#Panes a:visited, 
#Panes a:hover, 
#Panes span,
#Panes .Normal,
#Panes .NormalDisabled,
#Panes .Head,
#Panes .SubHead,
#Panes .SubSubHead, 
#Panes .CommandButton 										{color:#1E252A;font-family:Barlow, sans-serif;}

.console-none-detail h2 {text-decoration: underline!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:18px;font-weight:normal;}

/* Set Default font size (without font weight) */
body,
#Panes span 												{font-size:18px;}

/* Set Default font family */
.Head, 
.SubHead, 
.SubSubHead, 
.Normal, 
.NormalDisabled, 
.NormalDisabled, 
.NormalBold, 
.NormalRed, 
.NormalTextBox,
#Menu a, 
#BreadLogin   												{font-family:Barlow, sans-serif;}

/*========================================================*/
/*  5. 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"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand),
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton			{background-color:#007363!important;color:#fff!important;}

/* Secondary Button Background Colour */
.dnnSecondaryAction,
a.dnnSecondaryAction										{background-color:#007363!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:#005D50!important;cursor:pointer;}

/* 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:#fff!important;}

/* Button Text Hover Colour */
input[type="submit"]:hover,
input[type="button"]:hover,
.dnnFormItem input[type="submit"]:hover, 
.dnnPrimaryAction:hover, 
.dnnSecondaryAction:hover,
a.dnnPrimaryAction:hover,
a.dnnSecondaryAction:hover,
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:hover	{color:#fff!important;}

/* Input Submit Button styling */
input[type="submit"],
input[type="button"] 										{border-style:none!important;padding:12px 15px;}

/* Button focus */
input[type="submit"]:focus,
input[type="button"]:focus,
.dnnFormItem input[type="submit"]:focus, 
.dnnPrimaryAction:focus, 
.dnnSecondaryAction:focus,
a.dnnPrimaryAction:focus,
a.dnnSecondaryAction:focus,
.RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:focus	{color: #fff!important;outline: 2px solid #005D50;outline-offset: 1px;text-decoration: underline;}

/* 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:18px!important;}

/* Remove Background color from add icons and accordian buttons */
.RadGrid_Silk .rgAdd, 
.RadGrid_Silk .rgAdd:Hover,
.rgCollapse,
.rgCollapse:Hover {background-color:transparent!important;}

/*========================================================*/
/*  6. Main Menu 				                          */
/*========================================================*/

#Menu a 													{font-size:18px; color:#007363;}
#Menu a:visited												{color:#007363!important;}

/* Hover, Selected */ 
#Menu .sf-menu a:focus, 
#Menu .sf-menu a:hover, 
#Menu .sf-menu a:active,
#Menu > .sf-menu .current > a:focus,
#Menu > .sf-menu .current > a:hover,
#Menu > .sf-menu .current > a:active						{color:#1E252A!important;text-decoration:underline!important;}

/**Main Menu**/
#Menu .sf-menu 												{margin-bottom:	1em;}
#Menu .sf-menu a 											{padding:0em;text-decoration:none;}
#Menu .sf-menu a											{color:#007363;}
#Menu .sf-menu a:visited  									{color:#007363!important;}
	
/* Current */
#Menu .sf-sub-indicator 									{display:none;}
#Menu .sf-menu .current a 									{color:#007363}
#Menu .sf-menu .current ul  								{Display:block!important;visibility:visible;padding-left:30px;}
#Menu .sf-menu .current ul li,				
#Menu .sf-menu .current ul .current ul						{Display:block!important;}
#Menu .sf-menu .current ul li ul 							{visibility:hidden;}
#Menu .sf-menu .current li a,							
#Menu .sf-menu .current .current a, 				
#Menu .sf-menu .current .current .current a 				{color:#007363;}
#Menu .sf-menu .current .current li a, 			
#Menu .sf-menu .current .current .current li a 				{font-weight:normal;}

/* Hide Sub menus unless they are currently selected */
#Menu li li 												{Display:none;}
#Menu .sf-menu .current ul li 								{Display:block!important;}


/**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;}

/*-------------------------------------------------------*/
/* 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:160px!important;}

	/* Add/Edit popup - Fix sizing issues with agenda popup */
	.rgEditPopup																		{width:100%!important;}
	
	/* Sort the Agenda Builder popups which were previously all overlapping the border and looking very messy */
	#EditStandardItem_Table .RadEditor, 
	.EditBusinessItem .RadEditor,
	.CreateMinuteItems .RadEditor,
	.SelectMeetingDocuments .RadEditor			{width:99%!important;}
	.reResizeCell 								{Display:none!important;}
	.rgEditPopup 								{margin-top:0px!important;}
	#EditNewItemTable .RadEditor 				{width:100%!important;}
	.CreateMinuteItems .rgEditForm 				{top:60px!important;}

	/* Tidy Checkboxes on publish page */
	.CommentApprovePublish .Notifications .Public .dnnLabel {padding-right: 0px!important;margin-right:0px!important;width:95%!important;}	

	/*------------------------------------*/
	/* CMIS - Business Manager Module     */
	/*------------------------------------*/
	
	/* Business Item List - Tidy Reset Layout/Save Layout buttons */
	.rgCommandTable																		{width:45%!important;}
	
	/* 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;padding-bottom:10px!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;}
	
	/* Set font for labels */
	.ModCMISBusinessManagerC label {color:#333!important;font-size:16px!important;}

	/*------------------------------------*/
	/* CMIS - Committee Module            */
	/*------------------------------------*/

	/* Remove Italics from Committee description */
	.ViewCommitteeDetailsWrapper .Description .Value 									{font-style:normal!important;}
	
	/* Manage members page - increase width to 100% so that all elements fit nicely on page */
	.ModCMISCommitteeMembershipsC fieldset {width:100%!important;}
	
	/* Manage members page - increase height of party colours as they were previously overlapping */
	.PartyDetailsHolder div {min-height:28px!important;}
	
	/* Remove button styling from remove document button */
	.RadUpload_Silk .ruButton {color:#333!important;}
	.RadUpload_Silk .ruRemove {color:#333!important;background-color:#FFF!important;}
	.RadUpload_Silk .ruRemove:Hover {color:#333!important;background-color:#fff!important;}

	/* Tidy up the edit member form which was a complete mess */
	.ModCMISCommitteeMembershipsC .CM_CommitteeFormHolder .dnnLabel {width:auto!important;}
	.ModCMISCommitteeMembershipsC .CM_CommitteeFormHolder {float:left!important;}
	.ModCMISCommitteeMembershipsC .CommitteeFormLabel {width:235px!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;}
	
	/* Set the popup calendar buttons background and text colour */
	#rcMView_Today, #rcMView_OK, #rcMView_Cancel {
		background-color: #005D50!important;
		background-image: none!important;
		color:#fff!important;
	}
	#rcMView_Today:focus, #rcMView_OK:focus, #rcMView_Cancel:focus,
	.RadCalendar .rcRow a:hover, .RadCalendarMonthView_Silk a:hover, #rcMView_Today:hover, #rcMView_OK:hover, #rcMView_Cancel:hover {color:#fff!important;text-decoration: underline!important;}

	/*------------------------------------*/
	/* CMIS - Forward Plans Module       */
	/*------------------------------------*/

	.ModEnlineCMISForwardPlansC > div > div.FilterContainer > div.response > div > label {padding-left:10px!important;}
	.ModEnlineCMISForwardPlansC .CreateNew label,
	.ModEnlineCMISForwardPlansC .EditExisting label {font-size:16px;font-weight:normal!important;}
	.ModEnlineCMISForwardPlansC .NotificationsPanel {padding-top:10px!important;}
	.ModEnlineCMISForwardPlansC .NotificationsPanel fieldset {width:100%!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;}
	}
	
	/* Remove excessive font size and weight from the 'Show inactive appointees' checkbox */
	.AppointmentWrapper label {font-size:16px!important;font-weight:normal!important;}
	
	/* Make the outside body tabs look like the new telerik ones used on committees page */
	.RadTabStrip_Default .rtsLevel .rtsLink, .RadTabStrip_Default .rtsLevel .rtsOut {background-image:none!important;}
	.RadTabStrip .rtsLevel1 {background:linear-gradient(#CED2D6, #AFB3B7)!important;min-height:36px!important;}
	.ViewCMIS_OutsideBody .rtsSelected {background-color:#757b7f!important;}
	.AppointmentWrapper .CMIS_Grid_HeaderStyle {background:linear-gradient(#CED2D6, #AFB3B7)!important;}
	.CMIS_Grid_HeaderStyle, .CMIS_Grid_HeaderStyle a {background:transparent!important;}
	a.back_page {padding-left:9px!important;}
	.BackToWrapper {padding-top:0px!important;}

	/*------------------------------------*/
	/* 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:280px!important;width:160px!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;}	
	}
	
	.PE_ViewPeople_ViewBy {text-decoration:underline!important;}
	
	/* Make Label Titles Bold to aid viewing on mobile device */
	.PersonDetails .DNNLabel span 															{font-weight:bold!important;}
	
	/* Tidy the Election record form which was previously very untidy */
	.ModCMISPeopleC div.formLabel {float:none!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("/Portals/_default/skins/derby2020/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("/Portals/_default/skins/derby2020/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;}
	}
	
	/*------------------------------------*/
	/* 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 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					      */
	/*------------------------------------*/

	/* Remove the background color from checkboxs */
	mark, .mark {background-color:transparent!important;}
	
	/* 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 															{overflow:auto!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;}
	
	/* Set the color of the forward plans select year label */
	.ViewCMIS_ForwardPlans label {font-size:16px!important;color:#000!important;font-family:Barlow, sans-serif!important;} 	
	
	/* Send Email Page - Increase the size of the 'Add an unlisted subscriber' dropdown which was previously only a few pixels wide */
	.CM_panelEmail .rpRootGroup {width:400px!important;margin-left:28px!important;}

	
	/*----------------------------*/
	/* DNN Control Bar Changes
	/*----------------------------*/

	/* Increase the height of the Control Bar hovers */
	#ControlNav > li > a, 
	#ControlBar_CustomMenuItems > li > a, 
	#ControlActionMenu > li > a, 
	#ControlEditPageMenu > li > a.controlBar_editPageInEditMode, 
	#ControlEditPageMenu > li > a {height:52px!important;}
	
	/* Decsrease the font size of the edit mode button so that it matches the rest of the admin buttons */
	.controlBar_editPageTxt {font-size:13px!important;}
	
	/* Increase the default min-height and width of the admin sub items so that you can read the options in full */
	.subNav.advanced dl ul li {min-width:138px!important;min-height:57px!important;}
	
	/* Set all the Control bar font sizes to the same */
	#ControlEditPageMenu label, #ControlBar_SiteSelector p {font-size:13px!important;}

	/*----------------------------*/
	/* DNN Ribbon Bar Changes
	/*----------------------------*/	

	/* Descrease the font size of the Ribbon Bar text so that it does not overlap below */
	#RibbonBar_ControlPanel a, #RibbonBar_ControlPanel span {font-size:13px!important;}

	/* Decrease the top margin around the mode dropdown so that it sits a little nicer */
	#dnnCPWrap .dnnCPHNav {margin-top:3px!important;}
	
	/* Increase the width of the Ribbon bar sub items container so that we get 3 items on each row */
	.dnnadminmega .megaborder {min-width:600px!important;}
	
	/* Increase the height of the Ribbon bar sub items container */
	.dnnadminmega li.leaf a img {margin-bottom:13px!important;}
	
	/* Change the Add new module label font sizes to match the rest of the toolbar */
	#RibbonBar_AddMod_UpdateAddModule label {font-size:13px!important;}
		
	/*------------------------------------*/
	/* CMIS - Setup H1, H2, Normal Text   */
	/*------------------------------------*/
	
	/* H1 */
	.TitleHead,
	.MeetingsTab h2,
	.MembersTab h2 																		
	{font-size:36px!important;font-weight:600!important;color:#1E252A!important;font-family:Barlow, 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,
	.GeneralTab legend,
	.CompositionTab legend,
	.MembershipRolesTab legend,
	.pvSecurityTab legend,
	.pvPeopleTab legend,
	.borderPanel legend, 
	.TemplatesTab legend
	div[id*='_ViewCommitteeDetails_pnlClerkInformation'] legend
	{font-size:28px!important;font-weight:600!important;text-decoration:none!important;color:#1E252A!important;font-family:Barlow, sans-serif!important;}

	/* H3 */
	.AdditionalDocuments h4,
	.Attended legend,
	.Apology legend,
	.Absent legend,
	.EventHeading h4,
	.Filter legend
	{font-size:16pt20px!important;color:#1E252A!important;font-family:Barlow, 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:Barlow, 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) 
	{
		/* 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: 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;}
	
	@media (max-width:433px)
	{
		.GeneralTab .DNNLabel {margin-bottom:-24px!important;} 
		.GeneralTab .Value {width:50%!important;}
		.Biog {margin-top: -5px!important;}
	}
	
	/* -------------------------------------------------------- */
	/* *********Sort out Superfish menu/sub menus ************* */
	/* -------------------------------------------------------- */

	/* Hide Sub menus ... */
	#Menu > .sf-menu ul {Visibility:hidden;height:0px;}

	/* ...unless parent page selected.*/
	#Menu > .sf-menu .current > ul {Visibility:visible!important;height:auto!important;display:block!important;margin-top:10px;}

	/* If hovering a item with sub menus, set the display of the submenus to 'block' even though the visibility is still hidden and will not show.
	This is because superfish does not allow a clickable link on the parent until the sub menu is displayed. Without this you have to keep clicking options twice for them to work! */
	#Menu > .sf-menu li:Hover > ul {Display:block!important;}

	/* Disable transitions on all menu items */
	#Menu * {transition:none!important;opacity:1!important;}

	/* OPTIONAL - spacing for menu items. Always use margin bottom because margin top is still shown when then submenu is hidden wierdly */
	#Menu > .sf-menu li {margin-bottom:0px;}
	#Menu > .sf-menu .current > a {margin-bottom:0px;}

/* -----------------------*/
/* 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: #44611f;
        color: #fff;
        background-color:#44611f!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:#e3e3e3!important;
    }
    .RadGrid th.rgSorted{
        background-color:#1E252A!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,
	.RadCalendar_Silk .t-button:hover,
	.RadScheduler_Silk .rsButton:hover,
	.p-icon: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:#005D50!important;
		background-color:#005D50!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;
		cursor:not-allowed!important;
		text-decoration: none!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="text"]:focus,
	input[type="password"]:focus,
	.dnnCheckbox-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,
	.skip-main:focus{
		background:#fff!important;
		color:#1e252a!important;
		outline: 2px solid #007363;
    	outline-offset: -2px;
	}
	.skip-main:focus {
		border:none!important;
	}

	/* Checkbox focuses */
	input[type="checkbox"]:focus,
	input[type="radio"]:focus{
		box-shadow:none!important;
		
	}

	/* Select focuses */
	select:focus{
		box-shadow:none!important;
		border:3px solid #005D50!important;
		outline:none!important;
	}

	/* DNN Checkbox focuses */
	.dnnCheckbox-focus {
		background-color: #fff;
		padding-top:2px;
		padding-left:3px;
	}

	/* Telerik control, darker text to fix contrast issues, radgrid headers, radcalendar headers etc. */
	.RadGrid .rgHeader,
	.RadGrid .rgPager .rgWrap {
		color:#000!important;
	}
	.RadScheduler .rsHeaderMonth {
		color:#fff!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;
	}
	
	.RadGrid_Silk .rgPagerCell .rgNumPart a:hover {
		border-color: #000!important;
		background-color: transparent!important;
		background-image: linear-gradient(#e8e8e8,#e9e9e9)!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;
	}

	.RadCalendarMonthView a:focus {
		outline: 2px solid #005D50;
		color:#007363;
		text-decoration:underline;
	}
	
	/* 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;
	}
	
	/*-------------------------------------------------------*/
	/* 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*="_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;
	}
	label[id*="_ViewCMIS_Search_Label14"] {
		display:block!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"], 
	select[id*="_ViewCMIS_Search_SearchDocumentType"],
	select[id*="_ViewCMIS_Search_ddlSortTerms"],
	select[id*="_ViewCMIS_Search_ddlSortOrder"],
	select[id*="_ViewCMIS_Search_ddlCommitteeSelector"] {
		height:35px;
		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       */ 
/* -----------------------*/

/*-------------------------------------------------------*/
/* GENERAL CMIS FIXES - END
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* Customer Specific Changes - START
/*-------------------------------------------------------*/
@media (min-width: 1200px) {
	.header {
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1)!important;
	}
}

@media (min-width: 768px) {
	.document-page-sidebar {
		margin-top: 85px;
	}
}

@media (max-width: 767px) {
	.login li {
		padding-right:0px!important;
	}
}

@media (max-width: 991px) {
	.RadGridWrapper.WardsGrid {
		overflow-x:scroll!important;
	}
}
@media (min-width: 992px) {
	.RadGridWrapper.WardsGrid {
		width:fit-content!important;
	}
}

.header__logo a:focus,
.footer .footer__logo__link:focus,
.footer__social__single:focus {
	outline: -webkit-focus-ring-color auto!important;
}

.Breadcrumb {
	color: #1e252a!important;
	font-family: Barlow, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	margin-right: 12px;
}
.Breadcrumb:focus {
	outline: 2px solid #005D50;
	text-decoration: underline;
}
.Bread-url {
	color: #54595B!important;
	font-weight: 400!important;
}
.Bread-separator {
	color: #54595B!important;
	font-size: 15px!important;
	margin-right: 10px;
}

.login {
    display: block;
    position: absolute;
    top: 0;
    right: 17px;
    height: 110px;
    padding: 40px 15px;
}
.login li {
	display: inline;
	padding-right:27.5px;
}
a[id*="_loginLink"]:not(.dnnPrimaryAction):not(.dnnSecondaryAction),
a[id*="_registerLink"]:not(.dnnPrimaryAction):not(.dnnSecondaryAction) {
	color: #1e252a!important;
	font-family: Barlow, sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
}
a[id*="_loginLink"]:focus,
a[id*="_registerLink"]:focus {
	outline: 2px solid #005D50;
}
a[id*="_loginLink"]:hover,
a[id*="_registerLink"]:hover {
	text-decoration: underline!important;
}

ul:not(.list-unstyled) li:before {
    content:none!important;
}

.document-page-sidebar ul li,
.document-page-sidebar ul li + li {
    line-height: 24px!important;
}

.dnnPrimaryAction,
.dnnSecondaryAction {
	line-height: 26px!important;
}

.col-12 h1 {
    max-width: 100% !important;
}

ul:not(.list-unstyled) {
    list-style: disc!important;
}
p + ul {
	margin-left: 35px!important;
}

.CM_ViewMeetingsGrid {
	table-layout: auto!important;
}

table th {
	background-color: #fff!important;
}

.CM_ViewMeetingsGrid .CMIS_Grid_HeaderStyle>th,
.CM_ViewMeetingsGrid .CMIS_Grid_RowStyle>td,
.CM_ViewMeetingsGrid .CMIS_Grid_AlternatingRowStyle>td {
	padding: 8px 6px;
}

.RadGrid_Silk .rgHeader,
.rsHorizontalHeaderTable tbody tr th div,
.RadCalendarMultiView_WebBlue td.rcTitle {
	background-color: #1E252A!important;
	color: #fff!important;
}
.RadCalendarMultiView_WebBlue td.rcTitle {
	background-image: none!important;
}

.RadListBox_Silk .rlbItem.rlbSelected,
.RadListBox_Silk .rlbHovered.rlbItem {
	background-color: #007363!important;
	color: #fff!important;
}
.RadListBox_Silk .rlbHovered.rlbItem {
	cursor: pointer;
}

.RadGrid .rgHeader,
.Folders,
.RadGrid .rgRow>td,
.RadGrid .rgAltRow>td {
	padding-top: 17px!important;
	padding-bottom: 17px!important;
}

.PD_Wrapper .Document_Holder {
	width: 100%!important;
}
.PD_Wrapper .SubFolder_Holder {
	border-left: none!important;
	width: 100%!important;
}

.rcTitlebar .t-button .t-font-icon,
.rcTitlebar .rcTitle {
	color: #000;
}
.rcTitlebar .t-button .t-font-icon:hover {
	color: #fff!important;
}
.rcTitlebar .rcTitle:hover {
	text-decoration: underline!important;
}

.RadScheduler_Silk .rsHeader,
.RadCalendar_Silk .rcTitlebar {
	background-image: none!important;
}

.rsHeaderMonth {
	display: none!important;
}

.rsMonthView .rsContentTable tr:nth-child(odd),
.rsMonthView .rsContentTable tr:nth-child(even),
.MeetingCalendarListView .Holder,
.SE_FormResponse_SearchMode table tr:nth-child(odd) {
	background-color: #fff!important;
}

.ElectedMembersFilters legend {
	padding-bottom: 15px;
}

.RadCalendar .rcMainTable {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	width: 99%!important;
}

.ViewPeopleWrapper .PE_People_PersonBlock .PE_People_Person {
	border-width: 0px!important;
	background-color: transparent!important;
}

.PE_ViewPeople_MemberCategory {
	background-color: transparent!important;
	border: 0px!important;
	font-size: 20px!important;
	margin-top: 40px!important;
}

div[id*="_ViewCMIS_People_calElectedDate_dateInput_"] {
	width: 295px!important;
}

.PersonDetailsRight .FormHolder .DNNLabel,
.PersonDetailsRight .FormHolder .Value {
	margin-bottom: 8px!important;
}

div[id*="_ViewCMIS_MembersLibraryDocuments_"] {
	margin-top: 10px!important;
}

input[id*="_ViewCMIS_Search_"] {
    border-color: #c4c4c4;
    border-top-color: rgb(196, 196, 196);
    border-right-color: rgb(196, 196, 196);
    border-bottom-color: rgb(196, 196, 196);
    border-left-color: rgb(196, 196, 196);
	border-style: solid;
	border-width: 1px;
    color: #3b3b3b;
    background-color: #fff;
}
input[id*="_ViewCMIS_Search_"]:hover {
	border-color: #0092ab!important;
}

.PE_ViewPeople_HealLink {
	white-space: nowrap;
}

.CM_ViewMeetingsGridPanel {
	overflow-x: auto;
	width: auto!important;
}

table[id*="_AddMeetingsWizard_RadCalendar"] .rcWeek>th,
table[id*="_AddMeetingsWizard_RadCalendar"] .rcRow>th,
table[id*="_AddMeetingsWizard_RadCalendar"] .rcRow>td>a {
	font-size: 11.5px!important;
}
div[id*="_AddMeetingsWizard_RadCalendar"] .rcTitlebar,
div[id*="_AddMeetingsWizard_RadCalendar"] .t-font-icon {
	background-image: none!important;
	border-color: #c4c4c4!important;
    background-color: #e3e3e3!important;
}
div[id*="_AddMeetingsWizard_RadCalendar"] .t-font-icon:hover {
	background-color: #005D50!important;
	box-shadow:none!important;
	transition: none!important;
}
div[id*="_AddMeetingsWizard_RadCalendar"] .rcRow>td:not(.rcSelected)>a {
	color: #000!important;
	text-decoration: none!important;
}
div[id*="_AddMeetingsWizard_RadCalendar"] .rcRow>td:not(.rcSelected)>a:focus {
	color: #007363!important;
	text-decoration: underline!important;
}
div[id*="_AddMeetingsWizard_RadCalendar"] .rcRow>td:not(.rcSelected)>a:hover {
	color: #fff!important;
	text-decoration: underline!important;
}

div[id*="_MeetingCalendarPublicPrinter_pnlSelectMonth"] {
	background-color:transparent!important;
}

.RadScheduler_Silk .rsButton {
	background-image: none!important;
	border-radius: 0px!important;
	cursor: pointer!important;
}

.RadScheduler_Silk .rsAptCreate:hover:not(.rsOtherMonth ) {
	background-color: transparent!important;
}
.RadScheduler_Silk .rsOtherMonth:hover {
	background-color: #f7f7f7!important;
}

.MeetingCalendarPublicNoJava .SimpleCalendarDate {
	text-align: left!important;
}

table[id*="_ViewCMIS_Search_rboModeSwitch"] {
	margin: 0px!important;
}

a.PE_ViewPeople_HealLink {
	line-height: 1.5rem!important;
	padding-right: 15px!important;
	padding-top: 20px!important;
	padding-bottom: 0px!important;
}

div.ViewRetiredLink {
	padding-bottom: 5px!important;
}

.NameLink,
div[id*="_ViewCMIS_People_rptElectedMembersContainer_rptElectedMembers_"] {
	line-height: 22px!important;
}

.CMIS_Grid_HeaderStyle>th {background:#b7b7b7!important;}
.CMIS_Grid_PagerStyle>td>table>tbody>tr>td {word-wrap: normal!important;}
.CMIS_Grid_PagerStyle>td>table>tbody>tr>td>a {
	color: #444A4A!important; 
	background-color: unset!important;
}
.CMIS_Grid_PagerStyle>td>table>tbody>tr>td>a:hover {color: #000!important;}

table[id*="_ViewCMIS_MembersLibraryDocuments_grdDocuments_"],
table[id*="_ViewCMIS_PublicDocuments_grdDocuments_"],
table[id*="_MeetingCalendarPublicPrinter_grdRadMeeting_"] {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.CMIS_MultiPageWrapper.AddMeetingWizard {
	width: 103.1%!important;
}

.RadTabStrip_Silk .rtsLevel1 .rtsFocused .rtsLink {
	background-color: #007363!important;
	background-image: none!important;

}
.RadTabStrip_Silk .rtsLevel1 .rtsFocused .rtsLink .rtsTxt {
	color: #fff!important;
}

div[id*='_ViewWards_grdWards'] {
	width:fit-content!important;
}

.ViewWard,
.Candidates,
.Places ,
.RegisteredVoters,
.BallotPapersIssued,
.SpoiltPapers,
.VotesCast,
.Turnout,
.Status {
	padding-left:3px!important;
	padding-right:4px!important;
}

@media (max-width: 1199px) {
	#Panes table[id*='_ViewWards_grdWards_'] thead tr th,
	.ViewWard a,
	.Candidates,
	.Places ,
	.RegisteredVoters,
	.BallotPapersIssued,
	.SpoiltPapers,
	.VotesCast,
	.Turnout,
	.Status {
		font-size: 15px!important;
	}
}
@media (min-width: 1200px) {
	#Panes table[id*='_ViewWards_grdWards_'] thead tr th,
	.ViewWard a,
	.Candidates,
	.Places ,
	.RegisteredVoters,
	.BallotPapersIssued,
	.SpoiltPapers,
	.VotesCast,
	.Turnout,
	.Status {
		font-size: 16px!important;
	}
}

.ViewPeopleWrapper .PartyResize {
	height:auto;
	max-height:30px!important;
	max-width:140px!important;
}

.RadGridWrapper {
	overflow-x:scroll!important;
}

.ElectionWrapper .PartyColour {
	display:none!important;
}

.ViewWards .WardsGrid .NumericField {
	text-align: inherit!important;
}

/*-------------------------------------------------------*/
/* Customer Specific Changes - END
/*-------------------------------------------------------*/

/* Import Stylesheets */
@import url("/Portals/_default/skins/derby2020/css/screen.css");
@import url("/Portals/_default/skins/derby2020/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("/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("/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("/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("/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("/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("/Portals/0/community_title.gif") no-repeat top left;
}
.commmunity .feature-icon {
	background: url("/Portals/0/community_icon.gif") no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .marketplace {
	background: url("/Portals/0/marketplace_title.gif") no-repeat top left;
}
.marketplace .feature-icon {
	background: url("/Portals/0/marketplace_icon.gif") no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .conferences {
	background: url("/Portals/0/conferences_title.gif") no-repeat top left;
}
.conferences .feature-icon {
	background: url("/Portals/0/conferences_icon.gif") no-repeat;
	background-position: 50% 10px;
}
.branding-bottom .training {
	background: url("/Portals/0/training_title.gif") no-repeat top left;
}
.training .feature-icon {
	background: url("/Portals/0/training_icon.gif") no-repeat;
	background-position: 50% 10px;
}
ul.bt {
	margin: 0 -1em;
	padding: 0;
	background: url("/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("/Portals/0/engage_btn.png") no-repeat bottom;
}
.shop-action {
	background: url("/Portals/0/shop_btn.png") no-repeat bottom;
}
.connect-action {
	background: url("/Portals/0/connect_btn.png") no-repeat bottom;
}
.learn-action {
	background: url("/Portals/0/learn_btn.png") no-repeat bottom;
}
div.link_manuals {
	float:left;
	background: url("/Portals/0/dnn_manuals.png") no-repeat top left;
	width: 316px;
	height: 137px;
	cursor: pointer;
}
div.link_proedition {
	float:right;
	background: url("/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("/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:		absolute;*/
	top:			-999em;
	width:			100%; /* 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;
	
}
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:			20em; /* 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:			20em; /* match ul width */
	top:			0;
}


