.floatNotificationContainer 
{
    background-color: #0B90C4;
    border-radius: 5px 5px 5px 5px;
    opacity: 0.9;
    bottom: 34px;
    right: 20px;    
    width: 310px;
    z-index: 100; 
    
    display: block;
    height:90px;
    padding-top:7px;
    margin-top:10px; 
    position:relative;     
}

.floatNotificationContainer .settings_link 
{
    position: absolute;
    right: 5px;
    top: 5px;
}

.floatNotificationCloseButton 
{    
    left: 4px;
    width: 11px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkREQ0RERkNFQUQ5MzExRTJBOUEzRUEyNkUzRTkxRjNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkREQ0RERkNGQUQ5MzExRTJBOUEzRUEyNkUzRTkxRjNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RERDRERGQ0NBRDkzMTFFMkE5QTNFQTI2RTNFOTFGM0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RERDRERGQ0RBRDkzMTFFMkE5QTNFQTI2RTNFOTFGM0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7WbKkeAAAA3klEQVR42mL4//8/AxRzAnEjEF/9DwEfgHgvELvC1MAU8gPx+f+4QRGy4qUgkccbKv7fmRMGlv14fc//cyXC/3+8vgvi/gFiM5BCOSgHDK52mP5/vrPz/6U6lf/vzq5GNn0pSLE3ssjXh2f+n85i+v9gWTq6U24wMaCBn2/uQ+l76FLMIMWXYby/394zPNlYyaCWu4vhz7cPDC92dSErPgXz4EaQPSDPgTwJAiCPgZwDchYU2MMUi4LchCfoGpGDDhYpvUD8GUkRKII8YGoYwTowgRYQvwDid8iCAAEGAOhKSx1DKnfGAAAAAElFTkSuQmCC);
    cursor: pointer;
    margin-bottom: 2px;
    
    margin-left: 3px;
    display: block;
}

.floatNotificationNotifcationsList  
{
    background-color: #0B90C4;
    padding: 6px;    
    overflow: auto;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;   
}

.floatNotificationNotifcationsList a 
{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNERjI3QTU1QUQ5MzExRTI4NTI2QUQ2QTQ5RTRCMkFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNERjI3QTU2QUQ5MzExRTI4NTI2QUQ2QTQ5RTRCMkFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0RGMjdBNTNBRDkzMTFFMjg1MjZBRDZBNDlFNEIyQUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0RGMjdBNTRBRDkzMTFFMjg1MjZBRDZBNDlFNEIyQUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6EvjU2AAAAkElEQVR42mJ8VC/ay8DAUMRAOehjBBr2B8hgpoJhf5moZBAIMDMxUBGwwBgSNc/JNuRFiySYBoXZ/1GXDZzLqJo0qG7YdyqZ9R0UAelAnI9HkTGU/gLEN/GomwiKAHy2OQHxXiB+BMQ+QHyZkjDLBOJTQGxOyCCUdIYFSICKFSB2IDZc8RkGKpoiSIkBgAADAM9sJbS4gXQpAAAAAElFTkSuQmCC') no-repeat scroll right top transparent;
    background-position-y: 8px;
    padding-right: 24px;
    text-decoration: none;
    color: White;
    min-height: 35px;
    text-align: right !important;
    display: block;
}

.floatNotificationNotifcationsList time
{
    display: block;
    float: left;
    color: white;
    opacity: 0.7;
}

.floatNotificationNotifcationsList .unseen
{ 
    background-color: #157397;
}

.notificationsHistoryContainer 
{
    height:300px;
}         

#scrollnotifications
{ 
    height:270px;
    overflow:hidden; 
    overflow-y:scroll;
}

#scrollnotifications::-webkit-scrollbar 
{
    width: 6px;
}

#scrollnotifications::-webkit-scrollbar-track 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 4px;
}

#scrollnotifications::-webkit-scrollbar-thumb 
{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}