.note{height:200px; padding:10px; width:150px; position:absolute; overflow:hidden; cursor:move; font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif; font-size:16px; -moz-box-shadow:2px 2px 0 #DDD; -webkit-box-shadow:2px 2px 0 #DDD; box-shadow:2px 2px 0 #DDD; text-align:left}

#fancy_ajax .note{cursor:default}

.yellow{background-color:#FDFB8C; border:1px solid #DEDC65}

.blue{background-color:#A6E3FC; border:1px solid #75C5E7}

.green{background-color:#A5F88B; border:1px solid #98E775}

span.data{display:none}

#addButton{position:absolute; right:0px}
#delButton{position:absolute; right:75px}

a.green-button, a.green-button:visited{color:black; display:block; font-size:10px; font-weight:bold; height:15px; padding:6px 5px 4px; text-align:center; width:60px; text-shadow:1px 1px 1px #DDD; background:url(img/button_green.png) no-repeat left top}

a.green-button:hover{text-decoration:none; background-position:left bottom}

.author{bottom:10px; color:#666; font-family:Arial,Verdana,sans-serif; font-size:12px; position:absolute; right:10px}

#main{position:relative; width:100%; height:500px; z-index:10; background:url(img/add_a_note_help.gif) no-repeat right top}

h3.popupTitle{border-bottom:1px solid #DDD; color:#666; font-size:24px; font-weight:normal; padding:0 0 5px}

#noteData{height:350px; width:350px; margin-top:30px; margin-right:0; margin-bottom:0; margin-left:200px}

.note-form label{display:block; font-size:10px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding-bottom:3px}

.note-form textarea, .note-form input[type=text]{background-color:#FCFCFC; border:1px solid #AAA; font-family:Arial,Verdana,sans-serif; font-size:16px; height:60px; padding:5px; width:300px; margin-bottom:10px}

.note-form input[type=text]{height:auto}

.color{cursor:pointer; float:left; height:10px; margin:0 5px 0 0; width:10px}

#note-submit{margin:20px auto}