.stickynote {
     position:absolute;
     display:block;
     border-radius:2px;
     -moz-border-radius:2px;
     -webkit-border-radius:2px;
     padding:10px;
     padding-bottom:19px;
     z-index:2;
}

.stickynote .shadow {
    width: 100%;
    display:block;
    height:9px;
    background:url('../img/stickyadd-right.png') right top no-repeat;
    position:absolute;
    bottom:-9px;
    right:0px;
    clear:both;
    overflow:hidden;
}


.stickynote .sticky_editor {
    text-align:center;
    display:none;
    overflow:hidden;
    clear:both;
    width: 24px;
    height:100%;
    position:absolute;
    left:-24px;
    top:0px;
    background:#FFF;
    -webkit-box-shadow: -4px 0px 6px rgba(50, 50, 50, 0.19);
    -moz-box-shadow:    -4px 0px 6px rgba(50, 50, 50, 0.19);
    box-shadow:         -4px 0px 6px rgba(50, 50, 50, 0.19);
}

.stickynote .thrash {
    width:16px;
    height:16px;
    display:block;
    float:left;
    background:url('../img/thrash.png') center no-repeat;
    cursor:pointer;
    padding:12px;
}

.stickynote .hide {
    width:16px;
    height:16px;
    display:block;
    float:left;
    background:url('../img/hide.png') center no-repeat;
    cursor:pointer;
    padding:12px;
}

.stickynote .edit {
    width:16px;
    height:16px;
    display:block;
    float:left;
    background:url('../img/edit.png') center no-repeat;
    cursor:pointer;
    padding:12px;
}

.addstickynote{
    cursor:move;
    background:#fcea92; padding:10px; -moz-border-radius:2px; -webkit-border-radius:2px; -border-radius:2px; display:block;
    width:200px; height:150px; position:absolute; z-index:9999;
}

.addstickynote .shadow {
    width: 100%;
    display:block;
    height:9px;
    background:url('../img/stickyadd-right.png') right top no-repeat;
    position:absolute;
    bottom:-9px;
    right:0px;
    clear:both;
    overflow:hidden;
}

.stickynote .close, .addstickynote .close {
    background:url('../img/close.png') no-repeat top;
    height:24px;
    width:24px;
    display:block;
    clear:both;
    overflow:hidden;
    position:absolute;
    top:-9px;
    right:-9px;
    cursor:pointer;
}

.stickynote .accept, .addstickynote .accept {
    background:url('../img/accept.png') no-repeat top;
    height:24px;
    width:24px;
    display:block;
    clear:both;
    overflow:hidden;
    position:absolute;
    top:-9px;
    left:-9px;
    cursor:pointer;
}

.stickynote .fontcolor, .addstickynote .fontcolor {
    background:url('../img/font-color.png') no-repeat 0px 3px;
    height:20px;
    width:16px;
    overflow:hidden;
    float:left;
    display:inline-block;
    margin-left:10px;  
}

.stickynote .bgcolor, .addstickynote .bgcolor {
    background:url('../img/bg-color.png') no-repeat 0px 3px;
    height:20px;
    width:16px;
    overflow:hidden;
    float:left;
    display:inline-block;
}


@media (max-width: 667px) {
    .stickynote {
        left:10px!important;
        top:100px!important;
        max-width:100%!important;
    }
    .sticky_editor {
        position:relative!important;
        left:0px!important;
        box-shadow:none!important;
        width:100%!important;
        height:20px!important;
        display:block!important;
        background:none!important;
        overflow:visible!important;
    }
    .sticky_editor span {
        padding:20px!important;
        display:inline-block!important;
        background-color:#FFF!important;
        margin-right:10px;
        border-radius:10px!important;
        margin-top:10px!important;
    }
}