
html,body{width:100%;height:100%;background:none;font-family:tahoma,helvetica,clean,sans-serif;overflow:hidden; font-size:12px; }
.note{
	position:absolute;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:10;
}
.note_back{
	position:absolute;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:1;
	
}
.note-style-1{
	width:165px;
	height:165px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dzz/plugin/note/images/note_style_1.png', sizingMethod='scale');
	background-image:url(note_style_1.png) !important;
	background-image:none;
	background-repeat:no-repeat;
}
.note_note-style-1 .note-header{
	height:15px;
	line-height:15px;
	padding:0 10px;
}
.note_note-style-1 .note-header .note-header-num{
	height:15px;
	line-height:15px;
	width:50px;
	float:left;
}
.note_note-style-1 .note-header .note-header-style{
	height:15px;
	line-height:15px;
	float:right;
}
.note_note-style-1 .note-text-container{
	margin:13px 15px 5px 10px;
	overflow:hidden;
	width:143px;
}
.note_note-style-1 .note-text-container .note-text{
	 word-break:break-all;
	 width:160px;
	 height:133px;
	 overflow-x:hidden;
	 overflow-y:scroll;
	 border:none;
	 
}
.note_note-style-1 .note-text-container .note-text-area{
	display:none;
	 width:143px;
	 height:133px;
	 overflow:hidden;
}
.note_note-style-1 .note-textarea-text{
	border:none;
	width:162px;
	height:133px;
	font-size:12px;
	font-family:tahoma,helvetica,clean,sans-serif;
	background:none;
	 overflow-x:hidden;
	 overflow-y:scroll;
	  word-break:break-all;
}
#note_header_style_menu{
	position:absolute;
	background:#FFF;
	text-align:center;
	z-index:10;
	width:50px;
	border:1px solid #CCC;
	display:none;
	
}
.note-style-item{
	width:50px;
	height:20px;
	line-height:20px;
	display:block;
	text-align:center;
	cursor:pointer;
}
.note-style-item:hover{
	background:#CCC;
	color:#FFF
}

.note-style-2{
	width:236px;
	height:236px;
	background:url('note_style_2.png') no-repeat;
	_position:relative;zoom:1;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dzz/plugin/note/images/note_style_2.png', sizingMethod='crop');
}
.note_note-style-2 .note-header{
	height:25px;
	line-height:25px;
	padding:0 10px;
}
.note_note-style-2 .note-header .note-header-num{
	height:25px;
	line-height:25px;
	width:50px;
	float:left;
}
.note_note-style-2 .note-header .note-header-style{
	height:25px;
	line-height:25px;
	float:right;
}
.note_note-style-2 .note-text-container{
	margin:13px 15px 5px 10px;
	overflow:hidden;
	width:204px;
}
.note_note-style-2 .note-text-container .note-text{
	 word-break:break-all;
	 width:221px;
	 height:183px;
	 overflow-x:hidden;
	 overflow-y:scroll;
	 border:none;
	 
}
.note_note-style-2 .note-text-container .note-text-area{
	display:none;
	 width:204px;
	 height:183px;
	 overflow:hidden;
}
.note_note-style-2 .note-textarea-text{
	border:none;
	width:223px;
	height:183px;
	font-size:12px;
	font-family:tahoma,helvetica,clean,sans-serif;
	background:none;
	 overflow-x:hidden;
	 overflow-y:scroll;
	  word-break:break-all;
}