body.popup-notes {
    background-color: #FCF0AD;
    margin-left: 20px;
    margin-right: 20px;
}

h1 .notes-header {
    font-size: .75em;
    float: left;
}

body.popup-notes .notes-table {
    margin-left: 10px;
}

.note-who-when {
    padding-top: 5px;
}

.new-note {
    display:none;
}

.note-author {
    font-weight: bold;
}

.note-date {
    font-weight: bold;
}

.note-text {
    margin-left: 50px;
    margin-right: 20px;
}

.note-actions {
    width: 40px;
    float: left;
}

body.popup-notes a {
    border: solid;
    border-right-width: 2px;
    border-left-width: 2px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-color: transparent;
}

a.note-edit-note img {
    padding-left: 10px;
    padding-bottom: 2px;
    background: none;
    width: 15px;
}

a.note-delete-note img {
    padding-left: 10px;
    padding-bottom: 3px;
    background: none;
    width: 15px;
}

a.note-add-note img {
    padding-left: 10px;
    padding-bottom: 3px;
    background: none;
    width: 15px;
}

a.note-cancel-note img {
    padding-left: 10px;
    padding-bottom: 3px;
    background: none;
    width: 15px;
}

a.show-action {
    display: block;
}

a.hide-action {
    display: none;
}

.editable-text {
    display: none;
}

body.popup-notes .popup-add-note {
    padding-top: 5px;
    float:right;
}

body.popup-notes .popup-add-note img {
    background-color: transparent;
}

body.popup-notes .server {
    display: none;
}

body.popup-notes tfoot td {
    padding-top: 20px;
}

.popup-notes .readonly {
    display: none;
}