@charset "utf-8";

body#preview { margin-top: 50px; }

/* Button */
body#preview input[type=button],
body#preview input[type=submit] {
	height: 25px;
	text-align: center;
	color: #7e7d7d;
	border: 0px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
}

body#preview input[type=button].mini,
body#preview input[type=submit].mini {
	height: 18px;
	text-align: center;
	color: #7e7d7d;
	border: 0px;
	font-size: 0.94em;
	font-weight: bold;
	cursor: pointer;
}

body#preview div.control { position: fixed; top: 0px; left: 0px; height: 30px; border-bottom: 2px solid #CCCCCC; width: 100%; background-color: #f9f9f9; padding-top: 5px; }
body#preview div.control strong { width: 50px; float: left; font-size: 1.2em; margin: 7px 0px 0px 10px; }
body#preview div.control input[type=button] { margin-right: 10px; }

.iEditorBlock { clear: both; height: 0px; border: 0px; margin: 0px; font-size: 0px; }
.iEditorTop { clear: both; }
.iEditorTop .iEditorVal { display: none; }
.iEditorTop .iEditorHead { border: 1px solid #c5c5c5; border-bottom-color: #9e9e9e; margin-bottom: 2px; padding: 0px; overflow: hidden; background-color: #f9f9f9; }
.iEditorTop .iEditorHead .itemBox { display: inline-block; float: left; width: 25%; border: 0px; }
.iEditorTop .iEditorHead .itemBox a.command:link, 
.iEditorTop .iEditorHead .itemBox a.command:active, 
.iEditorTop .iEditorHead .itemBox a.command:visited { 
	display: inline-block; 
	float: left; 
	text-decoration: none; 
	font-weight: normal; 
	overflow: hidden;
	color: #000000;
	text-align: left;
	border-color: #f9f9f9 #ececec #ececec #f9f9f9;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	width: 100%;
	padding: 5px 0px 5px 0px;
}
.iEditorTop .iEditorHead .itemBox a.command:hover {
	font-weight: bolder;
	border-color: #3aa8f7;

}
.iEditorTop .iEditorHead .itemBox a.command span { float: left; display: inline-block; font-weight: bolder; color: #1c6cb1; width: 25%; margin-left: 7px; }
.iEditorTop .iEditorControl { border-bottom: 1px solid #f3f3f3; margin-bottom: 2px; }
.iEditorTop .iEditorControl div.iEditorCI { display: inline-block; float: left; margin: 3px; margin-right: 12px; }
.iEditorTop .iEditorControl div.iEditorCI span { display: inline-block; width: 72px; font-weight: bolder; background-image: url(images/langtitlebg.png); height: 15px; background-repeat: no-repeat; background-position: 0px 0px; padding-top: 3px; padding-left: 7px; margin-right: 10px; }
.iEditorTop .iEditorControl div.iEditorCI span.t0 { color: #1566b5; }
.iEditorTop .iEditorControl div.iEditorCI span.t1 { color: #68a90d; }
.iEditorTop .iEditorControl div.iEditorCI input[type=radio] { vertical-align: bottom; }
.iEditorTop .iEditorControl div.iEditorCI label { display: inline-block; margin-right: 3px; vertical-align: middle; color: #656565; }
.iEditorTop .iEditorControl div.iEditorCI label.exists { font-weight: bolder; color: #FF6600; }
.iEditorTop .iEditorContent { border: 1px solid #dbdbdb; border-bottom-color: #8b8c87; background-image: url(images/guide.gif); background-position: 0px 0px; }
.iEditorTop .iEditorContent div.ui-wrapper { border: 0px !important; width: 100% !important; padding-bottom: 7px !important; border-bottom: 1px solid #e1e1e1 !important; }
.iEditorTop .iEditorContent div.ui-wrapper .iEditorTextarea { border: 0px; padding: 5px !important; margin: 0px; background: transparent; }
.iEditorTop .iEditorContent .iEditorTextareadc { background-image: url(images/metadesctitle.png); background-position: right 4px;  background-repeat: no-repeat; }
.iEditorTop .iEditorContent div.ui-resizable-handle {
	clear: both;
	width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
	bottom: 0px !important;
	height: 7px !important;
	background-image: url(images/bottom_resize.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}
.iEditorTop .iEditorEtc { text-align: right; height: 30px; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px solid #f3f3f3; }
.iEditorTop .iEditorBottom { margin-top: 10px; }
.iEditorTop .iEditorBottom .fileUploadButtonDiv { clear: both; display: block; padding-top: 10px; text-align: right; }
.iEditorTop .iEditorBottom .FilesContainer { padding-bottom: 2px !important; overflow: hidden; }
.iEditorTop .iEditorBottom .FilesContainer .FilesList { clear: both; display: block; margin-top: 10px; padding: 5px; margin-bottom: 6px !important; border: 1px solid #d1d1d1; border-bottom: 0px; height: 107px; }
.iEditorTop .iEditorBottom .FilesContainer div.ui-resizable-handle {
	clear: both;
	max-width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
	bottom: 0px !important;
	height: 7px !important;
	background-image: url(images/bottom_resize.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
	border: 1px solid #d1d1d1 !important;
	border-bottom: 1px solid #9e9e9e !important;
	border-top: 0px !important;
}
.iEditorTop .iEditorBottom .FilesList .img { display: inline-block; float: left; width: 98px; height: 105px; border: 1px solid #e2e4e3; background-position: center center; background-repeat: no-repeat; margin: 5px; overflow: hidden;}
.iEditorTop .iEditorBottom .FilesList .overlabHover { border: 1px solid #68a90d; }
.iEditorTop .iEditorBottom .FilesList .img .overlab { width: 98px; height: 98px; z-index: 99; }
.iEditorTop .iEditorBottom .FilesList .img .size { display: inline-block; background-color: #FFFFFF; width: 100%; padding-top: 2px; padding-bottom: 2px; text-align: center; }
.iEditorTop .iEditorBottom .FilesList .img a.insert { position: relative; top: 0px; left: 0px; width: 98px; overflow: hidden; }
.iEditorTop .iEditorBottom .FilesList .img a.mods { position: relative; top: 33px; left: 56px; }
.iEditorTop .iEditorBottom .FilesList .img a.delete { position: relative; top: 33px; left: 56px; }
.iEditorTop .iEditorBottom .FilesList .allways { position: relative; top: -20px; left: 0px; }
.iEditorTop .iEditorBottom .FilesList .allways a { float: left;}

/* POPUP DIV 코멘트 수정 */
.commentModify {}
.commentModify h3 { font-size: 1em; color: #333333; }
.commentModify p input { width: 98%; }
.commentModify p.button { text-align: right; } 

/* 템플릿 창 */
div.template { width:635px; height:370px; border:1px solid #bcbbbb; }
div.template div.head{background:url("images/template_bgx.gif") repeat-x; height:34px;}
div.template div.head h2{background:url("images/template_blt.gif") no-repeat; font-size:1em; padding:5px 0px 5px 28px; margin:7px 0px 5px 15px; float:left;}
div.template div.head span{float:right; margin:11px 12px 0px 0px;}
div.template div.line {margin:12px; padding:14px; border:1px solid #c1c1c1; height:250px; }
div.template div.line ul{margin:0px; padding:0px;}
div.template div.line ul.list{ margin:0px; padding:0px; list-style-type:none; }
div.template div.line ul.list li{float:left; margin:0px 5px 5px 0px; padding:0px; background:none;}
div.template div.line ul.list li a img { border: 1px solid #FFFFFF;	z-index: 9999;}
div.template div.line ul.list li a img:hover { border: 1px solid #FF6600;}