﻿/********************************/
/*		Resident Profile		*/
/********************************/
.scrollableInnerContainer {
    width: 100%;
}

.rpResProfileModalBase {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}
.rpResProfileModalBackground
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000000;
    z-index: 151;
    filter: alpha(opacity=70);
    opacity: 0.7; }

.rpResProfileStage {
    display: inline-block;
    z-index: 251;
    position: relative;
    top: 20px;
    max-width: 1264px;
    width: 90%;
    height: 92%;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(223,241,247,1) 12%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    border-radius: 16px;
}

.rpResProfileCancelBtn
{
    z-Index: 252;
    position: absolute;
    bottom: 10px;
    left: 50%;
}

.rpResProfileNameCallout {
    z-Index: 252;
    width: 92%;
    margin-top: 35px;
    padding-left: 20px;
    height: 180px;
    border-radius: 0 16px 16px 0;
    box-shadow: 0 0 10px grey;
}

.resInfoContainer {
    text-align:left;
    padding-top:20px;
}

.rpResProfileResNameButton
{
    z-Index: 253;
    width:335px;
    height:73px;
}

.rpResProfileResName
{
    z-Index: 253;
    font-size: 24px;
    color: #333333; 
    display:inline-block;
    padding-left:20px;
    margin-top:20px;
    background: url()
}

.rpResProfileEpsID
{
    z-Index: 253;
    font-size: 18px;
    color: #1CA3E2;
    padding-left: 20px;
}

.rpResProfileResRoom {
    z-Index: 253; 
    font-size: 18px; 
    color: #1CA3E2;
    padding-left:20px;
}

.rpResProfileAdmitDate {
    z-Index: 253; 
    font-size: 18px; 
    color: #1CA3E2;
    padding-left: 20px;
}

.rpAlertText {
    color: #8C0000;
    font-weight: bold;
}

.rpResProfileMenuButtonContainer {
    z-index:253; 
    clear: both;
    float: right;
    padding-right: calc(8% - 20px);
    text-align:left;
}

.rpResProfile_ResInfo_Hdr
{
    color: #333333;
    font-size: 18px;
    white-space:nowrap;
    }
.rpResProfile_ResInfo_Dtl { color: #006699; font-size: 18px; font-weight: bold; }
.rpResProfile_ResInfo_Alert {color: #8C0000;}

/**********************/
/**  Resident Image  **/
/**********************/
.rpResImageBase
{
    position:absolute;
    top:  57px;
    left: 950px;
    z-index:253;
}

.resImageContainer {
    float: right;
}

.rpResProfileResImage
{
    z-index: 250;
    width:  150px;
    height: 150px;
    padding: 15px;
}

.rpResImgBorder_Top_Left
{
    position:absolute;
    top: 0px;
    left:0px;
    width: 22px;
    height: 22px;
    background-image: url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_upper_left.png);
    background-position: top left;
    background-repeat:no-repeat;
    z-index: 254;
}

.rpResImgBorder_Top_right
{
    position:absolute;
    top: 0px;
    right: 0px;
    width: 22px;
    height: 22px;
    background-image: url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_upper_right.png);
    z-index: 254;
}

.rpResImgBorder_Bottom_Left
{
    position:absolute;
    bottom: 0px;
    left:0px;
    width:22px;
    height:22px;
    background-image:url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_bottom_left.png);
    z-index: 254;
}

.rpResImgBorder_Bottom_Right
{
    position:absolute;
    bottom: 0px;
    right: 0px;
    width:22px;
    height:22px;
    background-image:url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_bottom_right.png);
    z-index: 254;
}
.rpResImgBorder_Bottom_Line
{
    position:absolute;
    bottom: 0px;
    left:22px;
    height:22px;
    width: 136px;
    background-image:url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_bottom_line.png);
    z-index: 254;
}
.rpResImgBorder_Top_Line
{
    position:absolute;
    top: 0px;
    left:22px;
    height:22px;
    width: 136px;
    background-image: url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_top_line.png);
    z-index: 254;
}
.rpResImgBorder_Left_Line
{
    position:absolute;
    top: 22px;
    left:0px;
    width:22px;
    height:136px;
    background-image:url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_left_line.png);
    z-index: 254;
}

.rpResImgBorder_Right_Line
{
    position:absolute;
    top: 22px;
    right: 0px;
    width:22px;
    height: 136px;
    background-image:url(../Images/ResModalOverview/ResImageBorder/ResImageBorder_right_line.png);
    z-index: 254;
}

/********************************/
/*   Resident Profile Changes   */
/********************************/
.rpcTitle
{
    color: #1CA3E2;
    font-size: 20px;
    font-weight: bold;
    }

.rpcText {
    background-color:White;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    color:Black;
}

.rpcHeader
{
    white-space:nowrap;
    }

.rpcDetail
{
    }

.rpcNewText
{
    }

.rpcRemovedText
{
    color:Gray;
    }

.rpcAlert
{
    font-weight: bold;
    color: #8C0000;
    }