#tmpn {
    position: absolute; opacity: 0; z-index: -1; bottom: -9999999px; right: -9999999px;
}
/**Notification Bubble **/
.notification-bubble {
    height: 18px; width: 18px; background: #f56c7e; background:linear-gradient(#FBA6B1, #db6575); position: absolute; right: -7px; top: -12px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); text-align: center; line-height: 16px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2); border-radius: 9px; font-weight: bold; cursor: pointer; display: none; transition: all 0.1s ease;
}
.notification-bubble.show {
    display: block;
}
/** Notification List **/
.notification-list-wrapper {
    display: none; opacity: 0; width: 260px; background: #FBFBFB; padding: 0; border: 1px solid #d9d9d9; border-radius: 4px; position: absolute; z-index: 1; }
.notification-list-wrapper:before, .notification-list-wrapper:after {
    content: ''; position: absolute; left: 50%; margin-left: -15px; border-top: 0 none; border-bottom: 20px solid; border-left: 15px solid transparent; border-right: 15px solid transparent;
}
.notification-list-wrapper:before {
	top: -20px; border-bottom-color: #d9d9d9;
}
.notification-list-wrapper:after {
	top: -18px; border-bottom-color: #FBFBFB;
}
.notification-list {
    list-style: none; padding: 0 5px; clear: both; text-align: left; margin: 5px 0;
}
.notification-list-item {
    color: #666; padding: 6px; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; position: relative; cursor: pointer; transition: all 0.3s ease; height: 16px;
}
.notification-list-item:first-child {
    border-top: none;
}
.notification-list-item:last-child {
    border-bottom: none;
}
.notification-list-item:hover + .notification-list-item {
    border-top: 1px solid transparent;
}
.notification-list-item .message {
    display: block; white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis;
}
.notification-list-item .message A:link{
	font-family: inherit; font-size: 11px;
}
.notification-list-item .close {
    color: #ccc; cursor: pointer; position: absolute; top: 6px; right: 12px; height: 14px; width: 14px; line-height: 14px; text-align: center; display: none; z-index: 1;
}
.notification-list[data-type=unread] .close {
    display: block;
}
.notification-list-item .close:after {
    position: relative; display: block; content: 'x'; left: 0px; height: 14px; width: 14px; z-index: 0
}
.notification-list-item .close:hover {
    color: #888; text-shadow: 0 1px 0 #fff;
}
.notification-list-item.show-icon .icon {
    display: block; height: 16px; width: 16px; float: left; margin-right: 6px;
}
.notification-list-item img {
    height: 16px; width: 16px;
}
.notification-list-item.show-icon .message {
    width: 160px; float: left;
}
.empty-list {
    text-align: center; font-style: italic;
}
/** Modal Notification **/
.ttw-notification.modal {
    padding: 24px;
}
.ttw-notification.modal .icon {
    display: none;
}
.ttw-notification.modal.show-icon .icon {
    display: block; height: 43px; width: 43px; float: left; background-position: center top !important;
}
.ttw-notification.modal img {
    display: none;
}
.ttw-notification.modal .message {
    width: 302px; color: #777; float: left; font-size: 14px; position: relative; top: 2px;
}
.ttw-notification.modal.show-icon .message {
    width: 245px; margin-left: 12px; min-height: 40px;
}