.ResRibbonContainer
{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
}

.ResRibbonDiv
{
    position: relative;
    background-image: url('../Images/Ribbon/background.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    max-width: 1006px;
    height: 96px;
    display: inline-block;
}

    .ResRibbonDiv > .ResProfileContainer {
        height: 100%;
        position: relative;
    }

.rrResButton
{
    position: absolute;
    left: 10px;
    top: -5px;
}

.rrResPicture
{
    position: absolute;
    z-index:5;
    left: 38px;
    top: 12px;
    height: 62px;
    width: 62px;
}

.rrResAlerts
{
    position: absolute;
    color: #8C0000;
    font-size:18px;
    font-weight:bold;
    left: 473px;
    top: 10px;
}

.rrResName
{
    position: absolute;
    left: 118px;
    top: 15px;
    font-weight: Bold;
    font-size: 22px;
    color: white;
}

.rrResRoom
{
    position: absolute;
    left: 118px;
    top: 42px;
    font-weight: normal;
    font-size: 20px;
    color: white;
}

.rrAlertText {
    color: #8C0000;
    font-weight: bold;
}

.rrPageTitle
{
    position: absolute;
    left: 25px;
    top: 100px;
    font-weight: bold;
    font-size: 16pt;
    color: white;
}

.rrNonResidentPageTitle
{
    display:block;
    padding-top:25px;
    font-size: 22px;
    font-weight: bold;
}

.rrNonResidentPageTitle_UserScreen
{
    display:block;
    padding-top:15px;
    font-size: 26px;
    font-weight: bold;
    color: #084558;
}

.rrResRibbon_IsolationPrecautionContainer {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

.rrResRibbon_IsolationPrecautionImage {
    height: 50px;
    width: 50px;
    border-radius: 10px;
}