/* $Id: ejpstickynote.css,v 141.0 2024/05/01 11:06:32 ddonovan Exp $ */

div.stickynote {
     border: 1px solid black;
     /*TT 16825*/
     background-color: #FFFF33;
     position: absolute;
}

div.stickynote div.header {
     border-bottom: 1px solid black;
     font-weight: bold;
     cursor: move;
     padding: 2px;
}

div.stickynote div.text {
     margin: 2px;
     overflow: auto;
}

div.stickynote div.text textarea {
     border: 1px solid black;
}

div.stickynote div.header input {
     border: 1px solid black;
}

div.stickynote div.resizeblock {
     position: absolute;
     width: 14px;
     height: 14px;
     bottom: 0px;
     right: 0px;
     cursor: se-resize;
     margin: 0px;
     padding: 0px;
}

div.stickynote div.close {
     position: absolute;
     width: 9px;
     height: 9px;
     right: 2px;
     top: 2px;
     cursor: pointer;
     margin: 0px;
     padding: 0px;

}

div.stickynote div.linkbox {
    font-size: .8em;
    position: absolute;
    bottom: 4px;
    left: 4px;
}

/* TT 30150 - allow for overriding Edit link text color in sticky note display*/
div.stickynote .sticky_note_edit_link {
     color: #000000;
}

div.stickynote div.working {
     display:none;
     position: absolute;
     left: 0px;
     top: 0px;
}


div.stickynote DIV.header > DIV.colorlabel{
    padding: 6px 0px;
}
div.stickynote DIV.header > DIV.colorlabel:empty{
    display: none;
}

div.stickynote div.colorpicker {
     width: auto;
     height: auto;
/* CT-2015-12-08-44434 */
     display: inline-block;
}

div.stickynote div.colorpicker td {
     width: 10px;
     height: 10px;
     cursor: pointer;
     font-size:0pt;
     border: 1px solid black;
}


/*TT 29817: color pick with labels, use ejpmenu display*/
div.stickynote div.colorpicker DIV.ejpmenu{
}
div.stickynote div.colorpicker DIV.ejpmenu .btn,
div.stickynote div.colorpicker DIV.ejpmenu.open .btn,
div.stickynote div.colorpicker DIV.ejpmenu .btn:hover{
    background-color: #FFFFFF;
}
div.stickynote div.colorpicker DIV.ejpmenu .items > DIV{
    padding: 4px;
}
div.stickynote div.colorpicker DIV.ejpmenu SPAN.pick,
div.stickynote div.colorpicker DIV.ejpmenu SPAN.label{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
div.stickynote div.colorpicker DIV.ejpmenu SPAN.pick{
     width: 12px;
     height: 12px;
     border: 1px solid #000000;
     margin-right: 6px;
}


div.stickynote div.securitypicker {
     width: auto;
     height: auto;
}

/* TT 15388: Currently not used */
div.stickynote_icon {
  width:13px;
  height:14px;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/stickynote_icon.png');
}

/* TT 15388: Currently not used */
div.stickynote_icon[class] {
  /* IE ignores css styles with [attributes], so it will skip this. */
  background-image:url(/images/stickynote_icon.png);
}

/* TT 15388 */
span.stickynote_icon {
  display: inline-block;
  height: 14px;
  font-size: 14px;
}
/* TT 29817 */
DIV.stickynote_row{
    padding: 1px 0px;
    letter-spacing: -4px;
}
DIV.stickynote_row INPUT,
DIV.stickynote_row LABEL,
DIV.stickynote_row LABEL > SPAN{
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
DIV.stickynote_row LABEL{
    letter-spacing: 0px;
}
DIV.stickynote_row SPAN.stickynote_icon > IMG{
    width: 14px;
    height: 14px;
}