div#portalheader-container {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    height: 40px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20;
}

div#navigation-container {
    margin: 10px auto;
    width: 790px;
}
    div#navigation-container > ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    div#navigation-container > ul > li {
        margin: 0 10px;
        float: left;
        white-space:nowrap;
        display: block;
    }

    div#navigation-container > ul > li:empty {
            display: none;
        }

    div#navigation-container > ul > li > a, .navigation-menu-item {
        color: #333F48;
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
    }

        div#navigation-container > ul > li > a:hover, .navigation-menu-item:hover {
            color: #D50032;
        }

div#pageheader-right {
    position: absolute;
    right: 0;
    top: 0;
}

div#user-control-panel {
    position: relative;
    float: right;
}
div#notification-panel {
    position: relative;
    float: right;
}

a.ucp-no-link {
    text-decoration: none;
    color: #333F48;
}

a.ucp-no-link:visited {
    text-decoration: none;
    color: #333F48;
}

div#ucp-container {
    border-left: 1px solid #CCCCCC;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    cursor: pointer;
    height: 36px;
}
    div#ucp-container a {
        color: #333F48;
        text-decoration: none;
    }

    div#ucp-container a:hover {
        color: #333F48;
    }

    div#ucp-container a:visited {
        color: #333F48;
    }

    
    div.user-image-div {
        width: 32px;
        height: 32px;
        background-color: #ccc;
        display: block;
        float: left;
        border-radius: 17px;
        overflow: hidden;
        border: solid 1px #ccc;
    }

    div.user-name-div {
        float: left;
          margin-left: 4px;
          margin-top: 6px;
    }
    div#ucp-container img {
        max-width: 32px;
        max-height: 32px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

div#ucp-content {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    position: absolute;
    right: 5px;
    top: 52px;
    display: none;
    white-space: nowrap;
}

    div#ucp-content img {
        position: absolute;
        right: 7px;
        top: -11px;
    }

div.ucp-content-block {
    padding: 5px 25px 5px 5px;
}

    div.ucp-content-block a {
        color: #333F48;
        font-weight: bold;
        margin-left: 8px;
        margin-right: 8px;
        text-decoration: none;
    }

        div.ucp-content-block a:hover {
            color: #D50032;
        }

span.ucp-username-label, span.ucp-email-label {
    margin-left: 8px;
    margin-right: 8px;
}

/* Notification panel */
div#notification-container {
    float: right;
    margin-top: 15px;
    cursor: pointer;
}

div#notification-content {
    width: 360px;
    min-height: 35px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    position: absolute;
    right: 5px;
    top: 52px;
    display: none;
}

div#notification-content img {
    position: absolute;
    right: 10px;
    top: -11px;
}

div#navigation-container a.inactive {
    color: #CCCCCC;
    cursor: not-allowed;
}

div#navigation-container a.active {
    color: #D50032;
}

div.notification-item {
    position: relative;
    height: 85px;
}

div.notification-item:hover {
    background-color: #F5F5F5;
}

div.notification-item-alerting {
    width: 30px;
    float: left;
}

span.notification-title {
    margin-left: 8px;
    color: #333F48;
    font-weight: bold;
}

/*div.separator-top {
    margin-top: 0;
    padding-top: 0;
}*/

div#notification-items img {
    position: static;
    padding-bottom: 5px;
    padding-top: 5px;
}

span.notification-nr {
    color: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 20px;

    background-color: #D50032;
    /*border: 2px solid #D50032;*/
    border-radius: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

span.notification-top-nr {
    color: #FFFFFF;
    position: relative;
    right: 10px;
    top: -9px;
    float: right;

    background-color: #D50032;
    border-radius: 25px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

span.notification-top-nr-hidden {
    visibility: hidden;
}

div.notification-spacer {
    margin-top: 8px;
}

div.notification-toolbar {
    float: right;
    height: 85px;
    width: 20px;
    /*display: none;*/
}

input.notification-delete {
    padding-top: 20px;
}

div#navigation-container a.inactive:hover {
    color: #cccccc;
}

div.notification-content {
    width: 275px;
    float: left;
    padding-left: 30px;
}

div#notification-items {
    margin-top: 15px;
}