/* SharePoint 2013 Materials Reference Library
   Created for Related by B&R Business Solutions (bandrsolutions.com) */

/* ##### imports ##### */
@import url("/_layouts/15/CIMUG.SharePoint.Public/CSS/bootstrap.min.css");
@import url("/_layouts/15/CIMUG.SharePoint.Public/CSS/iconic-glyphs.css");
@import url("/_layouts/15/CIMUG.SharePoint.Public/CSS/iconic-bootstrap.css");
@import url("/_layouts/15/CIMUG.SharePoint.Public/CSS/main.min.css");

body.CIMUG .reset-box-sizing,
body.CIMUG .reset-box-sizing *,
body.CIMUG .reset-box-sizing *:before,
body.CIMUG .reset-box-sizing *:after,
body.CIMUG .ms-siteSettings-root *:before,
body.CIMUG .ms-siteSettings-root *:after,
body.CIMUG .ms-siteSettings-root *,
body.CIMUG .ms-siteSettings-root,
body.CIMUG #s4-titlerow *:before,
body.CIMUG #s4-titlerow *:after,
body.CIMUG #s4-titlerow *,
body.CIMUG #s4-titlerow,
body.CIMUG .ms-InlineSearch-DivBaseline *:before,
body.CIMUG .ms-InlineSearch-DivBaseline *:after,
body.CIMUG .ms-InlineSearch-DivBaseline *,
body.CIMUG .ms-InlineSearch-DivBaseline,
body.CIMUG .ms-heroCommandLink *:before,
body.CIMUG .ms-heroCommandLink *:after,
body.CIMUG .ms-heroCommandLink *,
body.CIMUG .ms-heroCommandLink,
body.CIMUG div.ms-dlgBorder *:before,
body.CIMUG div.ms-dlgBorder *:after,
body.CIMUG div.ms-dlgBorder *,
body.CIMUG div.ms-dlgBorder,
body.CIMUG .ms-authoringcontrols *:before,
body.CIMUG .ms-authoringcontrols *:after,
body.CIMUG .ms-authoringcontrols *,
body.CIMUG .ms-authoringcontrols,
body.CIMUG .ms-core-deltaSuiteBarRight *:before,
body.CIMUG .ms-core-deltaSuiteBarRight *:after,
body.CIMUG .ms-core-deltaSuiteBarRight *,
body.CIMUG .ms-core-deltaSuiteBarRight,
body.CIMUG .ms-cui-ribbonTopBars *:before,
body.CIMUG .ms-cui-ribbonTopBars *:after,
body.CIMUG .ms-cui-ribbonTopBars *,
body.CIMUG .ms-cui-ribbonTopBars,
body.CIMUG .ms-cui-group *:before,
body.CIMUG .ms-cui-group *:after,
body.CIMUG .ms-cui-group *,
body.CIMUG .ms-cui-group,
body.CIMUG .ms-cui-ribbon *:before,
body.CIMUG .ms-cui-ribbon *:after,
body.CIMUG .ms-cui-ribbon *,
body.CIMUG .ms-cui-ribbon,
ul.ms-srch-Paging#Paging *:before,
ul.ms-srch-Paging#Paging *:after,
ul.ms-srch-Paging#Paging *,
ul.ms-srch-Paging#Paging,
body.CIMUG .box-reset *:before,
body.CIMUG .box-reset *:after,
body.CIMUG .box-reset *,
body.CIMUG .box-reset {
    /* bootstrap resets for SharePoint */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

body.CIMUG h1, body.CIMUG .h1,
body.CIMUG h2, body.CIMUG .h2,
body.CIMUG h3, body.CIMUG .h3,
body.CIMUG h4, body.CIMUG .h4,
body.CIMUG h5, body.CIMUG .h5,
body.CIMUG h6, body.CIMUG .h6 {
    /* let SharePoint set heading sizes and margins instead of bootstrap */
    font-size: initial;
    margin-top: initial;
    margin-bottom: initial;
    color: initial;
}

/* ##### utility classes ##### */

body.CIMUG .no-margin,
body.CIMUG .no-margin .ms-webpartzone-cell {
    /* no margin on element */
    margin: 0;
}

body.CIMUG .no-bottom-right-radius {
    border-bottom-right-radius: 0px !important;
    -webkit-bottom-right-radius: 0px !important;
    -moz-bottom-right-radius: 0px !important;
}

body.CIMUG .padding-twenty,
body.CIMUG .padding-twenty.white-box {
    /* 20 pixel padding */
    padding: 20px;
}

body.CIMUG #WebPartAdderUpdatePanelContainer {
    /* make sure web part adder is on top always */
    position: absolute;
    z-index: 800;
    top: -9px;
}

/* ##### responsive classes ##### */

/* ##### body classes ##### */

body.CIMUG {
    /* allow page level scrolling */
    overflow: auto;
}

body.CIMUG {
    /* body background color */
    background-color: #F7F7F7;
}

body.CIMUG .ms-core-overlay {
    /* overlay background color */
    background-color: #F7F7F7;
}

body.CIMUG a:visited,
body.CIMUG a {
    /* link colors */
    color: #262626;
}

/* ##### footer classes ##### */

body.CIMUG .footerNavigationContainer {
    /* footer font size */
    font-size: 0.9em;
}

body.CIMUG .footerNavigation > ul > li {
    /* footer navigation list item elements */
    border-right: 1px solid #262626;
    padding-right: 0;
    padding-left: 0;
}

body.CIMUG .footerNavigation > ul > li:last-child {
    /* no right border on last list item element */
    border-right: none;
}

body.CIMUG .footerNavigation > ul > li > a {
    /* link elements */
    padding: 0px 10px;
    display: block;
}

/* ##### header classes ##### */

body.CIMUG #suiteBarLeft {
    /* ribbon background color when it's shown */
    background-color: #00a5b3;
}

body.CIMUG div#s4-ribbonrow {
    /* ribbon when open */
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.25);
}

body.CIMUG .header-divider {
    /* full width header container */
    border-bottom: 1px solid #0e5caa;
    background-color: #EEEEEE;
}

body.CIMUG .header-divider > .header-wrapper {
    /* full width wrapper */
    border-bottom: 3px solid #00a5b3;
}

body.CIMUG .header-wrapper .navbar-brand {
    /* site logo container */
    height: auto;
}

body.CIMUG .header-wrapper .navbar-brand > img.site-logo-image {
    /* site logo image */
    max-width: none;
    max-height: none;
}

body.CIMUG .header-wrapper .navbar-toggle {
    /* button styling for navigation toggle */
    background-color: #f5f5f5;
    border: 2px solid #00a5b3;
    min-width: inherit;
}

body.CIMUG .header-wrapper .navbar-toggle > span.icon-bar {
    /* color of bars on collapsed navigation toggle */
    background-color: #00a5b3;
}

body.CIMUG .header-wrapper .navbar {
    /* navbar styles */
    min-height: inherit;
    margin-bottom: 0;
}

body.CIMUG .header-wrapper .navbar-collapse.collapse .navbar-nav > li > a {
    /* normal viewport nav link styling & spacing */
    padding: 10px 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bold;
    color: #666;
}

body.CIMUG .header-wrapper .navbar-collapse.collapse .navbar-nav > li:last-child > a {
    /* no right padding on the last nav link */
    padding-right: 0px;
}

body.CIMUG .header-wrapper .navbar-collapse.in .navbar-nav > li > a,
body.CIMUG .header-wrapper .navbar-collapse.collapsing .navbar-nav > li > a {
    /* mobile viewport nav link styling & spacing */
    padding: 10px 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #666;
}

body.CIMUG .header-wrapper .navbar-collapse.collapse .navbar-nav > li > a:hover,
body.CIMUG .header-wrapper .navbar-collapse.collapse .navbar-nav > li > a:focus {
    /* nav link hover style */
    background-color: transparent;
    color: #00a5b3;
}

body.CIMUG .header-utility {
    /* top spacing on header utility bar */
    margin-top: 26px;
    margin-bottom: 26px;
}

body.CIMUG .header-utility .btn {
    /* utility buttons */
    background-color: #F5F5F5;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #00a5b3;
    color: #666;
    margin-right: 10px;
    padding: 3px 6px;
}

body.CIMUG .header-utility .btn:last-child {
    /* no right margin on last button */
    margin-right: 0;
}

body.CIMUG .header-utility .btn > span.iconic {
    /* insert spacing after icon on buttons */
    margin-right: 8px;
}

body.CIMUG .header-utility .search-box {
    /* search box span */
    display: inline-block;
    margin-right: 10px;
}

body.CIMUG .header-utility .search-box #searchInputBox {
    /* ootb search box element */
    margin-bottom: 0;
    float: none;
}

body.CIMUG .header-utility .search-box .ms-srch-sb-border,
body.CIMUG .header-utility .search-box .ms-srch-sb-borderFocused {
    /* ootb search box element borders */
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #00a5b3;
    background-color: #F5F5F5;
}

body.CIMUG .header-utility .search-box input.ms-textSmall {
    /* font sizing for search box input */
    font-size: 14px;
}

body.CIMUG .header-utility .search-box .ms-srch-sb > input {
    /* overrides for ootb search box */
    height: auto;
    width: auto;
    margin: 3px;
    margin-right: 0px;
}

body.CIMUG .header-utility .search-box .ms-srch-sb > .ms-srch-sb-searchLink {
    /* ootb search icon positioning */
    margin-right: 3px;
    margin-top: 1px;
}

/* ##### content container classes ##### */

body.CIMUG .content-container {
    margin-top: 20px;
}

body.CIMUG .content-container > .row,
body.CIMUG .content-container #DeltaPlaceHolderMain > .row {
    /* content row spacing */
    margin-bottom: 15px;
}

body.CIMUG .content-container > .row:first-child {
    /* no bottom margin on the first child */
    margin-bottom: 0;
}

body.CIMUG .content-hero .ms-webpartzone-cell,
body.CIMUG .white-box .ms-webpartzone-cell,
body.CIMUG .green-box .ms-webpartzone-cell,
body.CIMUG .blue-box .ms-webpartzone-cell,
body.CIMUG .purple-box .ms-webpartzone-cell {
    /* prevent webpart bottom margin on controlled cells */
    margin: 0;
}

body.CIMUG .white-box .ms-rtestate-field h1,
body.CIMUG .green-box .ms-rtestate-field h1,
body.CIMUG .blue-box .ms-rtestate-field h1,
body.CIMUG .purple-box .ms-rtestate-field h1 {
    /* h1 elements inside controlled cells */
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-weight: bold;
}

body.CIMUG .content-hero {
    /* rounded corners on hero */
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
}

body.CIMUG .content-hero .carousel-inner {
    /* rounded corner and border on carousel */
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border: 2px solid #000;
}

body.CIMUG .content-hero ol.carousel-indicators {
    /* hero slider indicators */
    top: 0px;
    left: 0px;
    bottom: initial;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    padding-left: 10px;
}

body.CIMUG .content-hero ol.carousel-indicators li {
    /* hero slider indicator styling */
    margin: 20px 0 0 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid #000;
}

body.CIMUG .content-hero ol.carousel-indicators li.active {
    /* hero slider active indicator styling */
    background-color: #000;
}

body.CIMUG .content-hero .carousel-caption {
    /* carousel caption styling */
    background-color: rgba(0, 0, 0, .8);
    border-top: 2px solid #000;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 0;
    padding: 15px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px; 
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
}

body.CIMUG .content-hero .carousel-item-title {
    /* carousel title styling */
    background-color: rgba(0, 0, 0, .8);
    border: 2px solid #000;
    border-right: none;
    right: 0px;
    top: 20%;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #FFF;
    font-size: 3em;
    font-weight: bold;
    position: absolute;
}

@media (max-width: 767px) {
    body.CIMUG .content-hero .carousel-caption {
        /* carousel caption styling */
        font-size: 1em;
        font-weight: normal;
        padding: 10px;
    }

    body.CIMUG .content-hero .carousel-item-title {
        /* carousel title styling */
        font-size: 1.5em;
        font-weight: bold;
        position: absolute;
        top: 10%;
        padding: 6px 10px;
    }

    body.CIMUG .feature-announcements {
        /* on small screens add extra space after announcements */
        margin-bottom: 10px;
    }
}

body.CIMUG .white-box {
    /* styling for white content boxes & zones */
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #00a5b3;
    padding: 10px;
}

body.CIMUG .green-box {
    /* styling for green content boxes & zones */
    background-color: #39b875;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #39b875;
    padding: 10px;
    color: #FFF;
}

body.CIMUG .blue-box {
    /* styling for blue content boxes & zones */
    background-color: #39b3bf;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #39b3bf;
    padding: 10px;
    color: #FFF;
}

body.CIMUG .purple-box {
    /* styling for purple content boxes & zones */
    background-color: #5075b8;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #5075b8;
    padding: 10px;
    color: #FFF;
}

body.CIMUG .white-box h2.ms-webpart-titleText span {
    /* white box webpart titles */
    text-transform: uppercase;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: initial;
}

body.CIMUG .call-to-action-container {
    /* call to action container position */
    top: -5px;
    position: relative;
}

body.CIMUG .call-to-action-container > a {
    /* call to action link elements */
    display: block;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    padding: 15px 10px 10px 10px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px; 
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px; 
    -webkit-border-bottom-right-radius: 5px;
}

body.CIMUG .green-box-child .call-to-action-container > a {
    /* green box call to action */
    background-color: #39b875;
    border: 2px solid #39b875;
}

body.CIMUG .blue-box-child .call-to-action-container > a {
    /* blue box call to action */
    background-color: #39b3bf;
    border: 2px solid #39b3bf;
}

body.CIMUG .purple-box-child .call-to-action-container > a {
    /* purple box call to action */
    background-color: #5075b8;
    border: 2px solid #5075b8;
}

body.CIMUG .white-box-child .call-to-action-container > a {
    /* white box call to action*/
    background-color: #FFFFFF;
    border: 2px solid #00a5b3;
    border-top: none;
    color: #262626;
}

body.CIMUG .white-box-child .call-to-action-container {
    /* adjust position for white boxes */
    top: -2px;
}

body.CIMUG .call-to-action-container > a > span.iconic {
    /* spacing of call to action icon */
    margin-right: 8px;
    margin-top: 1px;
}

body.CIMUG .call-to-action-container .ms-webpartzone {
    display: block;
}

body.CIMUG .call-to-action-container .ms-webpartzone-cell {
    margin: 0;
}

body.CIMUG .ms-formfieldvaluecontainer.ms-rte-border-field span.ms-rtestate-write > img {
    /* ensure that images are never rendered wider than the container */
    max-width: 100% !important;
}

/* ##### event classes ##### */

body.CIMUG #eventPage textarea {
   /* ensure textarea fields are 100% width */
    width: 100%;
}

body.CIMUG #eventPage #eventMapAddress {
    /* hide the event address; it's only there to read javascript */
    display: none;
}

body.CIMUG #eventPage #eventMapContainer > iframe {
    /* make the iframe look pretty */
    width: 100%;
    min-height: 200px;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 2px solid #00a5b3;
}

body.CIMUG #eventPage h1#eventTitle {
    /* event title styling */
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

body.CIMUG #eventPage h3 .iconic {
    /* event calendar icon */
    margin-right: 8px;
}

body.CIMUG #eventPage .pageContent {
    /* page content styling */
    margin-top: 20px;
}

body.CIMUG #eventPage .contentEdit .ms-formfieldvaluecontainer {
    /* border around content editor on events page */
    border: 1px solid #CCC;
}

body.CIMUG .feature-events ul.cbs-List {
    /* no margin on default list elements */
    margin-bottom: 0;
}

body.CIMUG .cbs-events-rollup-container {
    /* events rollup container */
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 4px solid #00a5b3;
    position: relative;
}

body.CIMUG .feature-events ul.cbs-List > li {
    /* 10px margin on bottom of events */
    margin-bottom: 10px;
    display: block;
}

body.CIMUG .feature-events ul.cbs-List > li:last-child {
    /* no bottom margin on last event */
    margin-bottom: 0;
}

body.CIMUG .cbs-events-rollup-date-widget {
    /* left (date) column of events rollup */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #00a5b3;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    width: 35%;
    min-width: 80px;
}

body.CIMUG .cbs-events-rollup-date-day {
    /* events rollup day text */
    font-size: 3.5em;
    font-weight: bold;
}

body.CIMUG .cbs-events-rollup-date-month {
    /* events rollup day text */
    font-size: 1.5em;
    font-weight: bold;
    margin-top: -10px;
    letter-spacing: 2px;
}

body.CIMUG .cbs-events-rollup-content-widget {
    /* events rollup right column (content) */
    margin-left: 36%;
    padding: 10px;
}

body.CIMUG .cbs-events-rollup-title {
    /* events rollup title */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-bottom: 5px;
}

body.CIMUG .cbs-events-rollup-description {
    /* events rollup description text */
    overflow: hidden;
    text-overflow: ellipsis;
    height: 62px;
    font-size: 0.85em;
}

/* ##### announcement classes ##### */

body.CIMUG #announcementPage textarea {
   /* ensure textarea fields are 100% width */
    width: 100%;
}

body.CIMUG #announcementPage h1#announcementTitle {
    /* announcements title styling */
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

body.CIMUG #announcementPage h3 .iconic {
    /* announcements calendar icon */
    margin-right: 8px;
}

body.CIMUG #announcementPage .announcementHero img {
    /* style announcement hero */
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border: 2px solid #000 !important;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

body.CIMUG #announcementPage .pageContent {
    /* page content styling */
    margin-top: 20px;
}

body.CIMUG #announcementPage .contentEdit .ms-formfieldvaluecontainer {
    /* border around content editor on announcements page */
    border: 1px solid #CCC;
}

body.CIMUG .feature-announcements div.container-fluid {
    /* remove left and right padding from container */
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -10px;
}

body.CIMUG .cbs-announcements-rollup-container {
    /* announcements rollup container */
    position: relative;
    clear: both;
    margin-bottom: 20px;
}

body.CIMUG .cbs-announcements-rollup-image {
    /* announcement rollup image div */
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border: 2px solid #000;
    margin-right: 10px;
}

body.CIMUG .cbs-announcements-rollup-date {
    /* announcement rollup date element */
    background-color: rgba(0,0,0,0.75);
    color: #FFF;
    padding: 5px;
    position: absolute;
    left: 0px;
    top: 20px;
    border: 2px solid #000;
}

body.CIMUG h2.cbs-announcements-rollup-title {
    /* announcement rollup title */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-bottom: 5px;
}

body.CIMUG .cbs-announcements-rollup-description {
    /* article description */
    overflow: hidden;
    text-overflow: ellipsis;
    height: 80px;
    font-size: 0.85em;
}

/* ##### featured links formatting ##### */

body.CIMUG .linksAccordionContainer div.group {
    /* featured links group item */
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
    background: #5075b8;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    color: #FFF;
    margin: 10px 0px;
}

body.CIMUG .linksAccordionContainer div.group > span.iconic {
    /* caret icons */
    margin-right: 10px;
}

body.CIMUG .linksAccordionContainer div.group:first-child {
    /* no top margin on first group */
    margin-top: 0px;
}

body.CIMUG .linksAccordionContainer div.group:last-child {
    /* no bottom margin on last group */
    margin-bottom: 0px;
}

body.CIMUG .linksAccordionContainer div.group.active {
    /* featured links active group item */
    background: #5075b8;
}

body.CIMUG .linksAccordionContainer div.item {
    /* featured links item */
    display: none;
    padding: 5px;
}

body.CIMUG .linksAccordionContainer div.item a {
    /* featured links link element */
    color: #262626;
}

/* ##### index page ##### */

body.CIMUG #indexPage #indexTitle {
    /* index page titles */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 2em;
    margin: 0;
    margin-bottom: 0px;
}

body.CIMUG #indexPage .ms-srch-result-groups {
    /* bottom margin on search results */
    margin-bottom: 20px;
}

body.CIMUG #indexPage ul.ms-srch-Paging#Paging {
    /* search paging on index page */
    margin-top: 20px;
    margin-bottom: 0px;
}

body.CIMUG #indexPage .ms-promlink-button-enabled-hover, .ms-promlink-button-enabled:hover {
    /* hover search button (next/prev) */
    border-color: #262626;
    background-color: #F6F6F6;
}

body.CIMUG #indexPage .ms-srch-result #Paging a:hover,
body.CIMUG #indexPage .ms-srch-result #PagingSelf a {
    /* active page number */
    color: #262626;
}

body.CIMUG #indexPage .ms-srch-resultFooter {
    /* hide the footer */
    display: none;
}

/* ##### image map widget classes ##### */

body.CIMUG div.imageMap {
    /* image map container */
    position: relative;
}

body.CIMUG div.imageMap img {
    /* image */
    border: 1px solid #232323;
}

body.CIMUG div.imageMap div.content-panel {
    /* content panel */
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 40%;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px;
    display: none;
    border: 1px solid #232323;
    overflow-y: scroll;
}

body.CIMUG div.imageMap div.content-panel button {
    /* button */
    min-width: inherit;
    border: 1px solid #232323;
}

body.CIMUG div.imageMap div.content-panel div.h1 {
    /* title */
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
}

body.CIMUG div.imageMap div.contentPanel-content {
    /* content */
    clear: both;
    padding-top: 10px;
}

body.CIMUG div.imageMap div.contentPanel-content a {
    /* links in content */
    text-decoration: underline;
}

/* ##### content page classes ##### */

body.CIMUG h1#contentTitle {
    /* content page title */
    margin-bottom: 1em;
}

.imageMap area {
    cursor: pointer;
}