.note_container { border-radius: 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 10px; font-family: tahoma; font-size: 12px; width: 250px; }
.note_close { height: 16px; width: 16px; background: url(close.png) no-repeat; position: absolute; right: 5px; top: 0px; cursor: pointer; }

.note_info { border: 1px solid #57A5CA; background-color: #C3E6F7; }
.note_icon_info { background: url(info.png) no-repeat; width: 32px; height: 32px; margin-right: 10px; }
.note_text_info { margin-top: 2px; color: #333333; max-width: 200px; }

.note_warning { border: 1px solid #E4BC0B; background-color: #F9EBAF; }
.note_icon_warning { background: url(warning.png) no-repeat; width: 32px; height: 32px; margin-right: 10px; }
.note_text_warning { margin-top: 2px; color: #333333; max-width: 200px; }

.note_confirm { border: 1px solid #5A9F2D; background-color: #CCF9AF; }
.note_icon_confirm { background: url(confirm.png) no-repeat; width: 32px; height: 32px; margin-right: 10px; }
.note_text_confirm { margin-top: 2px; color: #333333; max-width: 200px; }

.note_error { border: 1px solid #AC3434; background-color: #F7BCBC; }
.note_icon_error { background: url(error.png) no-repeat; width: 32px; height: 32px; margin-right: 10px; }
.note_text_error { margin-top: 2px; color: #333333; max-width: 200px; }