/** mod_note **/
#myNote_xtree .xtree-node{
    border-bottom: 1px solid #ddd;
}
#myNote_xtree .xtree-node:hover{
    background-color: #FFFFDD;
}

.mod_docNote .point,
.mod_docNote .question {padding-left:20px}

.mod_docNote .point    {background:url(/sys/res/icon/note-point.png) no-repeat}
.mod_docNote .question {background:url(/sys/res/icon/note-question.png) no-repeat}

.mod_docNote .userList             {margin:0; padding:0}
    .mod_docNote .userList li      {display:inline-block; margin:10px 20px; box-sizing:border-box; width:75px}
        .mod_docNote .userList li .item        {text-align:center}
        .mod_docNote .userList li img          {padding:1px; border:1px solid #ccc}
        .mod_docNote .userList li .name        {text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}


.myNote div[role="list"] > ul {padding:0; margin:0; margin-top:5px; list-style:none}

.myNote .item       {position:relative; line-height:1.8; margin-bottom:10px; padding:0 5px; white-space:normal; background-position:0 1px; background-repeat:no-repeat; border-bottom:1px solid #ddd}
.myNote .item:hover {background-color:#ffd}
    .myNote .item .main          {display:block; background:#fff; padding:2px; margin:5px; border:1px solid #bbb; box-shadow:0px 1px 2px #ccc; border-radius:2px}
    .myNote .item .main:hover    {border-color:#08c; box-shadow:0 1px 4px rgba(0, 105, 214, 0.25)}
    .myNote .item img            {width:160px}
    .myNote .item .note          {overflow:hidden; margin-bottom:5px}
    .myNote .item .hint          {height:21px}

.myNote .item .tool         {position:absolute; right:5px; top:5px; z-index:5; display:none; padding:5px; line-height:0}
.myNote .item:hover .tool   {display:block; background-color:#fff; outline:1px solid #ddd}

    .myNote .item .tool a       {display:inline-block; width:12px; height:12px; opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);}
    .myNote .item .tool a:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.myNote .item.thumb          {float:left; width:325px; line-height:1.6; margin:0;  padding:15px; vertical-align:top; border:0}
.myNote .item.thumb:hover    {background:none}
    .myNote .item.thumb .main        {padding:4px}
    .myNote .item.thumb img          {width:100%}
    .myNote .item.thumb .note        {margin-bottom:0; padding-left:5px; padding-right:60px; line-height:1; color:#777; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
    .myNote .item.thumb .icon        {display:inline-block; height:16px; background-position:0 0}
    .myNote .item.thumb .hint        {position:absolute;bottom:9px;right:20px}

.myNote .point,
.myNote .question   {padding-left:20px; background-repeat:no-repeat}

.myNote .point, #note_table .point      {background-image:url(/sys/res/icon/note-point.png)}
.myNote .question, #note_table .question   {background-image:url(/sys/res/icon/note-question.png)}

.myNote .item .seeker {display:inline-block; margin-right:3px}
.myNote .item .canvas {display:inline-block; position:relative; top:-4px}
    .myNote .item .canvas span     {display:inline-block; width:16px; height:16px}
    .myNote .item .canvas .anchor  {background:url(/sys/res/icon/pin-medium.png) no-repeat}
    .myNote .item .canvas .drawing {background:url(/sys/res/icon/drawing-medium.png) no-repeat}
.myNote .item .time {float:right}

.myNote .item.thumb .seeker {float:right; margin-left:3px}
.myNote .item.thumb .canvas {float:right; position:static}
.myNote .item.thumb .time   {float:left}

.myNote .item.simple {margin:0; padding:10px 5px 5px 20px; background-position:2px 15px;}
    .myNote .item.simple .tool          {top:10px;}
    .myNote.hide-tool .item:hover .tool {display:none;}
    .myNote .item.simple .main          {margin:2px 2px 0 5px;}
    .myNote .item.simple .hint          {height:auto;}
    .myNote .item.simple .noteWrapper   {padding:0 5px 4px; overflow:hidden; line-height:1;}
    .myNote .item.simple .note          {line-height:1.6;}
    .myNote .item.simple .seekerWrapper {padding:4px 2px 0; line-height:1;}
    .myNote .item.simple .seeker        {margin:0; padding:2px 3px 3px; font-size:13px;}

.myNote .private    {margin-right:5px}

.myNote .list[count='0'] .noData {display:block}
.myNote .list .noData            {display:none}

.myNote .modalBox .btnDiv        {float:right; margin-right:15px;}

.myNote .modalBox li             {width: 425px;}
.myNote .modalBox .liDiv  div    {display: inline}
.myNote .modalBox .liDiv .time   {position: absolute; width:200px; overflow: hidden; text-overflow: ellipsis;}
.myNote .modalBox .liDiv .hint   {padding-left: 220px;}
.myNote .modalBox .liDiv a       {float:right;}

.mod_docNote .flot     {height:150px; width:720px; margin:0 auto; margin-bottom: 10px; cursor:pointer}

.mod_docNote .note-form {position:relative; margin:0; padding:15px 5px; border-bottom:1px solid #ddd;}
.mod_docNote .note-form:first-child {padding-top:0;}
    .mod_docNote .note-form .note-modal {display:none; position:absolute; top:0; right:5px; bottom:15px; left:5px; background:#fff; opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);}
    .mod_docNote .note-form .note-panel {margin-top:7px;}
        .mod_docNote .note-form .clock  {display:none; padding:2px 12px; background:url(/sys/res/icon/clock1.png) 2px 3px no-repeat; cursor:pointer;}
        .mod_docNote .note-form .time   {width: 80px; height: 22px; padding: 6px 4px; text-align:center;}
        .mod_docNote .note-form .extra  {margin: 0px 5px 0;}
        .mod_docNote .note-form .submit {margin-left: 10px;}

.drawing-hint  {display:none; position:absolute; top:0; left:0; z-index:80; font-size:50px; font-weight:bold; background:#000; color:#fff; opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);}
.drawing-panel {display:none; position:absolute; box-sizing:border-box; padding:7px; border:1px solid rgba(0, 0, 0, .3); border-radius:6px; box-shadow:0 3px 7px rgba(0, 0, 0, .3); background:#ddd}
    .drawing-panel .btn { background: none; }
    .drawing-panel .icon {display:inline-block; width:16px; height:16px; margin-top:2px; line-height:16px; vertical-align:text-top}
        .drawing-panel .icon.pencil       {background:url(/sys/res/icon/pencil.png) no-repeat}
        .drawing-panel .icon.highlighter  {background:url(/sys/res/icon/highlighter.png) no-repeat}
        .drawing-panel .icon.ellipse      {background:url(/sys/res/icon/ellipse.png) no-repeat}
        .drawing-panel .icon.rect         {background:url(/sys/res/icon/rect.png) no-repeat}
        .drawing-panel .icon.line         {background:url(/sys/res/icon/line.png) no-repeat}
        .drawing-panel .icon.arrow        {background:url(/sys/res/icon/arrow.png) no-repeat}
        .drawing-panel .icon.lineArrow    {background:url(/sys/res/icon/lineArrow.png) no-repeat}
        .drawing-panel .icon.eraser       {background:url(/sys/res/icon/eraser.png) no-repeat}
        .drawing-panel .icon.selection    {background:url(/sys/res/icon/selection.png) no-repeat}
        .drawing-panel .icon.color        {margin:2px -3px 0;width:14px;height:14px;border-radius:2px}
        .drawing-panel .icon.undo         {background:url(/sys/res/icon/undo.png) no-repeat}
        .drawing-panel .icon.redo         {background:url(/sys/res/icon/redo.png) no-repeat}
        .drawing-panel .icon.width        {background:url(/sys/res/icon/width.png) no-repeat}
    .drawing-panel .btn-group             {margin: 0 5px 0 0}
    .drawing-panel .dropdown-menu         {width:24px;min-width:24px;left:auto;right:0}
    .drawing-panel .dropdown-menu li      {width:24px;min-width:24px}
    .drawing-panel .dropdown-menu a       {padding:5px}
    .drawing-panel .dropdown-menu a div   {width:14px;height:14px;background:#000;border-radius:2px}
    .drawing-panel .dropdown-menu.w,
    .drawing-panel .dropdown-menu.w li    {width:39px;min-width:39px}
    .drawing-panel .dropdown-menu.w a div {width:auto}
    .drawing-panel .dropdown-menu.s       {left:83px}
    .drawing-panel .dropdown-menu.s a     {padding-left:12px}


[contenteditable="true"] {
    background:#fff;
    padding:4px 6px;
    border:1px solid #ccc;
    /*box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4),0 1px 0 rgba(255, 255, 255, .4);*/
    border-radius:4px;
    color:#444;
    background:#FFFFFF;
    background:rgba(255, 255, 255, 0.65);
}

[contenteditable]:focus {
    border-color:#52A8EC;
    border-color:rgba(82, 168, 236, 0.8);
}

.error [contenteditable]{
    border-color:#b94a48;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
}