/* ====================================================================================================== 
	Dnd.css 
   ====================================================================================================== */
html { 
	width:100%; height:100%; 
	margin:0; padding:0; 
}
body { 
	width:100%; height:100%; overflow:hidden; 
	margin:0; padding:0; 
}
.Stage {
	position:absolute; top:0; left:0; bottom:0; right:0;
}
.LoginPlacer {
	position:absolute; top:50%; left:50%;
}
.LoginPanel {
	margin-top:-50px; margin-left:-200px; width:400px; height:100px;
	background:rgb(210,210,210);
	border-radius:10px;
	text-align:center; 
}
.LoginInput {
	display:inline-block; border:none;
	text-align:center; margin-top:25px; width:100px; height:50px;
}

.MainTop {
	position:absolute; top:0; left:0; right:0; height:45px;
	background:rgb(210,210,210);box-shadow:0px 0px 5px 0px rgb(210,210,210);
}
.MainTitle {
	position:absolute; top:10px; left:80px; 
	font:bold 20px Arial; color:rgb(105,105,105); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
}
.MainButton {
	background-color:rgb(128,128,128); border-radius:5px; box-shadow:2px 2px 3px 0px rgb(80,80,80);
	padding:5px 20px;
	font:bold 10px Arial; color:white; 
	cursor:pointer;
}
.MainButton:hover { background-color:rgb(80,80,80)}
.MainWriteButton {
	position:absolute; top:10px; right:100px; 
}
.MainQuitButton {
	position:absolute; top:10px; right:20px; 
}

.MainPanel {
	position:absolute; top:45px; bottom:0; left:0; right:0;
	padding:20px 10% 0 10%;
	overflow:auto;
}

.MsgContainer {
	position:relative;
	border-radius:5px;
	margin:20px 0;
	box-shadow:2px 2px 3px 0px rgb(120,120,120);
}
.MsgContainer[isMe=true] {background:rgb(80,80,80); }
.MsgContainer[isMe=false] {background:rgb(128,128,64); }

.MsgHoro {
	position:absolute; top:5px; right:10px;
	font:12px Arial; color:rgb(180,180,180); 
}
.MsgTitle {
	padding:20px 20px 0 20px;
	font:bold 14px Arial; color:white; 
}
.MsgText {
	padding:10px 20px 20px 20px;
	font:14px Arial; color:white;
	white-space:pre;
}

.WritePopup {
	position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(100,100,100,0.2);
}
.WritePopupPanel {
	position:absolute; top:30px; left:100px; 
	background-color:rgb(160,160,160);
	border-radius:3px;
	box-shadow:2px 2px 3px 0px rgb(120,120,120);
}
.WritePopupMsgHeader {
	padding:20px; cursor:move;
}
.WritePopupMsgSubjectLabel {
	font:14px Arial; color:white; padding:0 10px; 
}
.WritePopupMsgSubjectInput {
	height:25px; min-width:400px;
	font:14px Arial; background-color:white; border:none; padding:5px 10px;
	box-shadow:1px 1px 2px 0px rgb(120,120,120);
}
.WritePopupMsgBody {
	display:block;
	margin:0 20px 20px 20px; min-height:200px; min-width:600px;
	font:14px Arial; background-color:white; border:none;
	padding:10px;
	box-shadow:1px 1px 2px 0px rgb(120,120,120);
}
.WritePopupButtonBar {
	text-align:center;
	margin:20px;
}
.WritePopupButton {
	margin:0 10px; background-color:rgb(128,128,128); border-radius:2px; box-shadow:1px 1px 2px 0px rgb(80,80,80);
	padding:5px 10px;font:14px Arial; color:white; cursor:pointer;
}
.WritePopupButton:hover { background-color:rgb(80,80,80)}