/*  sticky notes styles
*/
.note-container 
{
    background-color: white;
    opacity: 1.0;
    padding: 0;
    border-top: 1px dotted white;
    border-bottom: 1px dotted lightgray;
    border-right: 1px dotted lightgray;
}

.note-header {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 1mm;
}

.note {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    margin: 0 1mm 0 0;
    padding: 0 1mm 0 1mm;
    max-height: 15mm;
    overflow: hidden;
}

.note p 
{
    margin: 0;
    padding: 0 0 2px 0;
}

.note-private 
{
    border-left: solid 4px red;
}

.note-semiprivate 
{
    border-left: solid 4px yellow;
}

.note-public 
{
    border-left: solid 4px green;
}

.note-img {
    vertical-align: middle;
}

.note-timestamp {
    font-size: 8pt;
    color: darkblue;
    font-weight: normal;
}

.note-extra {
    display: none;
    padding: 0;
    margin: 0 0 2px 5mm;
}

.note-comments-list 
{
    margin: 0;
    padding: 0 0 0 2mm;
    list-style: none;
}

.comment {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: #404040;
    margin-bottom: 2mm;
}

.comment-user {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: darkblue;
}

.comment-timestamp {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: darkgray;
}

.add-comment {
    margin-bottom: 2mm;
}

.add-comment-text {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: blue;
}

.new-comment {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: black;
}

.add-comment-button {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.comment-textarea {
    width: 95%;
    height: 2cm;
}

.comment-img {
    vertical-align: middle;
}