/* CSS Document */
.notification-fixer{
	position:fixed;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:4;
}


.notification-drag{
	background-image:url(dragger.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	z-index:5;
	border-right:1px solid #CCC;
	padding-left:2px;
	padding-right:2px;
	background-color:#d0ddfc;
	transition: width 0.2s;
}

.notification-pane{
	background-color:#F9F9F9;
	z-index:4;
	background-image:url(notification.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.notification-drag{
	width:1px !important;
	right:0px !important;
}

.notification-drag,.notification-pane{
	width:1px;
	right:0px;
	position:absolute;
	height:100%;
	
}

.notification-drag:hover,.notification-drag.clicked{
	width:15px !important;
	transition: width 0.2s;
}

.notification-pane .notification-row{

	border-bottom:1px solid gray;	
	font-family:Georgia, "Times New Roman", Times, serif;
	background-repeat:no-repeat;
	background-color:#E1E1E1;
	font-size:12px;
	font-weight:bold;
	height:80px;
	display:table;
	width:100%;
	min-width:20px;
	cursor:pointer;
}

.notification-pane .notification-row .icon{
	background-repeat:no-repeat;
	width:60px;
	height:100%;	
	display:table-cell;
	background-color:#5C9CCC;
	background-position:center center;
}

.notification-pane .notification-row .msgbox{
	display:table-cell;
	padding-left:10px;
	padding:5px;
}

.notification-pane .notification-row .title{
	line-height:25px;	
}

.notification-pane .notification-row .message{
	font-size:0.9em;
	font-weight:normal;	
}




.notification-drag:hover{
	background-color:#E17009;
}


.notification-pane .notification-rows{
	overflow-y: auto;
	height:100%;
	width:0px;
	overflow-x:hidden;
}

.notification-row .delete {
    background-color: #f00;
    border: 1px solid red;
    border-radius: 8px;
    color: #fff;
    float: right;
    height: 16px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0;
    text-align: center;
    width: 16px;
}

.notification-row .delete:hover{
	background-color:#FFF;
	color:#F00;	
	cursor:pointer;
}

z