@import url(font-awesome.min.css);

@font-face {
    font-family: 'Lato Light';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(/Content/font/lato_light.woff) format('woff');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(/Content/font/lato.woff) format('woff');
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/font/roboto/roboto-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('/Content/font/roboto/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/roboto/roboto-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/font/roboto/roboto-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/roboto/roboto-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/font/roboto/roboto-v16-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/font/roboto/roboto-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/Content/font/roboto/roboto-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/roboto/roboto-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/font/roboto/roboto-v16-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/roboto/roboto-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/font/roboto/roboto-v16-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/font/roboto-condensed/roboto-condensed-v14-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/Content/font/materialicons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(/Content/font/materialicons/MaterialIcons-Regular.woff2) format('woff2'), url(/Content/font/materialicons/MaterialIcons-Regular.woff) format('woff'), url(/Content/font/materialicons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}


::-webkit-scrollbar {
    background-color: #EEE;
}

    ::-webkit-scrollbar:vertical {
        border-width: 0;
        width: 9px;
    }

    ::-webkit-scrollbar:horizontal {
        border-width: 0;
        height: 9px;
    }

::-webkit-scrollbar-corner {
    background-color: #EEE;
}

::-webkit-scrollbar-thumb {
    background-color: #CCC;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #888;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #666;
    }

::-webkit-scrollbar-button {
    background-color: #000;
}

    ::-webkit-scrollbar-button:start {
        display: none;
    }

    ::-webkit-scrollbar-button:end {
        display: block;
    }

    ::-webkit-scrollbar-button:vertical:increment {
        background: no-repeat url("/Content/img/scrollarrows.png") -1px 0;
        height: 15px;
    }

        ::-webkit-scrollbar-button:vertical:increment:hover {
            background: #888 no-repeat url("/Content/img/scrollarrows.png") -1px 0;
        }

        ::-webkit-scrollbar-button:vertical:increment:active {
            background: #666 no-repeat url("/Content/img/scrollarrows.png") -1px 0;
        }

    ::-webkit-scrollbar-button:vertical:decrement {
        background: no-repeat url("/Content/img/scrollarrows.png") -1px -15px;
        height: 15px;
    }

        ::-webkit-scrollbar-button:vertical:decrement:hover {
            background: #888 no-repeat url("/Content/img/scrollarrows.png") -1px -15px;
        }

        ::-webkit-scrollbar-button:vertical:decrement:active {
            background: #666 no-repeat url("/Content/img/scrollarrows.png") -1px -15px;
        }

    ::-webkit-scrollbar-button:horizontal:increment {
        background: no-repeat url("/Content/img/scrollarrows.png") -11px -1px;
        width: 15px;
    }

        ::-webkit-scrollbar-button:horizontal:increment:hover {
            background: #888 no-repeat url("/Content/img/scrollarrows.png") -11px -1px;
        }

        ::-webkit-scrollbar-button:horizontal:increment:active {
            background: #666 no-repeat url("/Content/img/scrollarrows.png") -11px -1px;
        }

    ::-webkit-scrollbar-button:horizontal:decrement {
        background: no-repeat url("/Content/img/scrollarrows.png") -11px -12px;
        width: 15px;
    }

        ::-webkit-scrollbar-button:horizontal:decrement:hover {
            background: #888 no-repeat url("/Content/img/scrollarrows.png") -11px -12px;
        }

        ::-webkit-scrollbar-button:horizontal:decrement:active {
            background: #666 no-repeat url("/Content/img/scrollarrows.png") -11px -12px;
        }

body {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 12px;
    background-color: #FFF;
}

body.christmas {
    background: url("/content/img/christmas.jpg");
    background-size: cover;
}

body.copy {
    position: relative;
    overflow: initial;
}

input, select, button {
    padding: 4px;
}

table {
    border-spacing: 0px;
    empty-cells: show;
}

img {
    page-break-inside: avoid;
}

option {
    cursor: pointer;
    padding: 4px;
}

p {
    text-align: justify;
    margin: 8px 0px;
    padding: 0px;
    line-height: 1.5;
}

li {
    padding: 0;
    margin: 0;
}

ul {
    padding: 0 0 0 16px;
    margin: 0;
    list-style: disc outside;
}

h1 {
    font: bold 200% 'Roboto Condensed', 'Arial Narrow', Arial;
    padding: 0;
    line-height: 1.4em;
    margin: 8px 0 16px 0;
}

h2 {
    font: normal 150% 'Roboto Condensed', 'Arial Narrow', Arial;
    line-height: 1.4em;
    padding: 0;
    margin: 36px 0px 8px 0px;
}

h3 {
    font: bold 112% 'Roboto Condensed', 'Arial Narrow', Arial;
    line-height: 1.4em;
    margin: 8px 0px 4px 0px;
    padding: 0px;
    clear: both;
}

/* Layout */
.layoutdatasetbar {
  /*  background: #fff;*/
}

    .layoutdatasetbar .logo {
        top: -33px !important;
        background-position: center center;
        background-image: url(/Content/img/logotop.png?1);
        background-repeat: no-repeat;
    }

    .layoutdatasetbar .busy {
        background-position: center center;
        background-image: url(/Content/img/wait.gif);
        background-repeat: no-repeat;
    }

.layoutreportbar {
    background: #EA602F;
}

.layouttop {
    background-color: #4e5359;
}


/* CE2Split */

.ce2split_left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.ce2split_middle {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.ce2split_right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.ce2split_leftsplitter {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 12px;
    background: url(/Content/img/community/splitter/splitter-bg.png) repeat-y center center;
    cursor: w-resize;
    overflow: visible;
}

.ce2split_rightsplitter {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 12px;
    background: url(/Content/img/community/splitter/splitter-bg.png) repeat-y center center;
    cursor: e-resize;
    overflow: visible;
}

    .ce2split_leftsplitter:hover, .ce2split_rightsplitter:hover, .ce2split_splitter_hover {
        background: #3f3;
    }

    .ce2split_leftsplitter.minimised, .ce2split_rightsplitter.minimised {
        background-color: #4e5359;
    }

.ce2split_gripl {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 4px;
    height: 65px;
    width: 8px;
    background: transparent url(/content/img/community/splitter/vsplitter_gripl2.png) no-repeat center right;
}

.ce2split_gripr {
    position: absolute;
    margin-top: -32px;
    top: 50%;
    height: 65px;
    left: 0;
    width: 9px;
    background: transparent url(/content/img/community/splitter/vsplitter_gripr2.png) no-repeat center left;
}

.ce2split_track {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 6px;
    background-image: url(/Content/img/community/splitter/vsplitter_bg_drag.png);
    background-repeat: repeat-y;
    display: none;
    z-index: 100;
    cursor: e-resize;
}

/* CEHorzSplit */

.cehorzsplit_top {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    height: 50%;
    overflow: hidden;
}

.cehorzsplit_top2 {
    position: absolute;
    top: 0;
    bottom: 6px;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
}

.cehorzsplit_bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

.cehorzsplit_bottom2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

.cehorzsplit_splitter {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 50%;
    height: 6px;
    background: url(/Content/img/community/splitter/splitter-bg.png) repeat-x center center;
    cursor: n-resize;
}

    .cehorzsplit_splitter:hover, .cehorzsplit_splitter_hover {
        background: #666;
    }

.cehorzsplit_track {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    background-image: url(/Content/img/community/splitter/hsplitter_bg_drag.png);
    background-repeat: repeat-x;
    display: none;
    z-index: 100;
    cursor: n-resize;
}

.cehorzsplit_grip {
    position: absolute;
    top: -15px;
    left: 50%;
    width: 65px;
    height: 38px;
    margin-left: -32px;
    background-image: url(/Content/img/community/splitter/hsplitter_grip2.png);
    background-repeat: no-repeat;
}

td.cehorzsplit_center {
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

tr.cehorzsplit_center {
    height: 100%;
}

table.cehorzsplit_center {
    table-layout: fixed;
}

.cehorzsplit_center {
    overflow: auto;
}

/* CEHeader */

.ceheader {
    background: #fff;
    position: relative;
}

    .ceheader .dropdown {
        border: 1px solid #D3D3D3;
        height: 17px;
        float: left;
        color: #DA1A32;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        padding: 6px 30px 2px 12px;
        margin: 3px 10px 3px 3px;
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: #F8F8F8;
        background-image: url(/Content/img/header/dropdown-bg.png);
        background-position: center 0;
        background-repeat: no-repeat;
    }

        .ceheader .dropdown:hover, .ceheader .dropdown.selected {
            border: 1px solid #560B15;
            background-color: #DA1A32;
            background-position: center -26px;
            color: white;
        }

        .ceheader .dropdown:active {
            background-position: 78px -26px;
            border: 1px solid #560B15;
            background-color: #DA1A32;
            background-position: center -52px;
            color: #8B3800;
        }

    .ceheader .search {
        float: right;
        padding: 3px 3px 3px 0;
        height: 27px;
    }

        .ceheader .search input {
            margin: 0;
            height: 25px;
            width: 180px;
            border: 1px solid #BDBDBD;
            border-radius: 2px;
            padding: 0 5px;
        }

            .ceheader .search input:focus {
                outline-color: #EE820E;
                outline-offset: -1px;
                outline-style: solid;
                outline-width: 1px;
            }

        .ceheader .search button {
            width: 40px;
            margin: 0 0 0 -5px;
            height: 27px;
            background: #BDBDBD url(/Content/img/header/search.png) no-repeat 50% 50%;
            border: 1px solid #BDBDBD;
            border-radius: 2px;
            padding: 0;
            cursor: pointer;
        }

            .ceheader .search button:active, .ceheader .search button:focus {
                background-color: #FF913C;
                border: 1px solid #B37E22;
            }

    .ceheader .popup {
        position: absolute;
        display: none;
        top: 100%;
        left: 3px;
        width: 600px;
        background: #FFFFFF;
        z-index: 200;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border: 1px solid #D3D3D3;
        box-shadow: 2px 2px 5px #000;
    }

        .ceheader .popup .apppanel {
            float: left;
            margin: 10px 0;
            width: 275px;
            text-align: center;
            padding: 0px 10px;
        }

            .ceheader .popup .apppanel > .label {
                color: #4E5359;
                text-align: left;
                background-image: url(/Content/img/header/remplan-dropdown-labelicons.png);
                background-repeat: no-repeat;
                padding-left: 25px;
                line-height: 25px;
                margin-left: 5px;
            }

        .ceheader .popup .apppanel-staff > .label {
            background-position: bottom left;
        }

        .ceheader .popup .apppanel.apppanel-staff {
            border-left: 1px solid #ccc;
        }

        .ceheader .popup .apppanel .app {
            float: left;
            width: 135px;
            padding: 10px 0;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            cursor: pointer;
        }

            .ceheader .popup .apppanel .app:hover {
                background: #F7F7F7;
            }

        .ceheader .popup .oep .icon {
            background-image: url(/Content/img/header/app-oep.png);
        }

        .ceheader .popup .ocp .icon {
            background-image: url(/Content/img/header/app-ocp.png);
        }

        .ceheader .popup .re .icon {
            background-image: url(/Content/img/header/app-re.png);
        }

        .ceheader .popup .rc .icon {
            background-image: url(/Content/img/header/app-rc.png);
        }

        .ceheader .popup .apppanel .app .icon {
            width: 72px;
            height: 72px;
            margin: 0 auto 5px auto;
        }

        .ceheader .popup .apppanel .app .label {
            font-size: 13px;
            font-family: 'Lato Light', Verdana, Geneva, sans-serif;
            font-weight: 300;
            white-space: nowrap;
        }

        .ceheader .popup .apppanel-public {
        }

        .ceheader .popup .about {
            background: #F7F7F7 url(/Content/img/header/poweredbyremplan.png) no-repeat 430px 20px;
            padding: 15px 180px 15px 15px;
            margin-top: 20px;
        }

        .ceheader .popup .client {
            margin-left: 20px;
        }

        .ceheader .popup h2 {
            color: #da1a32 !important;
            font-size: 13px !important;
            margin-bottom: 4px !important;
        }

        .ceheader .popup .otherAreas {
            margin: 10px 0 0 20px;
            font-size: 12px;
            display: inline-block;
        }

        .ceheader .popup .websitelink {
            margin-top: 8px;
            display: inline-block;
            font-size: 12px;
        }

        .ceheader .popup a {
            color: #3399CC;
        }

    .ceheader .link {
        overflow: auto;
        float: left;
        height: 33px;
        cursor: pointer;
        color: #4E5359;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
    }

        .ceheader .link .inner1 {
            background-color: #fff;
            overflow: auto;
            height: 31px;
        }

        .ceheader .link .inner2 {
            border-left: 1px solid #D6D6D6;
            line-height: 23px;
            padding: 0 10px 0 10px;
            margin: 4px 0 0 0;
            font-family: 'Lato Light',Verdana, Geneva, sans-serif;
            font-weight: 300;
            font-size: 14px;
            background-color: #fff;
        }

        .ceheader .link.selected {
            background-color: #3f3;
        }

            .ceheader .link.selected .inner2 {
                font-family: 'Lato',Verdana, Geneva, sans-serif;
                font-weight: bold;
            }

        .ceheader .link:hover {
            background-color: #3f3 !important;
        }

        .ceheader .link:active .inner1, .ceheader .link:active .inner2 {
            background-color: #3f3;
            color: white;
        }

/* CETabStrip */

.cetabstrip {
    overflow: hidden;
}

    .cetabstrip .container {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
        white-space: nowrap;
        padding: 0;
        transition: left ease-in-out 250ms;
    }

    .cetabstrip .arrows,
    .ceregionnavlist .arrows {
        position: absolute;
        width: 32px;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
        padding: 0;
    }

        .cetabstrip .arrows div,
        .ceregionnavlist .arrows div {
            width: 15px;
            font-size: 1.5em;
            text-align: center;
            cursor: pointer;
        }

            .cetabstrip .arrows div:hover,
            .ceregionnavlist .arrows div:hover {
                color: #3f3;
            }

.cesmalltabstrip {
    background-color: #fff;
}

.cetabstrip .arrows {
    margin-top: 10px;
    color: #eee;
}

.cedatasettabstrip .arrows {
    color: #333;
    margin-top: 12px;
    line-height: 25px;
}


.cesmalltabstrip .container {
    padding-top: 1px;
}

.cebigtabstrip {
    background: #4E5359;
}


    /* CETab */

    .layouttop .cetabstrip .container,
    .cebigtabstrip .container {
        padding-top: 7px;
    }

.cebigtab {
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    border-bottom: 7px solid rgba(0,0,0,0);
    cursor: pointer;
    overflow: hidden;
    margin-right: 15px;
    display: inline-block;
    transition: border-bottom-color 200ms linear;
    white-space: nowrap;
    font-family: 'Roboto', Arial;
    font-size: 15px;
    font-weight: normal;
    color: #eee;
    padding: 0 5px;
}

.cetabstrip .cebigtab:first-child {
    margin-left: 15px;
}

.cetooltabstrip {
    text-align: right;
}

    .cetooltabstrip .cebigtab:first-child {
        margin-left: 0;
    }

.cebigtab:hover, .cebigtab.active {
    border-bottom-color: #3f3;
    transition: border-bottom-color 200ms linear;
}

.cetooltab i {
    transition: color 200ms linear;
}

    .cetooltab i.fa-spin {
        color: #3f3;
    }

.cebigtab.active, .cebigtab.cetab_popup {
    font-weight: bold;
    color: #fff;
}

.cedatasettabstrip {
    overflow: hidden;
    /*background-color: #fff;*/
}

    .cedatasettabstrip .container {
        padding-top: 5px;
    }

    .cedatasettabstrip .cesmalltab {
        top: 9px;
    }

.cesmalltab {
    text-decoration: none;
    height: 27px;
    cursor: pointer;
    overflow: hidden;
    line-height: 27px;
    display: inline-block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0 14px 0 14px;
    font-family: 'Roboto';
    font-size: 11px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #4E5359;
    margin-right: 2px;
}

    .cesmalltab:hover {
        background-color: #dcdcdc;
    }

    .cesmalltab i {
        display: inline-block;
        font-size: 1.5em;
        margin-right: 10px;
        position: relative;
        top: 1px;
    }

    .cesmalltab.active i {
        color: #3f3;
    }

    /* close button */
    .cesmalltab b {
        display: inline-block;
        position: relative;
        left: 5px;
        padding: 3px 7px;
        margin-right: -5px;
    }

        .cesmalltab b:hover {
            color: #B71C1C;
        }

    .cesmalltab.active {
        background-color: #4E5359;
        font-weight: bold;
        color: #fff;
    }


.cetab-right {
    float: right;
}

.layoutdatasetbarlabel {
    position: relative;
    top: 24px;
    height: 27px;
    padding: 0;
    overflow: hidden;
    margin-left: 12px;
    margin-right: -8px;
    display: inline-block;
    border-left: 1px solid #74909F;
}

    .layoutdatasetbarlabel table {
        width: 1px;
        height: 100%;
    }

    .layoutdatasetbarlabel .l {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        width: 14px;
    }

    .layoutdatasetbarlabel .m {
        padding: 0 14px 0 14px;
        height: 100%;
    }

    .layoutdatasetbarlabel .r {
        position: absolute;
        top: 0;
        height: 100%;
        width: 14px;
        right: 0;
    }

    .layoutdatasetbarlabel table {
    }

    .layoutdatasetbarlabel td {
        vertical-align: middle;
    }

        .layoutdatasetbarlabel td.tabtext {
            padding-left: 4px;
            padding-right: 4px;
            white-space: nowrap;
            font-family: 'Roboto', Arial;
            font-size: 11px;
            font-weight: normal;
            text-transform: uppercase;
            color: white;
        }

/* CEWindow */

.cewindow {
    position: absolute;
    background-color: #fff;
    border: 3px solid #4E5359;
    overflow: hidden;
    border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    left: 50%;
    top: 50%;
    padding: 4px;
  /*  max-width: 900px;*/
}

    .cewindow .cewindow_caption {
        color: #3f3;
        font-size: 20px;
        overflow: hidden;
        padding: 2px 5px;
        position: relative;
    }

    .cewindow .cewindow_close {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 24px;
        padding: 0 10px;
        cursor: pointer;
    }

        .cewindow .cewindow_close:hover {
            background-color: #B71C1C;
            color: #fff;
        }

    .cewindow .cewindow_container {
        overflow: hidden;
        color: #333;
    }

    .cewindow .alert {
        color: #333;
        font-size: 12px;
        background: -moz-linear-gradient(top, #f7f7f7 0%, #d4e5fd 100%);
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #d4e5fd 100%);
        background: linear-gradient(to bottom, #f7f7f7 0%, #d4e5fd 100%);
        border-color: #bbd6fc;
        margin-bottom: 10px;
    }

.glass {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    /*    filter: url(/Content/css/blur.svg#blur);*/
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
}

.modalbg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.cewindow .dlgcmds {
    border-top: 1px solid #dedede;
    margin-top: 10px;
    padding: 10px 4px 4px 4px;
}

.cewindow .dlgbody {
    padding: 8px 5px;
    line-height: 1.4;
}

    .cewindow .dlgbody a:link,
    .cewindow .dlgbody a:visited {
        color: #3f3;
        text-decoration: none;
        border-bottom: 1px solid #3f3;
    }

        .cewindow .dlgbody a:link:hover {
            border-bottom: 2px solid #3f3;
        }

    /* Dialog body */

    .cewindow .dlgbody td {
        padding: 4px;
    }

    .cewindow .dlgbody span.mandatory {
        padding: 0 2px 0 4px;
        color: #FF0000;
    }


/* CENavBar */

.cenavbar {
 /*   background-color: #fff;*/
    overflow-y: auto;
    overflow-x: hidden;
}

/* CENavCheck */

.cenavcheck {
    padding: 6px;
    background-clip: border-box;
    background-size: 100% 100%;
    cursor: pointer;
}

    .cenavcheck .cenavbtn_inner {
        padding-left: 20px;
        background: url(/Content/img/check/clear.png) 0% 50% no-repeat;
    }

.cenavcheck_checked .cenavbtn_inner {
    background-image: url(/Content/img/check/checked.png);
}

.cenavcheck:hover {
    padding: 5px;
    border: 1px solid #C3C3C3;
    background: linear-gradient(to bottom, #E0E0E0, #F4F4F4);
    background: -moz-linear-gradient(top, #E0E0E0, #F4F4F4);
    background: -webkit-gradient(linear,left top, left bottom, from(#E0E0E0), to(#F4F4F4));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0);
    /*    background-image: url(/Content/img/community/btn/bg_hover.png);*/
}

/* CENavBtn */

/* TODO: make so that the div prefix is not needed */
div.cenavbtn {
    position: relative;
    padding: 6px;
    background-clip: border-box;
    background-size: 100% 100%;
}

.cenavbtn td {
    padding: 0;
}

.cenavbtn_checked {
    border: 1px solid #C3C3C3;
    padding: 5px;
    /*background: linear-gradient(to bottom, #F9F9F9, #EAEAEA);
    background: -moz-linear-gradient(top, #F9F9F9, #EAEAEA);
    background: -webkit-gradient(linear,left top, left bottom, from(#F9F9F9), to(#EAEAEA));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9F9F9', endColorStr='#EAEAEA', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9F9F9', endColorStr='#EAEAEA', gradientType=0);*/
}

    .cenavbtn_checked div.cenavbtn_inner {
        font-size: 14px;
        color: #EA602F;
    }

/* TODO: make so that the div prefix is not needed */
div.cenavbtn:hover {
    padding: 5px;
    border: 1px solid #C3C3C3;
    background: linear-gradient(to bottom, #E0E0E0, #F4F4F4);
    background: -moz-linear-gradient(top, #E0E0E0, #F4F4F4);
    background: -webkit-gradient(linear,left top, left bottom, from(#E0E0E0), to(#F4F4F4));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0);
    /*    background-image: url(/Content/img/community/btn/bg_hover.png);*/
}

.cenavbtn_disable {
    background-image: none;
}

    .cenavbtn_disable .cenavbtn_inner {
        color: #A0A0A0;
        cursor: default;
    }

/* CENavGroup */

.cenavgroup {
    padding: 4px;
    padding-top: 12px;
}

.cenavgroup_header {
    cursor: default;
    position: relative;
    text-transform: none;
    background-color: #626970;
    padding: 4px;
    color: #fff;
}

.cenavgroup_text {
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto', Arial;
    overflow: hidden;
}

.cenavgroup .cenavbtn {
    cursor: pointer;
}

    .cenavgroup .cenavbtn .cenavbtn_inner {
        display: inline-block;
    }

.cenavgroup .cenavbtn_checked {
    border: none;
    border-left: 7px solid #3f3;
}

    .cenavgroup .cenavbtn_checked:hover {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 6px;
        border-left: 7px solid #3f3;
    }

    .cenavgroup .cenavbtn_checked .cenavbtn_inner,
    .cenavgroup .cenavbtn_checked .text {
        font-size: 12px;
        font-weight: bold;
        color: #333;
    }

    .cenavgroup .cenavbtn_checked.cenavbtn:hover .cenavbtn_inner {
        background: none;
    }

.cenavgroup .cenavbtn_disable,
.cenavgroup .cenavbtn_disable .cenavbtn_inner {
    cursor: default;
}


.expand-collapse .cenavgroup_header {
    cursor: pointer;
}

    .expand-collapse .cenavgroup_header i {
        margin-left: 10px;
        float: right;
        font-size: 14px;
        line-height: 18px;
        margin-right: 5px;
    }

    .expand-collapse .cenavgroup_header:hover i {
        color: #3f3;
    }

.cenavgroup .cenavgroup_container {
}

.cenavgroup.cenavgroup_collapsed div.cenavbtn {
    display: none;
}

.cenavgroup_collapsed div.cenavbtn.cenavbtn_checked,
.cenavgroup_collapsed .cenavgroup_container .cenavcheck_checked {
    display: block;
}


.cenavgroup_img {
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.cenavgroup_container {
    /*background:#F4F4F4;*/
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cenavgroup p {
    padding: 4px;
    margin: 0;
}

.cenavbtn table {
    width: 100%;
    table-layout: fixed;
}

.cenavbtn:hover table.cenavbtn td.ra, .cenavbtn_popup table.cenavbtn td.ra {
    border-left: solid 1px #3f3;
    color: #3f3;
}

table.cenavbtn td.ra {
    width: 15px;
    text-align: center;
    border-left: 1px solid transparent;
}



/* CEInfo */

div.ceinfo {
    overflow-x: auto;
    overflow-y: auto;
    background-color: #FFF;
}

/* Info Pane Reports */

div.info {
    padding: 10px 15px 15px 15px;
    line-height: 1.5em;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: element;
    user-select: text;
    color: #333;
}

/* set width */
div.info h1, div.info h2, div.info h3, div.info h4, div.info h5, div.info h6, div.info p, div.info ul {
    width: 561px;
}

    div.info p {
        text-align: justify;
        margin-bottom: 10px;
        padding: 0;
    }

    div.info li {
        padding: 0;
        margin: 0;
    }

    div.info ul {
        padding: 0 0 0 16px;
        margin: 0;
        list-style: disc outside;
    }

    div.info a:link, div.info a:visited {
        text-decoration: none;
        color: #3f3;
        border-bottom: 1px solid #3f3;
    }

        div.info a:link:hover {
            border-bottom: 2px solid #3f3;
        }

    div.info a.nolink:link, div.info a.nolink:hover, div.info a.nolink:visited {
        border-bottom: none;
        color: #333;
    }

    div.info h1 {
        font: bold 200% 'Roboto Condensed', 'Arial Narrow', Arial;
        padding: 0;
        line-height: 1.4em;
        margin: 0 0 10px 0;
    }

    div.info h2 {
        font: normal 150% 'Roboto Condensed', 'Arial Narrow', Arial;
        line-height: 1.4em;
        padding: 0;
        margin: 36px 0px 8px 0px;
    }

    div.info h3 {
        font-size: 112%;
        font-weight: bold;
        font-family: 'Roboto Condensed', 'Arial Narrow', Arial;
        line-height: 1.4em;
        padding: 0;
        margin: 16px 0px 8px 0px;
    }

    div.info span.enumeration {
        font-size: 80%;
        color: #606060;
    }

    div.info span.absdef {
        font-size: 80%;
        color: #606060;
    }

    div.info div.headline {
        font-size: 200%;
        font-family: 'Times New Roman';
        color: #606060;
        font-style: italic;
        text-align: left;
        margin: 16px 0 16px 0;
        line-height: 150%;
    }

    div.info p.censusvar {
        font-size: 120%;
        color: #606060;
        font-weight: bold;
    }

    div.info span.disclaimer {
        position: relative;
        border-bottom: 1px #8080FF dotted;
        cursor: pointer;
    }

    div.info table.heading {
        table-layout: fixed;
        width: 100%;
    }

        div.info table.heading td {
            text-align: center;
            vertical-align: middle;
        }

            div.info table.heading td.img {
                width: 50px;
                padding-right: 16px;
            }

    div.info div.tip {
        position: absolute;
        border: 1px solid black;
        padding: 3px;
        background-color: #FFFFF0;
        display: none;
        width: 15em;
        left: 0px;
        margin-top: 1.3em;
        line-height: 1.1em;
        cursor: text;
        z-index: 1;
    }

    div.info .tip p {
        text-align: left;
        margin: 4px 0px;
        padding: 0px;
    }

    div.info img.tipclose {
        cursor: pointer;
        float: right;
    }

    div.info img.chart {
        cursor: pointer;
        margin: 0;
        padding: 1px;
    }

        div.info img.chart:hover, div.info img.chart_hover {
            border-radius: 4px;
            -moz-border-radius: 4px;
            background: #EEE;
            background-clip: padding-box;
        }

    div.info table.graphdata {
        margin: 0px;
        padding: 0px;
        min-width: 561px;
    }

        div.info table.graphdata th.bl {
            border-left: 1px dotted #000;
        }

        div.info table.graphdata th.c {
            text-align: center;
            padding: 3px;
            border-bottom: none;
        }

        div.info table.graphdata th.l {
            text-align: left;
            padding: 3px;
            border-bottom: 1px solid #000000;
        }

        div.info table.graphdata th.r {
            text-align: right;
            padding: 3px;
            border-bottom: 1px solid #000000;
        }

        div.info table.graphdata td {
            white-space: nowrap;
        }

            div.info table.graphdata td.bl {
                border-left: 1px dotted #000;
            }

            div.info table.graphdata td.l1 {
                text-align: left;
                padding: 3px;
                vertical-align: top;
            }

            div.info table.graphdata td.l2 {
                text-align: left;
                background-color: #E0E0E0;
                padding: 3px;
                vertical-align: top;
            }

            div.info table.graphdata td.r1 {
                text-align: right;
                padding: 3px;
                white-space: nowrap;
                vertical-align: top;
            }

            div.info table.graphdata td.r2 {
                text-align: right;
                background-color: #E0E0E0;
                padding: 3px;
                white-space: nowrap;
                vertical-align: top;
            }

            div.info table.graphdata td.lsubtotal {
                text-align: left;
                padding: 3px;
                border-top: 1px solid #000000;
            }

            div.info table.graphdata td.rsubtotal {
                text-align: right;
                padding: 3px;
                border-top: 1px solid #000000;
                white-space: nowrap;
            }

            div.info table.graphdata td.ltotal,
            div.info table.graphdata td.lf {
                text-align: left;
                padding: 3px;
                border-top: 3px double #000000;
                border-bottom: 1px solid #000000;
            }

            div.info table.graphdata td.rtotal,
            div.info table.graphdata td.rf {
                text-align: right;
                padding: 3px;
                border-top: 3px double #000000;
                border-bottom: 1px solid #000000;
                white-space: nowrap;
            }

            div.info table.graphdata td.lp {
                white-space: nowrap;
                text-align: left;
                padding: 3px;
                padding-right: 7px;
            }

            div.info table.graphdata td.lv {
                white-space: nowrap;
                text-align: left;
                padding: 3px;
            }

    div.info td.keysectorsl {
        white-space: nowrap;
        border-bottom: 1px solid silver;
        border-right: 3px double black;
        padding: 1px 2px 1px 2px;
        text-align: left;
    }

    div.info td.keysectorsc {
        white-space: nowrap;
        border-bottom: 1px solid silver;
        border-right: 1px solid silver;
        padding: 1px 2px 1px 2px;
        text-align: center;
    }

    div.info th.keysectorshl {
        font-weight: bold;
        border-bottom: 3px double black;
        border-right: 3px double black;
        padding: 1px 2px 1px 2px;
        text-align: left;
    }

    div.info th.keysectorshc {
        font-weight: bold;
        border-bottom: 3px double black;
        padding: 1px 2px 1px 2px;
        text-align: center;
        border-right: 1px solid silver;
    }

    div.info td.rankedsectorsl {
        border-bottom: 1px solid silver;
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
        text-align: left;
    }

    div.info td.rankedsectorsc {
        border-bottom: 1px solid silver;
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
        text-align: center;
    }

    div.info th.rankedsectorshl {
        border-bottom: 3px double black;
        font-weight: bold;
        padding: 1px 2px 1px 2px;
        text-align: left;
    }

    div.info th.rankedsectorshc {
        border-bottom: 3px double black;
        font-weight: bold;
        padding: 1px 2px 1px 2px;
        text-align: center;
    }

    div.info td.rankedsectorsuparrow {
        text-align: center;
        vertical-align: top;
        padding: 8px;
    }

    div.info div.section {
        page-break-before: auto;
        page-break-inside: avoid;
        width: 100%;
    }

    div.info div.left {
        width: 50%;
        min-width: 300px;
        float: left;
        margin-right: 0.2in;
    }

    div.info div.right {
        float: left;
        width: 40%;
        min-width: 250px;
    }

    div.info div.printline {
        height: 1px;
        border-bottom: dotted 1px #808080;
    }

    div.info img.map {
        width: 150px;
    }

    div.info table.tabledata {
        margin: 24px 0;
    }

        div.info table.tabledata td {
            padding: 2px;
        }

            div.info table.tabledata td.hl {
                text-align: left;
            }

            div.info table.tabledata td.hc {
                text-align: center;
            }

            div.info table.tabledata td.hr {
                text-align: right;
            }

            div.info table.tabledata td.hf {
                text-align: justify;
            }

            div.info table.tabledata td.h {
                background-color: #E0E0E0;
                font-weight: bold;
            }

    div.info table.tourismcategories {
        border: 1px solid black;
        empty-cells: show;
    }

        div.info table.tourismcategories th {
            border-bottom: 1px solid black;
        }

        div.info table.tourismcategories td {
            border-bottom: 1px solid silver;
            padding: 1px 2px 1px 2px;
            vertical-align: top;
            text-align: left;
        }

    div.info table.gaps th {
        border-bottom: double 3px black;
    }

        div.info table.gaps th.l {
            text-align: left;
        }

        div.info table.gaps th.c {
            text-align: center;
        }

        div.info table.gaps th.r {
            text-align: right;
        }

    div.info table.gaps td {
        border-bottom: solid 1px silver;
    }

        div.info table.gaps td.l {
            text-align: left;
        }

        div.info table.gaps td.c {
            text-align: center;
        }

        div.info table.gaps td.r {
            text-align: right;
        }

    div.info table.abritem {
        width: 100%;
        border: 1px solid #808080;
        box-shadow: 2px 2px 5px #000;
        -webkit-box-shadow: 2px 2px 5px #000;
        -moz-box-shadow: 2px 2px 5px #000;
    }

        div.info table.abritem td.l {
            width: 130px;
        }

        div.info table.abritem td {
            padding: 3px;
        }

    div.info a.map {
        font-size: 75%;
    }

    div.info ul.error li {
        color: #F00;
    }

    div.info span.zonename {
        font-weight: bold;
    }

    div.info span.zonecode {
        font-size: 80%;
        color: #404040;
    }

    div.info div.businessfilter {
        padding: 4px;
        font-size: 80%;
        color: #404040;
        background-color: #F8F8F8;
        width: 400px;
    }

        div.info div.businessfilter td {
            font-size: 80%;
            padding: 0 4px 0 0px;
        }

.info .dataset-name {
    margin: 20px 0 5px 0;
    font-size: 20px;
}

.info .datasource-caption {
    border-left: 5px solid #ccc;
    padding-left: 20px;
}

.info .datasource-caption h4,
.info .datasource-caption ul {
    width: 521px;
}

.info .datasource-caption h4 {
    margin: 0;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
}

.info .section {
    margin-bottom: 20px;
}

.info .overview-map { display: none; }

@media print {
    .info .overview-map { display: block; }
}

/* CEHTML */

.cehtml {
    overflow: hidden;
}

/* Reports */

div.banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 81px;
}

div.webpage_outer {
    position: absolute;
    left: 0;
    right: 0;
    top: 81px;
    bottom: 0px;
}

div.footer {
    position: absolute;
    height: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/Content/img/community/footer.png);
    background-repeat: repeat-x;
}

table.webpage_inner {
    position: absolute;
    top: 81px;
    bottom: 35px;
    left: 0px;
    right: 0px;
    width: 100%;
    padding: 5px;
    table-layout: fixed;
}

td.webpage_inner {
    text-align: center;
}

img.webpage_logo {
    width: 100%;
    max-width: 950px;
    max-height: 264px;
}

div.welcome {
    text-align: justify;
    margin: 5px 20px 5px 20px;
    border: solid 1px #808080;
    background-color: #FFF;
    padding: 5px;
    box-shadow: 5px 5px 5px #000;
    border-radius: 4px;
    -webkit-box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
    -moz-border-radius: 4px;
    overflow: hidden;
}

    div.welcome div.line1 {
        font-size: 300%;
        color: #000;
        text-align: center;
        padding: 2px;
    }

    div.welcome div.line2 {
        font-size: 200%;
        color: #FF8C00;
        text-align: center;
        padding: 2px;
    }

    div.welcome div.line3 {
        font-size: 200%;
        padding: 2px;
    }

    div.welcome table.line4 {
        width: 100%;
        table-layout: fixed;
    }

        div.welcome table.line4 td.col1 {
            width: 40px;
        }

        div.welcome table.line4 td.col2 {
            font-size: 200%;
        }

.summary-text {
    overflow: auto;
}

div.box {
    margin: 5px 20px 5px 20px;
    padding: 5px 15px 20px;
    line-height: 1.5em;
    user-select: text;
}

    div.box p, div.box ul {
        line-height: 1.5;
        font-size: 13px;
        max-width: 800px;
    }

        div.box p b, div.box p strong {
            color: #000;
        }

div.redbox {
    margin: 20px auto 20px auto;
    width: 350px;
    border: solid 3px #7f7;
    background-color: #FFF;
    font-size: 150%;
    padding: 10px 20px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
    border-radius: 4px;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.75);
    -moz-border-radius: 4px;
    text-align: left;
}

.redbox p {
    line-height: 1.5;
}

div.project table {
    table-layout: fixed;
    width: 100%;
}

div.project img.map, div.region img.map {
    width: 90%;
    box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
}

div.redbox ul {
    margin-left: 8px;
    padding-left: 8px;
}

.redbox a:link, .redbox a:visited, .box a:link, .box a:visited {
    text-decoration: none;
    color: #3f3;
    border-bottom: 1px solid #3f3;
}

    .redbox a:link:hover, .box a:link:hover {
        border-bottom-width: 2px;
    }

/* CEErrorDlg */

div.ceerrordlg {
    background-color: #fff;
    max-width: 800px;
    min-width: 400px;
    border-color: #000;
}

    div.ceerrordlg div.cewindow_caption {
        color: #da1a32;
    }

    div.ceerrordlg div.dlgbody {
        text-align: center;
    }

    div.ceerrordlg div.dlgcmds {
        text-align: center;
    }

/* CEBarGraph */

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

.cebargraph_header {
    background: white;
}

    .cebargraph_header td {
        color: #333;
        font-weight: bold;
        font-size: 12px;
        font-family: 'Roboto Condensed', 'Arial Narrow', 'Roboto', Arial, sans-serif;
    }

    .cebargraph_header .legend table {
        width: auto;
    }

    .cebargraph_header td.color {
        width: 0%;
    }


.cebargraph_footer {
    background: #fff;
    border-bottom: 1px solid #D3D3D3;
    overflow: hidden;
}

    .cebargraph_footer .cebargraph_footer_tb {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fff;
        height: 45px;
    }

.cebargraph_header {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    height: 49px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}

    .cebargraph_header:hover {
        background: #eee;
    }

.cebargraph_header_check {
    background: #FDEFEA;
    -ms-filter: initial;
    filter: initial;
}

    .cebargraph_header_check:hover {
        background: #FBDCD0;
    }

.cebargraph_body {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.cebargraph_footer {
    position: absolute;
    left: 0;
    right: 0;
}

.cebargraph_header div.level {
    position: absolute;
    width: 15px;
    cursor: pointer;
    font-size: 0px;
    top: 1px;
    background-position: left;
}

    .cebargraph_header div.level:hover {
        background-position: right;
    }

.cebargraph_header div.rowtitle {
    text-align: right;
    position: absolute;
    top: 0;
    height: 100%;
    left: 48px;
    width: 200px;
    padding: 0 1px 0 1px;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
}

.cebargraph_header div.units {
    text-align: center;
    position: absolute;
    top: 0;
    height: 100%;
    left: 250px;
    width: 98px;
    padding: 0 1px 0 1px;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    text-align: right;
}

.cebargraph_header div.units2 {
    margin-top: 4px;
    font-size: 80%;
    text-transform: none;
    font-weight: normal;
}

.cebargraph_header div.legend {
    position: absolute;
    left: 350px;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 1px 0 1px;
    white-space: nowrap;
}

.cebargraph_header .title {
    padding: 1px;
}

.cebargraph_header table {
    width: 100%;
    height: 100%;
}

.cebargraph_header td {
    vertical-align: middle;
    padding: 1px;
}

.cebargraph_header div.legend table.legend {
    font-size: 11px;
    line-height: 11px;
    table-layout: auto;
    height: 0%;
    padding-left: 8px;
}

    .cebargraph_header div.legend table.legend td {
        padding: 1px 8px 0px 0px;
        width: 0%;
    }

.cebargraph_header div.legend {
    padding-left: 5px;
}

.cebargraph_header .legendrow {
    margin-bottom: 2px;
    margin-left: 5px;
}

.cebargraph_header .legend td.colname {
    font-size: 11px;
}

.cebargraph_header .legendrow .color {
    width: 20px;
    min-width: 10px;
    max-width: 20px;
}

.cebargraph_header .legendrow .text {
    padding-left: 5px;
    /*font-family: 'Roboto';*/
    /*font-weight: normal;*/
    font-size: 11px;
}

.cebargraph_header .legend .color div {
    width: 30px;
    height: 11px;
    margin-right: 5px;
}

.cebargraph_header .colgroupname {
    font-size: 11px;
}

.cebargraph_header div.legend table.legend td.colgroupname {
    width: 100%;
    white-space: nowrap;
}


.cebargraph_footer .sort {
    float: right;
    margin-top: 7px;
    margin-right: 4px;
    width: 33px;
    height: 33px;
    background-image: url(/Content/img/community/barchart/sort.png);
}

.cebargraph_footer .sort_check {
    background-image: url(/Content/img/community/barchart/sort_sel.png);
}

.cebargraph_footer .sort:hover, .cebargraph_footer .sort_hover {
    background-image: url(/Content/img/community/barchart/sort_hov.png);
}


.cebargraph_footer .pct {
    float: right;
    margin-top: 7px;
    margin-right: 4px;
    width: 33px;
    height: 33px;
    background-image: url(/Content/img/community/barchart/percent.png);
}

.cebargraph_footer .pct_check {
    background-image: url(/Content/img/community/barchart/percent_sel.png);
}

.cebargraph_footer .pct:hover, .cebargraph_footer .pct_hover {
    background-image: url(/Content/img/community/barchart/percent_hov.png);
}


.cebargraph_footer .print {
    float: right;
    margin-top: 7px;
    margin-right: 4px;
    width: 33px;
    height: 33px;
    background-image: url(/Content/img/community/barchart/print.png);
}

.cebargraph_footer .print_check {
    background-image: url(/Content/img/community/barchart/print_sel.png);
}

.cebargraph_footer .print:hover, .cebargraph_footer .print_hover {
    background-image: url(/Content/img/community/barchart/print_hov.png);
}


.cebargraph_footer .copy {
    float: right;
    margin-top: 7px;
    margin-right: 4px;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
}

    .cebargraph_footer .copy .l {
        width: 5px;
        height: 33px;
        float: left;
    }

    .cebargraph_footer .copy .c {
        height: 33px;
        float: left;
        padding: 0 5px;
    }

    .cebargraph_footer .copy .r {
        width: 5px;
        height: 33px;
        float: left;
    }

    .cebargraph_footer .copy:hover {
    }

        .cebargraph_footer .copy:hover .l {
            background-image: url(/Content/img/community/barchart/button.png);
            background-position: center left;
        }

        .cebargraph_footer .copy:hover .c {
            background-image: url(/Content/img/community/barchart/button.png);
            background-position: center center;
        }

        .cebargraph_footer .copy:hover .r {
            background-image: url(/Content/img/community/barchart/button.png);
            background-position: center right;
        }


.cebargraph_footer .label {
    height: 45px;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto',Arial;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .cebargraph_footer .label .ico {
        width: 22px;
        height: 22px;
        background-image: url(/Content/img/community/barchart/icon.png);
        float: left;
        margin: 12px 8px 0 10px;
    }

/* CEBarGraphRow */

.cebargraphrow {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .cebargraphrow:hover, .cebargraphrow_hover {
        background: #eee !important;
    }

.cebargraphrow_select {
    background: #FDEFEA;
}

    .cebargraphrow_select:hover {
        background: #3f3;
    }

.cebargraphrow div.name {
    position: absolute;
    top: 0;
    height: 100%;
    left: 64px;
    width: 184px;
    padding: 0 1px 0 1px;
    text-align: right;
    font-size: 80%;
}

.cebargraphrow div.valuebox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 250px;
    width: 98px;
}

.cebargraphrow div.value {
    text-align: right;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 1px 0 1px;
}

    .cebargraphrow div.name td, .cebargraphrow div.value td {
        text-align: right;
    }

.cebargraphrow div.name td {
    overflow: hidden;
    font-size: 11px;
    line-height: 10px;
}

.cebargraphrow table {
    width: 100%;
    height: 100%;
}

.cebargraphrow td {
    vertical-align: middle;
}

    .cebargraphrow td.img {
        text-align: center;
        width: 40px;
    }

.cebargraphrow div.border {
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    right: 0;
    border-bottom: solid 1px #F0F0F0;
}

.cebargraphrow div.barbox {
    position: absolute;
    left: 350px;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 10px;
}

.cebargraphrow div.bar {
    position: absolute;
    transition: width 300ms ease-out;
}

.cebargraphrow div.zero {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #000;
}

.cebargraphrow_expand div.value, .cebargraphrow_expand div.bar {
    display: none;
}

.cebargraphrow_expand div.valuebox {
    background: url(/Content/img/barchart/da.png) no-repeat 100% 50%;
}

/* CEBarGraphTotalRow */

.cebargraphtotalrow {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .cebargraphtotalrow:hover, .cebargraphtotalrow_hover {
        background: #eee;
    }

.cebargraphtotalrow_select {
    background: #FDEFEA;
}

    .cebargraphtotalrow_select:hover {
        background: #FBDCD0;
    }

.cebargraphtotalrow div.name {
    position: absolute;
    top: 0;
    height: 100%;
    left: 48px;
    width: 200px;
    padding: 0 1px 0 1px;
    text-align: right;
}

.cebargraphtotalrow div.value {
    text-align: right;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 250px;
    width: 98px;
    padding: 0 1px 0 1px;
}

    .cebargraphtotalrow div.name td, .cebargraphtotalrow div.value td {
        text-align: right;
        font-weight: bold;
    }

.cebargraphtotalrow table {
    width: 100%;
    height: 100%;
}

.cebargraphtotalrow td {
    vertical-align: middle;
}

    .cebargraphtotalrow td.img {
        text-align: center;
        width: 40px;
    }

.cebargraphtotalrow div.border {
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    right: 0;
    border-bottom: solid 1px #F0F0F0;
}

.cebargraphtotalrow div.barbox {
    position: absolute;
    left: 350px;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 10px;
}

.cebargraphtotalrow div.bar {
    position: absolute;
    width: 30px;
    height: 10px;
}

/* CEBarGraphGroup */

.cebargraphgroup {
    position: relative;
}

    .cebargraphgroup div.expander {
        position: absolute;
        top: 2px;
        bottom: 2px;
        left: 5px;
        width: 6px;
        background-color: #404040;
    }

.pointer {
    cursor: pointer;
}

.cebargraphgroup div.btn {
    position: absolute;
    top: 4px;
    height: 12px;
    left: 2px;
    width: 12px;
    background-image: url(/Content/img/community/barchart/expand.png);
}

.cebargraphgroup div.btnexpanded {
    background-image: url(/Content/img/community/barchart/collapse.png);
}

/* CETable */

.cetable {
    margin-top: 10px;
/*    background-color: #FFF;*/
    overflow: auto;
}

    .cetable div.title {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 24px;
        margin-bottom: 10px;
        text-align: left;
    }

    .cetable table.tabledata {
        margin-left: 10px;
        margin-right: 10px;
        table-layout: fixed;
        line-height: 1.5em;
        height: 1px;
        width: 1px;
    }

        .cetable table.tabledata td {
            overflow: hidden;
            padding: 4px 2px 4px 2px;
        }

        .cetable table.tabledata .subText
        {
            font-size: 80%;
            text-transform: none;
            font-weight: normal;
        }

            .cetable table.tabledata td.heading {
                background-color: #E0E0E0;
                font-weight: bold;
            }

            .cetable table.tabledata td.hl {
                text-align: left;
            }

            .cetable table.tabledata td.hr {
                text-align: right;
            }

            .cetable table.tabledata td.hc {
                text-align: center;
            }

            .cetable table.tabledata td.hf {
                text-align: justify;
            }

            .cetable table.tabledata td.vt {
                vertical-align: top;
            }

            .cetable table.tabledata td.vc {
                vertical-align: middle;
            }

            .cetable table.tabledata td.vb {
                vertical-align: bottom;
            }

            .cetable table.tabledata td.h {
                background-color: #dedede;
                font-weight: bold;
            }

/* CEWizard */

.cewizard {
    position: relative;
}

.cewizard_header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*background: #fff;*/
    border-bottom: 1px solid #D3D3D3;
    height: 45px;
}

    .cewizard_header h2 {
        margin: 0 0 2px 7px;
    }

        .cewizard_header h2.no-desc {
            line-height: 45px;
        }

    .cewizard_header p {
        margin: 0 0 0 7px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #666;
        font-style: italic;
    }

    .cewizard_header .image {
        width: 48px;
        height: 45px;
        float: right;
        margin-right: 10px;
        background-position: center center;
        background-repeat: no-repeat;
    }

.cewizard_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    padding-left: 40px;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto', Arial;
    overflow: hidden;
}

.cewizard_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.cewizard_header .del {
    top: 7px;
    right: 4px;
}

.cewizard_body {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 40px;
/*    background-color: #FFF;*/
    overflow: auto;
}

.cewizard_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
/*    background-color: #fff;*/
    border-top: 1px solid #D3D3D3;
}

    .cewizard_footer .tbbtn {
        top: 3px;
    }

        .cewizard_footer .tbbtn .c {
            padding-left: 16px;
            padding-right: 16px;
        }

.cewizard_btn {
    position: absolute;
    top: 7px;
    height: 23px;
    width: 80px;
}

/* CEBlurUpImage */

@keyframes blurup {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.75;
    }
}

@keyframes blurupbg {
    0% {
        background-color: #f57f29;
    }

    100% {
        background-color: #00a1e0;
    }
}

.ceblurupimage {
    background-color: #4e5359;
}

.blurup-small,
.blurup-large {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity linear 2s;
}

.blurup-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f57f29;
    opacity: 0;
    transition: opacity linear 5s;
}

    .blurup-bg.blurup-loaded {
        opacity: 0.5;
        animation: blurupbg 10s ease-in-out 5s infinite alternate;
    }

.blurup-loaded {
    opacity: 1;
    /*animation: blurup 20s ease-in-out 2s infinite alternate;*/
}

/* CEMenuBar */

div.cemenubar {
    /*background: #fff;*/
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 45px !important;
    padding-left: 4px;
    line-height: 45px;
}

/* CEMenuBtn */

.cemenubtn {
    display: inline-block;
    padding-left: 5px;
    margin: 7px 0 0 3px;
    height: 33px;
    cursor: pointer;
}

    .cemenubtn:hover, .cemenubtn_hover, .cemenubtn_popup {
        background: url(/Content/img/community/barchart/button.png) 0% 50%;
    }

    .cemenubtn table {
        height: 33px;
        white-space: nowrap;
    }

    .cemenubtn:hover table {
        height: 33px;
        white-space: nowrap;
        background: #F4F4F4 url(/Content/img/community/barchart/button.png) no-repeat 100% 50%;
    }

    .cemenubtn table td {
        white-space: nowrap;
        padding: 0 2px;
        padding-right: 7px;
    }

        .cemenubtn table td.menuarrow {
            width: 11px;
            background: url(/Content/img/community/btn/da.png) no-repeat center center;
        }

/* CE Buttons */

.cebtn-toolbar {
    padding-left: 5px;
}

.cebtn-toolbar-right {
    float: right;
}

.cebtn, .cewizard_btn, .cebutton {
    font-family: 'Roboto Condensed';
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 13px;
    white-space: nowrap;
    padding: 0 10px;
    line-height: 27px;
    text-align: center;
    height: 28px;
    min-width: 30px;
    border-radius: 2px;
}

    .cebtn.cebtn-large {
        font-size: 18px;
        height: auto;
        border: 1px solid #e0e0e0;
    }

    .cebtn:hover, .cewizard_btn:hover, .cebutton:hover {
        border: 1px solid #d3d3d3;
        background-color: #ebebeb;
        -webkit-box-shadow: 1px 0px 5px 0px rgba(127,127,127,0.5);
        -moz-box-shadow: 1px 0px 5px 0px rgba(127,127,127,0.5);
        box-shadow: 1px 0px 5px 0px rgba(127,127,127,0.5);
    }

    .cebtn i.material-icons {
        font-size: 14px;
    }

    .cebtn.checked, .cewizard_btn.checked, .cebutton.checked {
        font-weight: bold;
        border-color: #bababa;
        background-color: #d7d7d7;
    }

    .cebtn.disabled, .cewizard_btn.disabled, .cebutton.disabled {
        cursor: default;
    }

.cebtn_right {
    float: right;
}

.cebtn_vertical {
    font-family: 'Roboto', arial, sans-serif;
    font-size: 11px;
    width: 14px;
    background-color: #fff;
    height: 48px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height: 13px;
    min-width: 0;
}

    .cebtn_vertical span {
        width: 48px;
        height: 13px;
        position: relative;
        left: -18px;
        text-align: center;
        display: block;
        margin: 0 auto;
        padding: 0;
        margin: 0;
        transform: rotate(270deg);
        transform-origin: center center;
    }

/* CENavListBox */

.cenavlistbox {
    position: relative;
    background-color: Window;
    height: 100%;
    overflow: hidden;
}

    .cenavlistbox .cenavlistbox_hdr {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-weight: bold;
        line-height: 19px;
        padding-left: 2px;
        border-bottom: 1px solid #999;
    }

        .cenavlistbox .cenavlistbox_hdr table {
            width: 100%;
            height: 100%;
            table-layout: fixed;
        }

        .cenavlistbox .cenavlistbox_hdr td {
            padding: 2px;
            vertical-align: middle;
        }

    .cenavlistbox .cenavlistbox_outer {
        position: absolute;
        top: 24px;
        left: 0;
        bottom: 0;
        right: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

/* CENavListItem */

.cenavlistitem .cenavlistitem_inner {
    padding: 0;
    margin-right: 3px;
    border: 1px solid transparent;
    line-height: 18px;
    cursor: pointer;
}

.cenavlistitem:hover .cenavlistitem_inner, .cenavlistitem_hover .cenavlistitem_inner {
    padding: 0;
    border: 1px solid #dedede;
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc, #fefefe);
    background: -webkit-gradient(linear,left top, left bottom, from(#ccc), to(#fefefe));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ccc', endColorStr='#fefefe', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ccc', endColorStr='#fefefe', gradientType=0);
}

.cenavlistitem_checked .cenavlistitem_inner,
.cenavlistitem_checked:hover .cenavlistitem_inner {
    padding: 0 0 0 5px;
    background: #ccc;
    background: -moz-linear-gradient(top, #ccc, #fefefe);
    background: -webkit-gradient(linear,left top, left bottom, from(#ccc), to(#fefefe));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ccc', endColorStr='#fefefe', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ccc', endColorStr='#fefefe', gradientType=0);
    border: 1px solid #dedede;
    border-left: 7px solid #3f3;
}

    .cenavlistitem_checked .cenavlistitem_inner td:first-child,
    .cenavlistitem_checked:hover .cenavlistitem_inner td:first-child {
        font-weight: bold;
    }

.cenavlistitem table {
    table-layout: fixed;
}

    .cenavlistitem table td {
        padding: 2px;
    }


/* CETitleBar */
.cetitlebar {
    height: 45px;
    /*background-color: #fff;*/
    border-bottom: 1px solid #d3d3d3;
    line-height: 45px;
    overflow: hidden;
}

    .cetitlebar .label {
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 16px;
        padding-left: 5px;
    }

        .cetitlebar .label .icon {
            display: inline-block;
            width: 22px;
            height: 22px;
            position: relative;
            top: 5px;
            margin-right: 6px;
        }

            .cetitlebar .label .icon.icon-table {
                background: transparent url(/Content/img/icon-table.png) no-repeat top left;
            }

            .cetitlebar .label .icon.icon-text {
                background: transparent url(/Content/img/icon-text.png) no-repeat top left;
            }

            .cetitlebar .label .icon.icon-barchart {
                background: transparent url(/Content/img/barchart/icon.png) no-repeat top left;
            }

    .cetitlebar .cebtn-toolbar {
        float: right;
        padding-right: 5px;
    }

.cebargraph .cetitlebar .label {
    background: url(/Content/img/barchart/icon.png) 10px 11px no-repeat;
    padding-left: 40px;
}

.ceregionsummarymap .cetitlebar .label,
.cereportmap .cetitlebar .label {
    background: url(/Content/img/maps/icon.png) 10px 11px no-repeat;
    padding-left: 40px;
}

.swap-panels {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 5px;
    background-color: #fff;
    border: 1px solid #bababa;
    text-align: left;
}

.collevel, .rowlevel, .cebargraph_header .cebtn_vertical {
    border: 1px solid #bababa;
}

/* CE Home */

.cehomemenubar {
    border-bottom: 1px solid #d3d3d3;
    height: 44px !important;
    padding-right: 15px;
    text-align: right;
}

.cehomehtml {
    padding: 0 20px;
}

    .cehomehtml h1 {
        font-size: 32px;
        font-weight: normal;
        font-family: 'Roboto',Arial;
        color: #3f3;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .cehomehtml div, .cehomehtml p {
        font-size: 13px;
    }

/* CE Region Select */

.ceregionselect {
 /*   background: #fff;*/
    padding: 0 10px;
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
    overflow-x: auto;
}

    .ceregionselect .cenavgroup_header {
        margin-bottom: 10px;
        background-color: transparent;
    }

        .ceregionselect .cenavgroup_header .cenavgroup_text {
            text-transform: initial;
            font-size: 32px;
            margin-top: 0;
            margin-bottom: 20px;
            line-height: 32px;
            font-weight: normal;
            font-family: 'Roboto',Arial;
            color: #3f3;
        }

    .ceregionselect .cenavlabel {
        clear: both;
        border-bottom: none;
        margin-bottom: 10px;
        font-size: 14px;
        cursor: default;
    }

        .ceregionselect .cenavlabel .close {
            display: inline-block;
            margin-left: 5px;
            color: #666;
            padding: 2px 4px;
        }

            .ceregionselect .cenavlabel .close:hover {
                color: #B71C1C;
            }

    .ceregionselect .cenavdivider {
        border: none;
        margin-bottom: 10px;
        clear: both;
    }

.ceregionselect .cenavfooter {
    font-weight: normal;
    font-size: 90%;
}

.ceregionbtn {
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    border: 1px solid #C3C3C3;
    text-align: left;
    vertical-align: baseline;
    width: 250px;
    display: inline-block;
    cursor: pointer;
    background: #F9F9F9;
    background: linear-gradient(to bottom, rgba(128,128,128,0.1), rgba(0,0,0,0.1));
    color: #333;
    min-height: 40px;
    display: block;
    position: relative;
    margin-bottom: 8px;
    margin-right: 20px;
    position: relative;
    padding: 0;
}

.ceregionbtn .container {
    padding: 5px;
}

    .ceregionbtn table {
        min-height: 34px;
    }

    .ceregionbtn .text {
        padding-left: 20px;
        font-size: 13px;
        font-family: 'Roboto Condensed', 'Arial Narrow', Arial;
        display: block;
        background: url(/Content/img/community/region.png) no-repeat 0 50%;
        min-height: 16px;
    }

    .ceregionbtn.ceregionbtn_checked .text {
        background: url(/Content/img/community/region-active.png) no-repeat 0 50%;
    }

    .ceregionbtn div.head {
        font-size: 80%;
        font-weight: normal;
        margin-top: 6px;
    }

.ceregionbtn_progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(33,255,33,0.5);
    z-index: -2;
}
.ceregionbtn div.blue {
    font-size: 80%;
    font-weight: normal;
    color: #00a1e0;
    margin-top: 6px;
}

    .ceregionbtn .badge {
        width: 30px;
        display: block;
        float: right;
        text-align: center;
        background-color: #369;
        color: #fff;
        font-size: 11px;
        padding: 3px;
        margin: 1px 0 1px 5px;
        margin-bottom: 2px;
        font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
        border-radius: 2px;
        text-transform: uppercase;
    }

.ceregionbtn_short {
    width: auto;
    margin-right: 10px;
}

    .ceregionbtn_short table {
        display: none;
    }

    .ceregionbtn_short .badge {
        margin-left: 0;
    }

.ceregionbtn_new .text {
    background: url(/Content/img/community/regionnew.png) no-repeat 0 50%;
}

.ceregionbtn_pend .text {
    background: url(/Content/img/community/regionpend.png) no-repeat 0 50%;
}

.ceregionbtn_walk .text {
    background: url(/Content/img/community/regionwalk.png) no-repeat 0 50%;
}

.ceregionbtn_walk.ceregionbtn_checked .text {
    background: url(/Content/img/community/regionwalk-active.png) no-repeat 0 50%;
}

.ceregionbtn_drive .text {
    background: url(/Content/img/community/regiondrive.png) no-repeat 0 50%;
}

.ceregionbtn_drive.ceregionbtn_checked .text {
    background: url(/Content/img/community/regiondrive-active.png) no-repeat 0 50%;
}

.ceregionbtn_publictransport .text {
    background: url(/Content/img/community/regionpublictransport.png) no-repeat 0 50%;
}

.ceregionbtn_publictransport.ceregionbtn_checked .text {
    background: url(/Content/img/community/regionpublictransport-active.png) no-repeat 0 50%;
}

.ceregionbtn_bike .text {
    background: url(/Content/img/community/regionbike.png) no-repeat 0 50%;
}

.ceregionbtn_bike.ceregionbtn_checked .text {
    background: url(/Content/img/community/regionbike-active.png) no-repeat 0 50%;
}

.ceregionbtn:hover {
    background: #F9F9F9;
    background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(128,128,128,0.1));
}

.ceregionbtn_checked {
    /*    display:none;*/
    color: #FFFFFF;
    background: #3f3;
    border: 1px solid #393;
    box-shadow: 0 0 2px rgba(51, 51, 51, 0.7);
}

    .ceregionbtn_checked:hover {
        background: #3f3;
        -ms-filter: unset;
        filter: unset;
    }

.ceinputdlg.cerenameregion input {
    margin: 4px;
    width: 400px;
}

/* CEPopupMenu */

.cepopupmenu {
    position: absolute;
    border: solid 1px black;
    background-color: #FFF;
    display: block;
    min-width: 150px;
    overflow-y: auto;
    width: 200px;
    z-index: 1000;
    max-height: 600px;
}

    .cepopupmenu:focus {
        outline: none;
    }

    .cepopupmenu .cenavbtn {
        cursor: pointer;
    }

    .cepopupmenu .cenavlabel {
        padding: 2px 4px 2px 4px;
        font-weight: bold;
        border-bottom: solid 1px #C5C5C5;
        background-color: #DDE7EE;
        overflow: hidden;
    }

.popupmenubs {
    width: 224px;
}

.popupmenups {
    width: 224px;
}

.popupmenucolor {
    width: 180px;
    overflow: hidden;
}

/* Tools Popup */
.tools-popup {
    border: none;
    border-top: 1px solid #3f3;
    background-color: #4e5359;
    color: #efefef;
    font-size: 14px;
    line-height: 20px;
}

    .tools-popup div.cenavbtn {
        padding: 6px;
        cursor: pointer;
        padding-left: 10px;
        border: none;
        border-left: 7px solid #888;
    }

        .tools-popup div.cenavbtn:hover {
            padding: 6px;
            padding-left: 10px;
            background: none;
            border: none;
            border-left: 7px solid #3f3;
            background-color: transparent;
            color: #fff;
        }

/* CEWizRadio */

div.cewizradio {
    display: inline-block;
    padding: 5px;
    background-clip: border-box;
    border: 1px solid #fff;
    cursor: pointer;
    margin-right: 16px;
}

    div.cewizradio div.cenavbtn_inner {
        padding-left: 20px;
        background: url(/Content/img/community/radio/clear.png) 0% 50% no-repeat;
    }

div.cewizradio_checked div.cenavbtn_inner {
    font-weight: bold;
    background-image: url(/Content/img/community/radio/checked.png);
}

div.cewizradio:hover {
    border: 1px solid #C3C3C3;
    background: linear-gradient(top bottom, #E0E0E0, #F4F4F4);
    background: -moz-linear-gradient(top, #E0E0E0, #F4F4F4);
    background: -webkit-gradient(linear,left top, left bottom, from(#E0E0E0), to(#F4F4F4));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0);
}

/* CEResendPasswordDlg */

div.ceresendpassworddlg {
    width: 410px;
}

    div.ceresendpassworddlg div.dlgbody input.field {
        width: 296px;
    }

    div.ceresendpassworddlg div.dlgbody td {
        white-space: nowrap;
    }

/* CELogonDlg */

div.celogondlg {
    width: 410px;
}

    div.celogondlg div.dlgbody input.field {
        width: 296px;
    }

    div.celogondlg div.dlgbody td {
        white-space: nowrap;
    }

/* CENewUserDlg */

div.cenewuserdlg {
    width: 430px;
}

    div.cenewuserdlg div.dlgbody input.field {
        width: 300px;
    }

    div.cenewuserdlg div.dlgbody td {
        white-space: nowrap;
    }

/* CESnapshotDlg */

div.cesnapshotdlg {
    width: 420px;
}

    div.cesnapshotdlg div.dlgbody input {
        width: 300px;
    }

    div.cesnapshotdlg div.dlgbody textarea {
        width: 300px;
        height: 100px;
    }

    div.cesnapshotdlg div.dlgbody td {
        white-space: nowrap;
    }

/* CEMsgDlg */

div.cemsgdlg {
    width: 400px;
}

    div.cemsgdlg div.cewindow_caption {
        font-weight: bold;
    }

    div.cemsgdlg div.dlgbody {
        text-align: center;
    }

    div.cemsgdlg div.dlgcmds {
        text-align: center;
    }

/* CEMsgBoxDlg */

div.cemsgboxdlg {
    min-width: 420px;
}

    div.cemsgboxdlg div.dlgbody {
        padding: 16px;
    }

/* CESaveDlg */

div.cesavedlg {
    width: 400px;
}

    div.cesavedlg div.dlgbody input.field {
        width: 322px;
    }

div.cesaveasdlg {
    width: 400px;
}

    div.cesaveasdlg div.dlgbody input.field {
        width: 322px;
    }

/* CEPasteDlg */

div.cepastedlg {
    width: 430px;
}

    div.cepastedlg div.dlgbody textarea.text {
        width: 400px;
        height: 200px;
        overflow: auto;
    }

/* CENavScrollList */

.cenavscrolllist {
    border-top: 1px solid #d3d3d3;
}

    .cenavscrolllist table {
        height: 100%;
        width: 100%;
    }

        .cenavscrolllist table td {
            text-align: center;
            text-decoration: none;
            font-family: 'Roboto Condensed', 'Arial Narrow', arial, sans-serif;
            font-weight: bold;
        }

    .cenavscrolllist td.link {
        color: #3f3;
        cursor: pointer;
    }

    .cenavscrolllist td.disabled {
        color: #666;
    }

    .cenavscrolllist td.link:hover {
        background-color: #3f3;
        color: #fff;
    }

/* Logon Banner */
.logon-banner h1 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #3f3;
    color: #fff;
    font-size: 36px;
    font-family: 'Roboto', Arial, sans-serif;
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 50px;
    margin-top: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Small banner headings */
.small-banner h1 {
    position: absolute;
    display: inline-block;
    padding: 10px 20px;
    background-color: #3f3;
    color: #fff;
    font-size: 36px;
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 50px;
    margin-top: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* CELegend Container */
.cereportmap .cereportmap_legendcontainer {
    position: absolute;
    top: 54px;
    right: 8px;
    height: 12px;
    padding: 3px 0;
    background-color: #FFF;
    border-radius: 2px;
    white-space: nowrap;
    display: none;
}

.cereportmap .rm-color {
    display: none;
}

.cereportmap.legend_show .rm-color {
    display: inline-block;
}

.cereportmap .cereportmap_min {
    padding: 0 4px 0 0;
    white-space: nowrap;
    vertical-align: top;
    font-size: 10px;
    line-height: 12px;
    display: none;
}

.cereportmap .cereportmap_legend {
    border: solid 1px black;
    width: 200px;
    height: 10px;
    vertical-align: top;
    display: none;
}

.cereportmap .cereportmap_max {
    padding: 0 0 0 4px;
    white-space: nowrap;
    vertical-align: top;
    font-size: 10px;
    line-height: 12px;
    display: none;
}

.cereportmap.legend_show .cereportmap_legendcontainer {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
}

.cereportmap.legend_show .cereportmap_min,
.cereportmap.legend_show .cereportmap_max,
.cereportmap.legend_show .cereportmap_legend {
    display: inline-block;
}

    /* CERegionNavList */
    .ceregionnavlist {
        clear: both;
        position: relative;
    }

    .ceregionnavlist:after {
        content: '';
        display: table;
        clear: both;
    }

    .ceregionnavlist:hover {
        background-color: rgba(245, 127, 41, 0.25);
    }

        .ceregionnavlist:hover table.title {
            color: #333;
        }

    .ceregionnavlist table.title {
        width: 200px;
        height: 57px;
        float: left;
        font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
        font-weight: bold;
        color: #666;
        text-align: right;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        line-height: 18px;
    }

    .ceregionnavlist table td {
        min-height: 57px;
    }

    .ceregionnavlist .container {
        position: relative;
        white-space: nowrap;
        transition: left ease-in-out 300ms;
        padding-top: 5px;
        padding-bottom: 5px;
        right: 0;
    }

    .ceregionnavlist .of-container {
        overflow: hidden;
        position: absolute;
        left: 348px;
        right: 32px;
    }

    .ceregionnavlist .container button {
        white-space: normal;
        display: inline-block;
        float: none;
    }

    .ceregionnavlist .arrows {
        height: 47px;
        line-height: 47px;
        border-left: 1px solid #d3d3d3;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .ceregionnavlist .arrows div {
            line-height: 47px;
        }

    .ceregionnavlist .latest {
        position: absolute;
        left: 220px;
        width: 108px;
        border-right: 1px solid #d3d3d3;
        min-height: 57px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .ceregionnavlist .latest button {
            margin-left: 15px;
        }

        .ceregionnavlist .latest .badge {
            padding-left: 15px;
            padding-right: 15px;
        }

.ceregionnavlabel {
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    line-height: 24px;
    height: 24px;
    font-family: 'Roboto condensed', 'Arial narrow', sans-serif;
    font-weight: bold;
    margin-top: 10px;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .ceregionnavlabel:after {
        content: '';
        display: table;
        clear: both;
    }

    .ceregionnavlabel .label {
        position: absolute;
        left: 0;
        width: 50px;
        font-size: 16px;
        overflow: hidden;
    }

    .ceregionnavlabel .region {
        width: 150px;
        position: absolute;
        left: 50px;
        text-align: right;
    }

    .ceregionnavlabel .latest {
        position: absolute;
        left: 220px;
        padding-left: 10px;
        text-align: left;
        width: 344px;
        /*border-right: 1px solid #d3d3d3;*/
        overflow: hidden;
    }

    .ceregionnavlabel .archive {
        position: absolute;
        left: 581px;
        width: 150px;
        text-align: center;
        padding-left: 0;
        right: 0;
        overflow: hidden;
    }

    .ceregionnavlabel span { visibility: visible; }
    .ceregionnavlabel.showLabels span { visibility: visible; }

/* CEEconomyRegionBtn */

.ceeconomyregion {
    clear: both;
    position: relative;
}

.ceeconomyregion:after {
    content: '';
    display: table;
    clear: both;
}

.ceeconomyregion:hover {
    background-color: rgba(245, 127, 41, 0.25);
}

.ceeconomyregion:hover table.title {
    color: #333;
}

.ceeconomyregion table.title {
    width: 200px;
    height: 57px;
    float: left;
    font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
    font-weight: bold;
    color: #666;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
}

.ceeconomyregion table td {
    min-height: 57px;
}

.ceeconomyregion .container {
    position: absolute;
    left: 220px;
    min-width: 525px;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ds-list.scrollable {
    overflow-y: auto;
    padding-top: 10px;
    padding-right: 10px;
    max-height: 300px;
}

.ds-list .ceeconomyregion {
    margin-bottom: 5px;
}

.ceeconomyregion button {
    padding: 2px;
    height: 50px;
    display: block;
    margin: 0;
    position: relative;
    top: -1px;
    border-radius: 5px;
    font-family: 'Roboto', Arial, sans-serif;
    width: 355px;
    text-align: center;
    font-size: 11px;
}

.ceeconomyregion button h3 {
    margin: 0;
    padding: 0;
    line-height: 20px;
}

    .ceeconomyregion button .badge {
        float: left;
        width: 80px;
        margin-left: 2px;
        text-transform: none;
        font-weight: normal;
        font-family: 'Roboto', arial, sans-serif;
        font-size: 11px;
        height: 36px;
        line-height: 18px;
    }

.ceeconomyregion button .badge .badge_primary {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto Condensed', 'Arial Narrow', arial, sans-serif;
}

        .ceeconomyregion button .badge.badge_published {
            margin-right: 2px;
            color: #f7f7f7;
            background-color: #727e96;
        }

.ceeconomyregion button .description {
/*    width: 250px;
    float: left;*/
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    max-height: 45px;
    overflow: hidden;
    line-height: 1.3;
    white-space: normal;
}

.ceeconomyregion button .description p {
    line-height: 1.3;
}

.ceeconomyregion button h4 {
    font-size: 10px;
    text-align: center;
    margin: 2px 0 0 0;
    padding: 0;
}

.ceeconomyregion button p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    text-align: center;
}

.ceeconomyregion button {
}

.ceeconomyregion button.more {
    width: 150px;
    margin-left: 7px;
    padding-left: 10px;
    padding-right: 10px;
}

.ceeconomyregion button.more h4 {
    font-size: 14px;
}

.ceeconomyregion .latest {
    position: absolute;
    left: 220px;
    width: 108px;
    padding-top: 5px;
}

.ceeconomyregion .ceregionbtn.update .description h3 {
    line-height: 45px;
}

#view_datasets .dlgbody,
#view_update .dlgbody {
    min-width: 381px;
}

    #view_datasets .dlgbody .ceeconomyregion:hover {
        background-color: transparent;
    }

#view_datasets h3,
#view_update h3 {
    font-size: 18px;
}

#view_update h3 {
    margin-bottom: 20px;
}

#view_update p a.order-link {
    display: block;
    font-size: 18px;
    text-align: center;
    margin-bottom: 1px;
    background-color: #f57f29;
    color: #eee;
    line-height: 45px;
    border-bottom: none;
    border-radius: 2px;
}

#view_update p a.order-link:hover {
    border-bottom: none;
    color: #fff;
}

.ceeconomyregion button.ceregionbtn_disabled {
    border: none;
    color: #999;
    cursor: default;
}

/* CEProjectList */
.ceprojectlist {
    padding: 20px;
    overflow: auto;
 /*   background-color: #fff;*/
}

    .ceprojectlist .item {
        position: relative;
        min-width: 400px;
        max-width: 500px;
        width: 33%;
        float: left;
    }

    .ceprojectlist .project {
        padding: 0 10px 0 10px;
        border: 1px solid #C3C3C3;
        border-radius: 2px;
        -moz-border-radius: 2px;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        background: #F9F9F9;
        background: linear-gradient(to bottom, #F9F9F9, #E8E8E8);
        background: -moz-linear-gradient(top, #F9F9F9, #E8E8E8);
        background: -webkit-gradient(linear,left top, left bottom, from(#F9F9F9), to(#E8E8E8));
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9F9F9', endColorStr='#E8E8E8', gradientType=0)";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9F9F9', endColorStr='#E8E8E8', gradientType=0);
        background-clip: padding-box;
        color: #333;
        margin-right: 20px;
        margin-bottom: 20px;
    }

        .ceprojectlist .project:after {
            content: "";
            display: table;
            clear: both;
        }

        .ceprojectlist .project:hover,
        .ceprojectlist .project-full {
            background: #F9F9F9;
            background: linear-gradient(to bottom, #F9F9F9, #CCCCCC);
            background: -moz-linear-gradient(top, #F9F9F9, #CCCCCC);
            background: -webkit-gradient(linear,left top, left bottom, from(#F9F9F9), to(#CCCCCC));
            -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9F9F9', endColorStr='#CCCCCC', gradientType=0)";
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F9F9F9', endColorStr='#CCCCCC', gradientType=0);
        }

        .ceprojectlist .project h2 {
            margin: 0;
            padding: 10px 0;
            font-size: 22px;
            cursor: pointer;
        }

            .ceprojectlist .project h2 .header-options {
                display: inline-block;
                text-align: right;
                float: right;
            }

            .ceprojectlist .project h2 i.current-project {
                color: #FFA000;
                margin-right: 5px;
                display: none;
            }

    .ceprojectlist .current .project h2 i.current-project {
        display: inline;
    }

    .ceprojectlist .project h2:hover {
        color: #3f3;
    }

    .ceprojectlist .project h4 {
        margin: 0 0 5px 0;
    }

    .ceprojectlist .region-list {
        margin-bottom: 10px;
    }

    .ceprojectlist .project .project-region {
        display: inline-block;
        margin-right: 5px;
        border: 1px solid #ccc;
        padding: 5px 5px 5px 10px;
        border-radius: 2px;
        background-color: #ccc;
        margin-bottom: 5px;
    }

        .ceprojectlist .project .project-region .text {
            line-height: 16px;
            color: #000;
            font-family: 'Roboto Condensed';
        }

        .ceprojectlist .project .project-region .badge {
            float: right;
            color: #fff;
            font-size: 11px;
            padding: 3px;
            margin: 0 0 0 10px;
            font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
            border-radius: 2px;
            text-transform: uppercase;
        }

    .ceprojectlist .project .created {
        width: auto;
        float: left;
        margin-bottom: 10px;
    }

    .ceprojectlist .project .lastsaved {
        width: auto;
        float: right;
        text-align: right;
        margin-bottom: 10px;
    }

    .ceprojectlist .project .region-btns {
        clear: both;
        border-top: 1px solid #999;
        padding-top: 5px;
        margin-bottom: 5px;
    }

    .ceprojectlist .active .project-summary {
        visibility: hidden;
    }

    .ceprojectlist .project-full {
        border-color: #3f3;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: none;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    }

    .ceprojectlist .active .project-full {
        visibility: visible;
        display: block;
        z-index: 1;
    }

/* Badge Colours */
.badge.badge_1 {
    background-color: #388E3C;
}

.badge.badge_2 {
    background-color: #689F38;
}

.badge.badge_3 {
    background-color: #AFB42B;
}

.badge.badge_4 {
    background-color: #FFA000;
}

.badge.badge_5 {
    background-color: #F57C00;
}

.badge.badge_older {
    background-color: #455A64;
}

.badge.badge_error {
    background-color: #D32F2F;
}


/* CEBlurUpImage */
.ceblurupimage {
    overflow: hidden;
}

/* FormControls CENewInput CENewSelect */
.form-control {
    display: inline-block;
    position: relative;
    padding-top: 14px;
    cursor: text;
}

    .form-control span {
        font-size: 18px;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        z-index: -1;
    }

    .form-control input,
    .form-control select {
        font-family: 'Roboto';
        border: none;
        background-color: transparent !important;
        border-bottom: 2px solid #d3d3d3;
        transition: border-bottom 250ms linear;
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .form-control select {
        padding: 4px 5px 3px;
    }

        .form-control input:focus,
        .form-control select:focus {
            outline: none;
        }

    .form-control span {
        display: block;
        position: absolute;
        top: 18px;
        padding-left: 5px;
        color: #999;
        transition: top 250ms linear, color 250ms linear, font-size 250ms linear;
    }

    .form-control.focus input,
    .form-control.focus select {
        border-bottom: 2px solid #3f3;
    }

    .form-control.focus span {
        font-size: 12px;
        color: #3f3;
        top: 0;
    }

    .form-control.hasText span {
        top: 0;
        font-size: 12px;
    }

/* CELogonBox */

div.celogonbox {
    padding-left: 13px;
    padding-right: 10px;
    color: #333;
    overflow: auto;
}

    div.celogonbox .mandatory {
        color: #3f3;
        font-size: 16px;
        font-weight: bold;
    }

    div.celogonbox h2 {
        font-size: 40px;
        color: #3f3;
        margin-bottom: 20px;
    }

div.celogonbox h3 {
    font-size: 30px;
    color: #000;
    margin-top: 2em;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}

    div.celogonbox p {
        font-size: 14px;
    }

        div.celogonbox p.note {
            color: #888;
            font-size: 13px;
        }

    div.celogonbox a {
        color: #3f3;
        font-size: 16px;
        text-decoration: none;
        border-bottom: 1px solid #3f3;
    }

    div.celogonbox button div.celogonbox a:hover {
        border-bottom: 3px solid #3f3;
    }

    div.celogonbox .view {
        width: 70%;
        margin: 0 auto 50px auto;
        text-align: center;
    }

        div.celogonbox .view p {
            margin-top: 0;
            margin-bottom: 10px;
            text-align: center;
        }

            div.celogonbox .view p a.small {
                font-size: 12px;
                margin-left: 50px;
            }

    div.celogonbox .form input[type=text],
    div.celogonbox .form input[type=email],
    div.celogonbox .form input[type=password] {
        width: 100%;
    }

    div.celogonbox .form .message p
    {
        text-align: justify;
    }

div.celogonbox .form .message p.c {
    text-align: center;
}

    div.celogonbox .form .logon-ua {
        margin-top: 20px;
    }

        div.celogonbox .form .logon-ua label {
            font-size: 12px;
            color: #ccc;
        }

    div.celogonbox .form textarea {
        display: block;
        margin: 0 auto 10px auto;
        width: 400px;
        font-size: 12px;
        height: 150px;
        font-family: 'Roboto', arial, sans-serif;
        border: none;
        border-bottom: 2px solid #d3d3d3;
        color: #666;
    }

    div.celogonbox .cebtn-large {
        font-size: 24px;
        line-height: 36px;
    }

    div.celogonbox .form textarea:focus {
        outline: none;
    }

    div.celogonbox .form label.checkbox {
        font-size: 18px;
        color: #333;
    }

    div.celogonbox .form p.commands {
        margin-top: 30px;
    }

    div.celogonbox .text {
        font-size: 24px;
    }

    div.celogonbox .form-control,
    div.celogonbox .form-control span {
        width: 400px;
    }

    div.celogonbox input:-webkit-autofill,
    div.celogonbox input:-webkit-autofill:hover,
    div.celogonbox input:-webkit-autofill:focus,
    div.celogonbox input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
    }

    div.celogonbox .form-control input,
    div.celogonbox .form-control select,
    div.celogonbox .form-control option {
        text-align: center;
    }

    div.celogonbox .form-control select {
        width: 100%;
        text-align-last: center;
    }


/* Greeting */
.region-greeting h2 {
    color: #3f3;
    font-size: 32px;
    margin-top: 0;
    line-height: 60px;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CEShareDlg */

.cesharedlg {
    width: 470px;
}

    .cesharedlg p {
        font-size: 13px;
        text-align: center;
        padding: 5px;
    }

    .cesharedlg input {
        width: 400px;
    }

.copy-success {
    color: #388E3C;
}

.copy-fail {
    color: #D32F2F;
}

/* CENavDivider */

.cenavdivider {
    font-size: 0px;
    border-bottom: solid 1px #606060;
    margin-top: 4px;
    margin-bottom: 4px;
    overflow: hidden;
}

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

[class^="ri-"], [class*=" ri-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ri-bar-chart-pyramid:before {
    content: "\e900";
}


/* PDF Export */
.pdf-export-header {
    border-bottom: 2px solid #333;
}


.print { display: none; }

@media print {
    body { overflow: initial; position: relative; }
    .print { display: block; }
    .info .section { page-break-inside: avoid; }
    .info img { page-break-inside: avoid; }
    .info table { page-break-inside: avoid; }
}


/* Global Header */

#global-header {
    height: 50px !important;
    transition: background-color ease-in 200ms;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    #global-header .app-logo {
        background-repeat: no-repeat;
        display: inline-block;
        position: relative;
        width: 110px;
        padding: 10px 10px 5px 5px;
        -webkit-transition: width 0ms ease-out, background-image 0s, margin-top 0s;
        transition: width 0ms ease-out, background-image 0s, margin-top 0s;
    }

#global-header-app-buttons {
    position: absolute;
}

#app-buttons-right {
    float: right;
}

#global-header .app-buttons {
    display: inline-block;
    height: 48px;
    white-space: nowrap;
    top: 0;
}

    #global-header .app-buttons .app-button {
        display: inline-block;
        color: #444;
        height: 48px;
        transition: background-color 200ms ease-in, color 200ms ease-in;
        cursor: pointer;
        overflow: hidden;
    }


    #global-header .app-buttons .app-button-inner {
        display: inline-block;
        margin: 8px 0;
        height: 40px;
        line-height: 40px;
        border-left: 1px solid #e7e7e7;
        padding: 0 20px 0 20px;
        transition: color 200ms ease-in,border-left 200ms ease-in;
    }

#global-header #app-buttons-right .app-button:first-child .app-button-inner {
    border-left: none;
}

#global-header .app-buttons .app-button a {
    display: block;
}

#global-header .app-buttons .app-button .label {
    text-align: center;
    -webkit-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
    color: #444;
    font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
}

#app-button-admin {
    padding-right: 20px;
}

#app-button-admin .app-button-inner img {
    position: relative !important;
    margin-top: 12px;
    right: -30px;
    float: right;
}

#app-button-pa-grantguru .app-button-inner img {
    padding: 9px 0;
}

#global-header #global-header-shadow {
    opacity: 1;
    bottom: -1px;
    left: -200px;
    width: 40px;
    background: #3f3;
    position: absolute;
    z-index: 1;
    height: 4px;
    -webkit-transition: left 200ms ease-out, width 200ms ease-out, opacity 400ms ease-out;
    transition: left 200ms ease-out, width 200ms ease-out, opacity 400ms ease-out;
    pointer-events: none;
}

#global-header .app-button:hover .newtab div {
    opacity: 1;
}

#global-header #remplan-dropdown {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
    cursor: pointer;
    width: 43px;
    height: 50px;
    background: #3f3 url(/Content/img/header/remplan-dropdown-bg.png) no-repeat top left;
}

    #global-header #remplan-dropdown:focus {
        outline: none;
    }

    #global-header #remplan-dropdown:hover,
    #global-header.open #remplan-dropdown {
        background-position: bottom left;
    }

#global-header-popup {
    background-color: #fff;
    top: 47px !important;
    position: absolute;
    z-index: 2000;
    border: none;
    padding: 0 !important;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    color: #000;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    left: 4px;
    display: none;
}

#global-header.open #global-header-popup {
    display: block;
}

#global-header-popup .balloontip {
    position: absolute;
    background: transparent url(/Content/img/header/balloontip.png) no-repeat top left;
    width: 20px;
    height: 20px;
    left: 5px;
    top: -13px;
}

#global-header-popup:focus {
    outline: none;
}

#global-header-popup .container {
    width: 1200px;
    overflow: hidden;
    position: relative;
    padding-bottom: 220px;
}

#global-header-popup .app-drawer {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: -220px;
    -webkit-box-shadow: 0 7px 26px 5px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 0 7px 26px 5px rgba(0, 0, 0, 0.57);
    box-shadow: 0 7px 26px 5px rgba(0, 0, 0, 0.57);
    -webkit-transition: height 400ms cubic-bezier(0.68, -0.55, 0.27, 1.55), bottom 200ms ease-in;
    transition: height 400ms cubic-bezier(0.68, -0.55, 0.27, 1.55), bottom 200ms ease-in;
    overflow: hidden;
}

#global-header #global-header-popup.open .app-drawer {
    height: 220px;
    bottom: 0;
    overflow: auto;
}

#global-header-popup .app-drawer h2 {
    color: #333;
    font-size: 16px;
    margin: 15px 0 20px 20px;
    font-family: 'Roboto Condensed', 'Arial Narrow', arial, sans-serif;
    font-weight: bold;
}

#global-header-popup .app-drawer ul {
    list-style-type: none;
}

    #global-header-popup .app-drawer li {
        display: inline-block;
        line-height: 48px;
    }

        #global-header-popup .app-drawer a {
            display: block;
            float: left;
            text-align: center;
            width: 80px;
            height: 80px;
            padding: 20px;
            line-height: 100px;
            text-decoration: none;
            color: #333;
            position: relative;
        }

#global-header-popup .app-drawer span {
    display: block;
    line-height: 1.4;
    position: absolute;
    text-align: center;
    bottom: 10px;
    left: 20px;
    right: 20px;
    font-weight: bold;
}

#global-header-popup .app-drawer img {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    transition: width ease-in-out 200ms, height ease-in-out 200ms;
}

#global-header-popup .app-drawer a:hover {
    background-color: rgba(245, 127, 41, 0.25);
}

    #global-header-popup .app-drawer a:hover img {
        width: 54px;
        height: 54px;
    }

@media(max-width: 1200px) {
    #global-header-popup .app-drawer span { font-size: 10px; bottom: 0; }
    #global-header-popup .app-drawer a { height: 74px; padding: 5px; line-height: 54px; }
}

#global-header-popup .content {
    overflow: auto;
    padding: 40px 0 40px 40px;
    line-height: 1.4;
    font-size: 13px;
    text-align: left;
}

    #global-header-popup .content:after {
        content: '';
        display: table;
        clear: both;
    }

    #global-header-popup .content a {
        color: #3f3;
    }

    #global-header-popup .content p {
        text-align: left;
    }

    #global-header-popup .content h4 {
        margin-bottom: 0;
        color: #3f3;
        font-size: 11px;
        text-transform: uppercase;
    }

#global-header-popup .container .sidebar {
    width: 30%;
    margin-left: 20px;
    float: right;
    background: transparent url(/Content/img/header/border-fade.png) no-repeat top left;
    padding: 10px 20px;
}

#global-header-popup .remplanlogo {
    position: relative;
    width: 140px;
    height: 51px;
}

#global-header-popup .remplanlogo .overlay {
    width: 140px;
    height: 51px;
    position: absolute;
    background: url(/Content/img/header/remplan-logo-nobars.png) no-repeat;
    pointer-events: none;
    margin-top: 1px;
}

#global-header-popup .remplanlogo .bar {
    position: absolute;
    bottom: 5px;
    width: 18px;
    background: #dd1a32;
    -webkit-transition: margin-top 200ms ease-out, height 200ms ease-out;
    transition: margin-top 200ms ease-out, height 200ms ease-out;
}

#global-header-popup .remplanlogo .bar-0 {
    left: 1px;
    height: 34px;
}

    #global-header-popup .remplanlogo .bar-0:hover {
        height: 40px;
    }

#global-header-popup .remplanlogo .bar-1 {
    left: 21px;
    height: 21px;
}

    #global-header-popup .remplanlogo .bar-1:hover {
        height: 27px;
    }

#global-header-popup .remplanlogo .bar-2 {
    left: 41px;
    height: 27px;
}

    #global-header-popup .remplanlogo .bar-2:hover {
        height: 33px;
    }

#global-header-popup .remplanlogo .bar-3 {
    left: 61px;
    height: 34px;
}

    #global-header-popup .remplanlogo .bar-3:hover {
        height: 40px;
    }

#global-header-popup .remplanlogo .bar-4 {
    left: 81px;
    height: 22px;
}

    #global-header-popup .remplanlogo .bar-4:hover {
        height: 28px;
    }

#global-header-popup .remplanlogo .bar-5 {
    left: 101px;
    height: 31px;
}

    #global-header-popup .remplanlogo .bar-5:hover {
        height: 37px;
    }

#global-header-popup .remplanlogo .bar-6 {
    left: 121px;
    height: 23px;
}

    #global-header-popup .remplanlogo .bar-6:hover {
        height: 29px;
    }

#global-header-popup .main {
    margin-right: 35%;
    padding-left: 60px;
}

#global-header-popup h2.with-user,
#global-header-popup h2.anon-user {
    color: #24324c;
    background: transparent url(/Content/img/header/avatar-nouser.png) no-repeat left center;
    margin: 0 0 0 -60px;
    line-height: 50px;
    text-indent: 60px;
}

#global-header-popup h2.with-user {
    display: none;
}

#global-header-popup.with-user h2.with-user {
    display: block;
}

#global-header-popup.with-user h2.anon-user {
    display: none;
}

.christmas #global-header .theme {
    width: 146px;
    height: 40px;
    background: transparent url(/Content/img/themes/santa.png) no-repeat top left;
    display: inline-block;
    position: relative;
    top: -5px;
    left: 10px;
}

.christmas div.ceinfo {
    background-color: transparent;
}

/* Legend Options */
.celegendbtn {
    margin: 0;
    height: auto;
    padding: 0 8px;
    line-height: 12px;
    height: 18px;
    min-width: 0;
    position: relative;
    top: -3px;
    display: none;
}

.legendoptions_exist .celegendbtn {
    display: inline-block;
}

.legend_options {
    position: absolute;
    display: none;
    right: 7px;
    top: 26px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    min-width: 150px;
    max-width: 300px;
    padding: 5px 0;
    overflow: auto;
}

.legendoptions_open .legend_options {
    display: block;
}

.legendoptions_exist .cereportmap_legendcontainer {
    display: block;
}

.legendoptions_exist.legend_show .celegendbtn {
    right: -8px;
    margin-left: -4px;
}

.legend_options .legendoption {
    display: block;
    padding: 2px 11px 2px 1px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    line-height: 20px;
    color: #999;
}

.legend_options .legendoption .check {
    margin-right: 10px;
    width: 7px;
    height: 20px;
    display: inline-block;
    vertical-align:top;
}

.legend_options .legendoption div.col {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-repeat: repeat;
    display: inline-block;
    vertical-align: top;
}

.legend_options .legendoption div.colborder {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-repeat: repeat;
    display: inline-block;
}

.legend_options .legendoption div.text {
    display: inline-block;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height:20px;
}

.legend_options .legendoption:hover {
    padding: 1px 10px 1px 0px;
    border: 1px solid #C3C3C3;
    background: linear-gradient(to bottom, #E0E0E0, #F4F4F4);
    background: -moz-linear-gradient(top, #E0E0E0, #F4F4F4);
    background: -webkit-gradient(linear,left top, left bottom, from(#E0E0E0), to(#F4F4F4));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0)";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E0E0E0', endColorStr='#F4F4F4', gradientType=0);
}

.legend_options .legendoption.highlight {
    background-color: #eee;
    color: #333;
    border: 1px solid #999;
    padding: 1px 10px 1px 0px;
}

.legend_options .legendoption.checked .check {
    background-color: #f57f29;
}

.legend_options .legendoption.partial .check {
    border: 1px solid #f57f29;
    width:5px;
    height:18px;
    background: #EEE;
}

.legend_options .legendoption-all {
    padding-left: 48px;
}

.legend_options .legendoption-all:hover {
    padding-left: 47px;
}

/* CEMap */

div.cemap_info {
    position: absolute;
    padding: 3px 6px;
    display: none;
    z-index: 1;
    border: 1px solid #3f3;
    background-color: #ededed;
    background-clip: padding-box;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #333333;
    line-height: 1.5em;
}
div.cemap_info h2
{
    padding: 0 0 4px 0;
    margin: 0;
    font-size: 140%;
    line-height: 1em;
    font-weight: 400;
}
    div.cemap_info h3 {
        font-weight: 400;
    }

div.cemap_info .small {
    font-size: 80%;
}

.cehorzsel {
    position: relative;
    height: 50px;
}

.cehorzsel_bg {
    position: absolute;
    top: 20px;
    height: 3px;
    left: 4px;
    right: 4px;
    border: 1px solid #626970;
    background-color: #626970;
}

.cehorzsel_bar1 {
    display: block;
    position: absolute;
    top: 10px;
    height: 23px;
    width: 22px;
    padding: 0;
    border: 1px solid #3cb14a;
    background: #3cb14a;
    overflow: visible;
}

.cehorzsel_bar1:focus {
    outline: none;
    border: 1px dotted #3cb14a;
    background-color: #9dd8a4;
}

.cehorzsel_bar1:hover {
    border: 1px solid #3cb14a;
    background: #9DD8A4;
}

.cehorzsel_bar1 .cehorzsel_bar2 {
    display: block;
    text-align: center;
    padding-top: 25px;
    font-size: 10px;
}

.btn-covid {
    background-color: #a6228e;
    color: #fff;
    font-size: 15px;
    border: 2px solid #a6228e;
    border-radius: 5px;
    font-weight: 400;
    display: inline-block;
    margin: 11px 8px 0 0;
    padding: 4px 30px;
    vertical-align: top;
    line-height: 20px;
    text-decoration: none;
}
.btn-covid:hover {
     opacity: 0.85;
 }

@media (max-width: 980px) {
    .btn-covid { display: none; }
}

.btn-covid2 {
    background-color: #fff;
    color: #a6228e;
    font-size: 13px;
    border: 2px solid #a6228e;
    border-radius: 4px;
    font-weight: 500;
    display: inline-block;
    margin: 9px 8px 0 0;
    padding: 4px 10px;
    vertical-align: top;
    width: auto;
    height: auto;
    position: relative;
    text-decoration: none;
    animation: 1s linear covid2flash 2;
    animation-delay: 2s;
    line-height: 20px;
}

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

    @keyframes covid2flash {
        0% {
            background-color: #fff;
            color: #a6228e;
        }
        50% {
            background-color: #a6228e;
            color:#fff;
        }
        100% {
            background-color: #fff;
            color: #a6228e;
        }
    }

.covid-tools {
    display: inline-block;
    position: relative;
    margin: 9px 8px 0 0;
    vertical-align: top;
}

.covid-tools ul li a[href="https://login.remplan.com.au/customapps"] span {
    display: none;
}

.cetraveltimecontrols {
    height: 64px;
    box-sizing: border-box;
    padding: 8px;
    background-color: #FFF;
    width: 100%;
    font-size: 14px;
    font-family: Verdana;
    line-height: 1.5em;
}

    .cetraveltimecontrols div {
        display: inline-block;
        position: relative;
    }

        .cetraveltimecontrols div span {
            visibility: hidden;
            display: inline-block;
        }

    .cetraveltimecontrols input, .cetraveltimecontrols select, .cetraveltimecontrols span.edit, .cetraveltimecontrols span.select {
        background-color: #E0E0E0;
        border: none;
        padding: 4px;
        margin: 0;
        box-sizing: border-box;
        font-size: 14px;
        font-family: Verdana;
        line-height: 1.5em;
        white-space: pre;
    }

    .cetraveltimecontrols span {
        border: none;
        padding: 4px;
        box-sizing: border-box;
        white-space: pre;
    }
   
    .cetraveltimecontrols span.select {
    padding-right: 28px;
}

        .cetraveltimecontrols span.number {
            padding-right: 24px;
        }

        .cetraveltimecontrols span.edit {
            padding-right: 8px;
            min-width: 30px;
        }

    .cetraveltimecontrols .calculating {
        padding: 2px;
        color: #008000;
        display: none;
    }

    .cetraveltimecontrols div select, .cetraveltimecontrols div input {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .cetraveltimecontrols > div, .cetraveltimecontrols > span, .cetraveltimecontrols > input {
        margin-right: 4px;
        margin-bottom: 4px;
    }

    .cetraveltimecontrols .tod {
        width: 8em; /* 8em for IE? */
        padding: 3px;
    }