.sys-notes{ 
	margin:auto;
	position: absolute;
	z-index: 1002;
}
.sys-notes-top{
	height:50px; background:url(../image/notes.png) no-repeat;
	position:relative}
.sys-notes-close{
	position:absolute; right:14px;top:10px; 
	display:block;width:20px;height:20px; 
	background:url(../image/note-icon.png) 0 -136px ;
	line-height:60px; overflow:hidden;}
	
.sys-notes-close:hover{
	background:url(../image/note-icon.png) 0 -166px ; 
	cursor:pointer}
.sys-notes-middle{ 
	min-height:200px;
	background:url(../image/notes.png) -315px 0; 
	padding:0 4px}
.sys-notes-more{ padding:15px 5px 5px;}
.sys-notes-bottom{ 
	height:20px; 
	background:url(../image/notes.png) -630px -30px}

.sys-notes-list li{ 
	border-bottom:1px solid #d8d3c5; 
	height:29px; 
	line-height:29px; 
	position:relative;
}
.sys-notes-list li:first-child{ 
	border-top:1px solid #d8d3c5}
.sys-notes-list li .sys-notes-del{ 
	display:none}
.sys-notes-list li:hover .sys-notes-del{ 
	display:block;position:absolute;top:8px;right:4px; cursor:pointer}
.sys-notes-list li span{ 
	padding:0 5px;display:inline-block;
	*zoom:1;*display:inline; height:29px; 
	border-right:1px solid #d8d3c5; 
	color:#666; 
	font-family:Verdana
}
.sys-notes-list li a{
	font-family:"微软雅黑"
}
.sys-notes-add a{
	display:inline-block;
	*zoom:1;*display:inline; height:18px; line-height:18px; 
	background:url(../image/note-icon.png) 0 -252px; 
	border:1px solid #aaa; padding-right:8px;	
	-webkit-border-radius:3px;-moz-border-radius:3px;
	border-radius:3px; color:#333; text-shadow:1px 1px #fff;}
	
.sys-notes-add a:hover{ 
	text-decoration:none; color:#08d; border-color:#7bd}


.sys-notes-page-pre,.sys-notes-page-num,.sys-notes-page-next{
	display:inline-block;*zoom:1;*display:inline;height:18px;
	min-width:20px;line-height:18px; 
	background:url(../image/note-icon.png) 0 -252px;
	border:1px solid #aaa;color:#333; 
	text-shadow:1px 1px #fff; 
	text-align:center; font-weight:bold;}
.sys-notes-page-pre{
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
	
.sys-notes-page-num{ border-width:1px 0; background:#fcfcfc;}

.sys-notes-page-next{
	-webkit-border-radius:0 3px  3px 0;
	-moz-border-radius:0 3px  3px 0;border-radius:0 3px  3px 0;}
.sys-notes-page-pre:hover,.sys-notes-page-num:hover,.sys-notes-page-next:hover{
	text-decoration:none; color:#08d;
}
.sys-notes-page-num:hover{ 
	cursor:text; color:#333;}

.sys_icon_del, .sys_icon_succ, .sys_icon_warn,.sys_icon_add{
	background:url(../image/note-icon.png) no-repeat;
	display:inline-block;*zoom:1;*display:inline;width: 16px;
	height: 18px;margin: 0 5px;overflow: hidden; 
	vertical-align:middle}	

.sys_icon_del{ background-position:-3px -71px}
.sys_icon_warn{ background-position:-3px -35px}
.sys_icon_succ{ background-position:-3px -1px;}
.sys_icon_add{ background-position:-3px -105px;}


.sys-notes-add-form{padding:5px;}
.sys-notes-add-form ul li{padding:5px;margin:0 10px}
.sys-notes-add-form ul li b{color:#333;font-weight:normal;}
.sys-notes-add-form ul li b span{ margin-left:12px;font-weight:normal;}

input{ margin: 0; vertical-align: middle; color: #114477; }

.sys-notes-bin {
	color: #333; min-width:200px;
	border: 1px solid #aaa; padding:4px 4px;vertical-align:middle;-webkit-border-radius:3px;
	-moz-border-radius:3px;border-radius:3px;
	}
.sys-notes-bin:hover,{border-color:#666 #777 #888 #555;}
.sys-notes-bin:focus {color:black; border-color: #48c; box-shadow:0px 1px 4px #92b8dd; }