/*Notes*/
.NoteWidgetIcon{
	font-size:14px;
	padding:10px;
	cursor:pointer;
}
.NoteWidget,.order .NoteWidget{
	position:absolute;
	z-index:100;
	box-shadow:1px 1px 5px #000;
	padding:5px;
	background:#FFF;
	font-size:14px;
	width:275px;
}
.NoteWidget div,.order .NoteWidget div{
	width:auto;
}
.NoteWidget h2{
	font-size:125%;
	margin:0px;
	padding:0px 0px 10px;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
	text-align:center;
}
.NoteWidget .note{
	border:1px solid #CCC;
	border-radius:5px;
	margin:5px 0px;
}
.NoteWidget .heading div.Delete{
	float:right;
	text-align:right;
	cursor:pointer;
}
.NoteWidget .heading{
	overflow:hidden;
	font-size:75%;
	background-color:#e6e6e6;
	padding:2px;
}
.NoteWidget .heading div{
	float:left;
}
.NoteWidget .heading div.Date{
	width:110px;
}
.NoteWidget .note .content{
	padding:10px;
}
.NoteWidget .close{
	clear:both;
	padding:5px 0px;
	text-align:right;
}
span.button{
	padding:2px 4px;
	border:1px solid #CCC;
	line-height:125%;
	border-radius:3px;
	cursor:pointer;
}
span.button:hover{
	background:#f2f2f2;
}
.addNote textarea{
	font-size:110%;
	height:50px;
	width:100%;
}
/*Forced Note*/
#theHaze{
	background:rgba(0,0,0,.5);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#theHaze .dialog{
	margin:300px auto;
	width:480px;
	padding:25px;
	background:#FFF;
	box-shadow:0px 2px 5px #000;
	border-radius:5px;
}
.notBlank textarea,.notBlank input,.notBlank select{
	border-color:red;
}
.notBlank:after{
	content:'This field cannot be left blank.';
	display:block;
	font-weight:bold;
	color:red;
}