
.iMsgBox { display:none; border:0px; position:absolute; top:-1000px; left:-1000px; color:#ffffff; text-align:right; box-sizing:border-box; }
.iMsgBox a { color:#ffffff; text-shadow:1px 1px 3px #000000; }

.iMsgLog { background:rgba(0,0,0,0.1); color:#000000; position:fixed; top:0px; left:0px; padding:5px; display:none; }

.iMsgTop { float:left; text-align:left; color:#ffffff; font-weight:bold; }

.iMsgCtrl { padding-right:20px; }
.iMsgCmd { float:right; width:20px; height:20px; background:url(iMsgCmd.png) no-repeat center center; background-size:contain; }
.iMsgRem { float:right; width:20px; height:20px; background:url(trash.png) no-repeat center center; background-size:contain; }

.iMsgMenu { display:none; position:absolute; top:0px; left:0px; width:80px; background:#ffffff; z-index:19999; box-sizing:border-box; border:3px solid #888; }
.iMsgMenu li { list-style:none; padding:2px 4px; cursor:pointer; white-space:nowrap; }
.iMsgMenu li:hover { background:#cccccc; }

.iMsgStatus { background:url(iMsgBG_TopBlack.png) repeat-x; color:#ffffff; border-top-left-radius:4px; border-top-right-radius:4px; }
.iMsgStatus .iMsgS1Fix { color:#ffffff; }
.iMsgStatus .iMsgS1Top { color:#ffffff; }
.iMsgStatus .iMsgS0Public { color:#ffffff; }
.iMsgStatus .iMsgS0Hidden { color:#ff0000; }

.iMsgNote { z-index:20001; }
.iMsgNote0 { position:absolute; top:-100px; left:0px; }
.iMsgNote0 .iMsgNoteText { text-align:left; background:#ff0000; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNote1 { position:absolute; top:-100px; left:0px; background:url(iMsgTopRight.png) no-repeat bottom left; }
.iMsgNote1 .iMsgNoteText { text-align:left; margin-bottom:30px; margin-left:15px; background:#ff0000; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNote2 { position:absolute; top:-100px; left:0px; background:url(iMsgTopLeft.png) no-repeat bottom right; }
.iMsgNote2 .iMsgNoteText { text-align:left; margin-bottom:30px; margin-right:15px; background:#ff0000; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNote3 { position:absolute; top:-100px; left:0px; background:url(iMsgBottomLeft.png) no-repeat top right; }
.iMsgNote3 .iMsgNoteText { text-align:left; margin-top:30px; margin-right:15px; background:#ff0000; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNote4 { position:absolute; top:-100px; left:0px; background:url(iMsgBottomRight.png) no-repeat top left; }
.iMsgNote4 .iMsgNoteText { text-align:left; margin-top:30px; margin-left:15px; background:#ff0000; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNoteText textarea { background:transparent; border:0px; color:inherit; margin:0px; padding:0px; font-size:12px; resize:both; }
.iMsgRotateLeft { width:16px; height:16px; background:url(RotateLeft.png); }
.iMsgChgMode { width:16px; height:16px; background:url(ChgMode.png); }
.iMsgSave { width:16px; height:16px; background:url(Save.png); }
.iMsgDel { width:16px; height:16px; background:url(Del.png); }
.iMsgDeleted { display:none; }

.iMsgNoteBW0 { position:absolute; top:-100px; left:0px; }
.iMsgNoteBW0 .iMsgNoteText { text-align:left; background:#ffffff; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#222222; padding:4px; }
.iMsgNoteBW1 { position:absolute; top:-100px; left:0px; background:url(iMsgTopRightBW.png) no-repeat bottom left; }
.iMsgNoteBW1 .iMsgNoteText { text-align:left; margin-bottom:30px; margin-left:15px; background:#ffffff; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#222222; padding:4px; }
.iMsgNoteBW2 { position:absolute; top:-100px; left:0px; background:url(iMsgTopLeftBW.png) no-repeat bottom right; }
.iMsgNoteBW2 .iMsgNoteText { text-align:left; margin-bottom:30px; margin-right:15px; background:#ffffff; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#222222; padding:4px; }
.iMsgNoteBW3 { position:absolute; top:-100px; left:0px; background:url(iMsgBottomLeftBW.png) no-repeat top right; }
.iMsgNoteBW3 .iMsgNoteText { text-align:left; margin-top:30px; margin-right:15px; background:#ffffff; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#222222; padding:4px; }
.iMsgNoteBW4 { position:absolute; top:-100px; left:0px; background:url(iMsgBottomRightBW.png) no-repeat top left; }
.iMsgNoteBW4 .iMsgNoteText { text-align:left; margin-top:30px; margin-left:15px; background:#ffffff; border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#222222; padding:4px; }

.iMsgNoteBG0 { position:absolute; top:-100px; left:0px; }
.iMsgNoteBG0 .iMsgNoteText { text-align:left; background:url(b60.png); border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNoteBG1 { position:absolute; top:-100px; left:0px; background:url(iMsgTopRightBG.png) no-repeat bottom left; }
.iMsgNoteBG1 .iMsgNoteText { text-align:left; margin-bottom:30px; margin-left:15px; background:url(b60.png); border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNoteBG2 { position:absolute; top:-100px; left:0px; background:url(iMsgTopLeftBG.png) no-repeat bottom right; }
.iMsgNoteBG2 .iMsgNoteText { text-align:left; margin-bottom:30px; margin-right:15px; background:url(b60.png); border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNoteBG3 { position:absolute; top:-100px; left:0px; background:url(iMsgBottomLeftBG.png) no-repeat top right; }
.iMsgNoteBG3 .iMsgNoteText { text-align:left; margin-top:30px; margin-right:15px; background:url(b60.png); border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }
.iMsgNoteBG4 { position:absolute; top:-100px; left:0px; background:url(iMsgBottomRightBG.png) no-repeat top left; }
.iMsgNoteBG4 .iMsgNoteText { text-align:left; margin-top:30px; margin-left:15px; background:url(b60.png); border:1px solid #000000; border-radius:4px; box-shadow: 0px 0px 6px #000000; color:#ffffff; padding:4px; }

.ui-state-default { min-height:15px; }
.ui-state-highlight { height:15px; }
.iMsgBtnOpen { display:none; position:fixed; left:0px; top:70px; width:41px; cursor:pointer; z-index:20002; border-radius: 0px 10px 10px 0px; box-sizing:border-box;
	background:#3A445B no-repeat; background-image:url(/main/wdb2/images/arrowR4_fff_25x25.png); background-position:center 10px;
	font-size:14px; color:#fff; text-align:center; padding:35px 10px 10px 10px; }
body.iMsgIsOpen .iMsgBtnOpen { left:300px; background-image:url(/main/wdb2/images/arrowL4_fff_25x25.png);
	animation-name:iMsgIsOpenBtn; animation-duration:0.5s; }
@keyframes iMsgIsOpenBtn {
	from{ left:0px; }	to{ left:300px; }
}
.divDock.bottom.ui-state-default { background:#eee; }

.iMsgPanelLeft { position:fixed; width:300px; height:100vh; top:0px; left:-300px; background:#3A445B; z-index:20001; }
.iMsgPanelLeft .header { background:#2D90DA; color:#fff; font-size:15px; padding:15px; margin-bottom:10px; }
body.iMsgIsOpen .iMsgPanelLeft { left:0px;
	animation-name:iMsgIsOpenPanel; animation-duration:0.5s; }
@keyframes iMsgIsOpenPanel {
	from{ left:-300px; }	to{ left:0px; }
}

#td_ContentTop .isImport .meMsg_MsgTitleBlk { display:none; }

.divEmList { text-align:left; padding:0px; }
.divEmList .ui-state-highlight { display:none; }
.divEmList .divDock { display:inline-block; padding:8px; box-sizing: border-box; cursor:pointer; }
.divEmList .meMsg_MsgTitleBlk { background:rgba(255,255,255,0.2); border-radius:5px; padding:8px; }
.divEmList .meMsg_MsgTitleBlk img { width:30px; }
.divEmList .meMsg_MsgBlk { display:none; }
.divEmList .meMsg_MsgList { display:none; }
.divEmList .ui-state-default { border:0px; background:transparent; }
.divEmList .meMsg_MsgTitleBlk:hover { background:rgba(255,255,255,0.1); animation-name:iMsgIsOverEm; animation-duration:0.5s; }
@keyframes iMsgIsOverEm {
	from{ background:rgba(255,255,255,0.2); }	to{ background:rgba(255,255,255,0.1); }
}
.divMmList { text-align:left; padding:0px; }
.divMmList .ui-state-highlight { display:none; }
.divMmList .divDock { display:inline-block; padding:8px; box-sizing: border-box; cursor:pointer; }
.divMmList .meMsg_MsgTitleBlk { background:rgba(255,255,255,0.2); border-radius:5px; padding:8px; }
.divMmList .meMsg_MsgTitleBlk img { width:30px; }
.divMmList .meMsg_MsgBlk { display:none; }
.divMmList .meMsg_MsgList { display:none; }
.divMmList .ui-state-default { border:0px; background:transparent; }
.divMmList .meMsg_MsgTitleBlk:hover { background:rgba(255,255,255,0.1); animation-name:iMsgIsOverMm; animation-duration:0.5s; }
.meMsgInfoImportImg { width:30px; }
@keyframes iMsgIsOverMm {
	from{ background:rgba(255,255,255,0.2); }	to{ background:rgba(255,255,255,0.1); }
}


