#Greeting {
    padding: 4px;
}
#notificationDrawer
{
    background-color: rgba(250,250,250,0.95);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-sizing: border-box;
    height: 100%;
    overflow-y:scroll;
    padding: 0px 12px;
    position: fixed;
    right: -320px;
    top: 0px;
    width: 320px;
    z-index: 10;
}

#notificationDrawer a { background-color: rgb(221,221,221); border-radius: 4px; color: white; cursor: pointer; font-size: 6pt; font-weight: bolder; padding: 2px 4px;}
#notificationDrawer a:hover { color: rgb(69, 69, 69); }

#notificationDrawer h1
{
    font-weight: lighter;
    margin: 24px 0px 16px 0px;
}

#notificationDrawer>h1>div
{
    background: url('/style/images/button/close.png') center center no-repeat;
    background-size: cover;
    cursor: pointer;
    float: right;
    height: 32px;
    margin: 8px;
    width: 32px;
}
#notificationList .card { background: rgb(221,221,221); border-radius: 4px; font-size: 8pt; margin: 4px 0px; padding: 4px; }
#notificationList .card .date { font-size: 7pt; font-weight: bold; text-align: right;}
#notificationList .card .subject { font-weight: bold; }
#ProfileContainer .icon { background-image:url(/style/images/profile.png); }