@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans:400,500|Open+Sans|Cabin:400,500");

h1 {
    font-size: 47px !important;
    font-family: "Alegreya Sans", Helvetica, Arial, Verdana, sans-serif;
    line-height: 53px
}

h2 {
    font-size: 35px !important;
    font-family: "Alegreya Sans", Helvetica, Arial, Verdana, sans-serif;
    line-height: 41px
}

h3 {
    font-size: 25px !important;
    font-family: "Alegreya Sans", Helvetica, Arial, Verdana, sans-serif;
    line-height: 31px
}

h4 {
    font-size: 21.25px !important
}

h5 {
    font-size: 18.0625px !important
}

h6 {
    font-size: 15.35313px !important
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Cabin",Helvetica,Arial,Verdana,sans-serif;
    color: #3a3a3a !important
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, label, .datafield span, .datafield div {
    font-size: 17px;
    line-height: 26px
}

@media only screen and (min-width: 1121px) {
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, label, .datafield span, .datafield div {
        font-size: 17px
    }
}

body {
    font-size: 17px !important;
    font-family: "Cabin",Helvetica,Arial,Verdana,sans-serif;
    background: #007 url("../images/cupe3902-bg-pattern.png");
    color: #888;
    -webkit-font-smoothing: initial !important
}

@media only screen and (min-width: 1121px) {
    body {
        font-size: 17px !important
    }
}

a {
    color: #d0021b
}

    a:hover {
        color: #d0021b
    }

.button:not(.buttonloading), .button.button-edit:not(.buttonloading) {
    background: #F4524D !important;
    border: 0 !important;
    font-family: "" !important;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff !important;
    border-radius: 5px !important;
    text-align: center !important;
    padding: 14px 20px !important;
    font-family: "Cabin",Helvetica,Arial,Verdana,sans-serif !important;
    opacity: .95;
    transition: all .2s
}

    .button:hover, .button.button-edit:hover {
        background: #F4524D !important;
        opacity: 1
    }

.row {
    width: 1440px;
    max-width: 100%
}

    .row#content_body {
        padding-top: 0;
        padding-bottom: 120px;
        background: white
    }

        .row#content_body > .twelve.columns {
            padding: 0
        }

    .row.header {
        width: 100%
    }

header.header_wrapper {
    max-width: 1440px;
    margin: 0 auto;
    background: white;
    height: auto !important
}

    header.header_wrapper:before {
        content: '';
        width: 100%;
        height: 44px;
        display: block;
        background: #000077
    }

@media all and (min-width: 1121px) {
    header.header_wrapper .logo {
        margin-bottom: -37px
    }
}

header.header_wrapper .logoimage {
    background: url("../images/cupe3902-logo.png") center center no-repeat !important;
    background-size: contain !important;
    width: 177px;
    display: inline-block;
    text-align: center;
    height: 30px;
    margin-top: 19px;
    margin-left: 34px
}

@media all and (min-width: 1121px) {
    header.header_wrapper .logoimage {
        background: url("../images/cupe3902-logo.png") center center no-repeat !important;
        height: 50px;
        width: 154px
    }
}

@media all and (min-width: 1121px) {
    header.header_wrapper .userinfo {
        margin-top: -34px;
        margin-right: 18px;
        color: white
    }
}

header.header_wrapper .userinfo .logoutlink {
    font-weight: 600
}

header.header_wrapper .nav-utility {
    margin-top: 0px !important
}

p + br {
    display: none
}

    p + br + br {
        display: none
    }

h2.treetype {
    font-size: 130% !important;
    line-height: 150%
}

p img {
    margin: 0
}

img[align='left'] {
    display: block;
    float: left;
    margin: 0 1em 1em 0
}

img[align='center'] {
    display: block;
    margin: .5em auto
}

img[align='right'] {
    float: right;
    display: block;
    margin: 0 0 1em 1em
}

#content_nav {
    font-family: "Alegreya Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #3a3a3a;
    max-width: 1440px;
    margin: 0 auto
}

@media all and (min-width: 1121px) {
    #content_nav {
        margin-top: -39px;
        padding-bottom: 19px;
        background: white
    }
}

#content_nav .mobile_menu {
    padding-left: 0
}

@media all and (max-width: 639px) {
    #content_nav ul li {
        min-height: auto;
        line-height: 1.2em
    }
}

#content_nav nav {
    background: white
}

@media all and (min-width: 640px) {
    #content_nav nav > ul {
        -js-display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        justify-content: flex-end;
        margin-right: 1.618em !important;
        flex-wrap: wrap
    }
}

.login #content_nav nav {
    border-top: 0
}

#content_nav nav a.parent-current {
    color: #d0021b !important
}

#content_nav nav > ul {
    margin-right: 0
}

    #content_nav nav > ul ul {
        background: rgba(45,45,45,0.97);
        padding: 10px 0
    }

        #content_nav nav > ul ul a {
            color: white;
            padding-left: 0;
            text-transform: capitalize;
            font-size: 14px;
            font-family: "Cabin",Helvetica,Arial,Verdana,sans-serif !important;
            font-weight: 400 !important
        }

            #content_nav nav > ul ul a:after {
                display: none
            }

            #content_nav nav > ul ul a:hover {
                color: #d0021b
            }

#content_nav nav li {
    border: none;
    background: none !important;
    box-shadow: none !important
}

    #content_nav nav li .downarrow {
        display: none
    }

    #content_nav nav li.haschildren {
        position: relative
    }

        #content_nav nav li.haschildren .downarrow {
            display: block;
            position: absolute;
            right: 4px;
            top: 0;
            width: 30px;
            height: 30px;
            background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='%233a3a3a' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E") no-repeat;
            background-position: 0 6px !important
        }

@media all and (min-width: 640px) {
    #content_nav nav li.haschildren .downarrow {
        height: 40px
    }
}

@media all and (max-width: 639px) {
    #content_nav nav li.haschildren .downarrow {
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='%23d0021b' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E") no-repeat
    }

    #content_nav nav li.haschildren {
        background: url(../../../images/icons/downwhite.png) top 10px left 10px no-repeat !important;
    }
}

#content_nav nav li.haschildren:hover .downarrow {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='%23d0021b' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E") no-repeat
}

#content_nav nav li:hover {
    background: "" !important
}

#content_nav nav li a {
    color: #3a3a3a;
    padding-left: 9px;
    font-size: 17px;
    line-height: 21px;
    font-weight: 500 !important;
    text-decoration: none
}

    #content_nav nav li a:hover {
        color: #d0021b
    }

@media all and (min-width: 640px) {
    #content_nav nav li a:after {
        display: block;
        content: '';
        width: 0;
        background: #d0021b;
        height: 2px;
        transition: width .3s ease
    }

    #content_nav nav li a:hover:after {
        height: 2px;
        width: 100%
    }
}

#content_nav nav li a.current {
    color: #d0021b
}

    #content_nav nav li a.current:after {
        display: block;
        content: '';
        height: 2px;
        width: 100%;
        background: #d0021b
    }

@media all and (max-width: 639px) {
    #content_nav nav > ul {
        background: #3a3a3a;
        padding: 8px 0
    }

        #content_nav nav > ul ul {
            padding-left: 0.5em !important
        }

        #content_nav nav > ul > li {
            min-height: 30px
        }

            #content_nav nav > ul > li a {
                padding-top: 5px;
                padding-bottom: 5px;
                line-height: 30px
            }

                #content_nav nav > ul > li a.current:after {
                    display: none
                }

        #content_nav nav > ul li a {
            color: white
        }
}

#content_wrapper {
    background: none
}

    #content_wrapper .shadedpanel {
        background: #fff !important;
        border-radius: 0px !important;
        border: 0px;
        box-shadow: 0 0 0 transparent
    }

    #content_wrapper .panel h4.head-icon-yourinfo, #content_wrapper .panel h4.head-icon-quickcontacts {
        padding-left: 0;
        background: none
    }

    #content_wrapper .postarticle h3 {
        font-size: 18px !important
    }

    #content_wrapper .postdocument h2 {
        font-size: 25px !important
    }

    #content_wrapper .postcontent {
        margin-bottom: 27.506px;
        text-align: justify
    }

        #content_wrapper .postcontent img {
            float: left;
            display: inline-block;
            margin: .5em .8em .5em 0
        }

    #content_wrapper .datafield span, #content_wrapper .datafield div {
        padding-left: .5em
    }

    #content_wrapper .relateddocuments {
        margin-left: 0 !important
    }

        #content_wrapper .relateddocuments ul {
            margin-left: 0 !important;
            margin-top: .5em
        }

table.dataTable {
    border-bottom: 1px solid #ddd !important
}

    table.dataTable th {
        border-bottom: 1px solid #ddd !important
    }

input {
    border-radius: 0 !important
}

.alwayslabel {
    background: #888;
    padding-left: 5px;
    border-radius: 0
}

label {
    margin-bottom: 18px
}

footer {
    background: url("../images/cupe3902-binding-dark.gif") repeat #3a3a3a !important;
    max-width: 1440px;
    margin: 0 auto
}

    footer #footer {
        border: 0;
        margin-top: 0
    }

        footer #footer div {
            font-size: 12px
        }

        footer #footer .copyright {
            color: white
        }

            footer #footer .copyright a {
                color: #d0021b
            }

                footer #footer .copyright a:hover {
                    color: #d0021b
                }

.eventcalendar .day {
    padding: 3px 5px
}

    .eventcalendar .day .eventcalendarlink:not([title='']) {
        color: #d0021b;
        background: #eae9e5;
        padding: 8px 0;
        line-height: 1.2em;
        margin: 5px 0;
        display: block;
        border-radius: 4px;
        text-align: center;
        font-size: 90%
    }

        .eventcalendar .day .eventcalendarlink:not([title='']):hover {
            text-decoration: none;
            opacity: .8
        }

.eventcalendar .eventcalendardetails {
    background: none
}

    .eventcalendar .eventcalendardetails .availableevent {
        border-radius: 0;
        background: none
    }

        .eventcalendar .eventcalendardetails .availableevent .headline {
            color: #d0021b
        }

.eventdetails .overflow.bar {
    background: none;
    border: 0
}

    .eventdetails .overflow.bar .wizardbutton {
        margin-left: 14px;
        line-height: 13px !important
    }

.eventdetails .topbar {
    border: 0
}

.wizardbutton {
    margin-left: 14px !important;
    line-height: 13px !important
}

.eventpage {
    border: 0
}

.login #content_wrapper {
    background: none !important;
    background-size: cover
}

.login .smallfont {
    margin-top: 1em
}

.login .loginimage {
    display: none !important
}

.login .logo {
    margin-bottom: 0 !important
}

@media only screen and (min-width: 1121px) {
    header .logoimage {
        display: block;
        width: 330px;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media only screen and (min-width: 1121px) {
    header .logoimage {
        margin-top: 45px;
        margin-bottom: 15px
    }
}

div[data-controlname='divMain'] {
	min-height: 100px;
}