@charset "utf-8";

/* tabloid utils default setting */

/* dialog */
.tt-wrap-dialog { line-height: 1.2em; }
.tt-dialog {
	position: absolute;
	width: auto;
	background-color: #f1f1f1;
	border: 1px solid #5b656b;
	z-index: 100000002;
}

.tt-dialog .tt-dialog-header {
	height: 17px;
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/bg_pop_tit02.gif) 0 0 repeat-x;
	padding: 8px 10px 12px;
	position:relative;
}

.tt-dialog .tt-dialog-header, .tt-pane .tt-pane-header {
	cursor: move;
}

/* start dialog */
#tt-StartupDialogContents li {
	padding: 20px;
}

#tt-StartupDialogContents .tt-recommendset-item-used {
	border: 2px solid red;
}

/* 글설정, 디자인 설정 */
#ttDesignSettingDialog .tt-dialog-header,
#ttContentRule .tt-dialog-header {
	height: 55px;
}
.tt-dialog h2 { padding: 0; margin: 0; text-indent:-10000em; overflow:hidden; width:65px; height:38px; background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/pop_tit_post.gif) 0 0 no-repeat; position:absolute; top:0; left:10px; }
.tt-dialog h2 span { display: none; }

.tt-dialog .tt-dialog-header .tt-dialog-header-left,
.tt-dialog .tt-dialog-header .tt-dialog-header-right {
	position: absolute; top: 0; width: 1px; height: 40px;
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/bg_pop_tit01.gif) no-repeat 0 0;
}

.tt-dialog .tt-dialog-header .tt-dialog-header-left { left: 0; }
.tt-dialog .tt-dialog-header .tt-dialog-header-right { right: 0; }

.tt-dialog .tt-dialog-body {
	background-color:#fff;
}

.tt-dialog .tt-dialog-footer {
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/bg_bottom.gif) 0 0 no-repeat;
	text-align: center;
	height: 33px;
	padding: 7px 0 0;
}

.tt-dialog .tt-dialog-footer img { cursor:pointer;}

.tt-dialog .tt-dialog-btn-close img {
	position: absolute; top: 0; right: 0;
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/bt_pop_close.gif) 12px 12px no-repeat;
	width: 32px; height: 32px;
}
.tt-dialog .tt-dialog-btn-save img {
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/bt.gif) 0 0 no-repeat;
	width: 45px; height: 24px;
}

.tt-dialog .tt-dialog-btn-cancel img {
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/setup/bt.gif) 0 -50px no-repeat;
	width: 45px; height: 24px;
}

/* overlay */
.tt-mask {
	z-index: 99980; position: absolute; top: 0; left: 0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #666; width: 100%; height: 100%; zoom:1;
}

/* message ticker */
#tt-MessageTicker {
	position: fixed;
	float: right;
	/*top: 37px;*/
	top: -37px;
	/*left: -350px;*/
	left: 0px;
	font-size:11px; font-weight:normal; font-family:"돋움", dotum; letter-spacing:-1px; line-height: 11px;
	padding: 9px 9px 8px 9px;
	color: #fff;
	z-index: 999;
	/*opacity: 0.8;*/
	/*filter: alpha(opacity=80);*/
	background-color: #71767c;
}
* html #tt-MessageTicker {
	position: absolute;
}

.tt-message-ticker-loading {
	padding-left:26px !important;
	background-image:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/img_loading3.gif);
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
.tt-message-ticker-error {
	/*color: gold !important;*/
	padding-left:26px !important;
	background-image:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/ic_warning2.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

#tt-RecommendedSetPane, #tt-ArchivePane {
	position: fixed;
	width: 634px;
	height: 379px;
/* top: 38px; when show. */
	top: -370px; /* when hide */
	left: 304px;
	z-index: 99950;
	display: none;
}

* html #tt-RecommendedSetPane, * html #tt-ArchivePane {
	position: absolute;
}

.tt-wrap-pane {
	width: 634px;
	height: 379px;
	background: url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bg4.png?ver=02);
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bg4.png?ver=02", sizingMethod="crop");
}

	 a.tt-pane-btn-close {position: absolute; top: 0px; right: 5px; float: left; margin: 0; width: 22px; height: 22px;  text-indent: -1000px; overflow: hidden;
	background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bt_delete4.gif?ver=02) no-repeat;background-position: -12px 4px;}
	 a.tt-pane-btn-close:hover {background-position: 3px 4px;}

	.tt-pane-body { position: relative; top:20px; width: 600px; height: 320px; margin: 0 auto 0 auto; text-align: center; overflow: hidden; }
	.tt-pane-inner-body { position: absolute; top:0; left: 0; height: 320px; }
	.tt-pane-list { float: left; width: 600px; height: 320px; margin: 0; padding: 0;  }
	.tt-pane-list li {float: left; position: relative; width: 120px; height: 160px; list-style:none;margin: 0; padding: 0; background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bg_set3.gif) no-repeat 10px 0;}
	.tt-pane-list li a {display:block; width: 102px; height: 160px; margin: 0 auto; text-decoration: none;}
	.tt-pane-list li a.notYet {background-position:-148px 0 !important;}
	#tt-RecommendedSetPane .tt-pane-list li a {height: 128px;}
	.tt-pane-list li p.tt-archive-empty-item {display:block; width: 102px; height: 160px; margin: 0 auto; text-decoration: none; background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bg_set3.gif) no-repeat -446px 0;}
	.tt-pane-list li.tt-pane-list-hoverd a,
	.tt-pane-list li a:hover {text-decoration: none; background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bg_set3.gif) no-repeat -297px 0;}
	.tt-pane-list li a.btnRemove {display:none;position: absolute; top: 2px; right: 12px; width: 18px; height: 18px; margin: 0 auto; background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bt_delete5.gif?ver=02) no-repeat 0 0; text-indent: -1000em; overflow: hidden;}
	.tt-pane-list li a.btnRemove:hover {background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bt_delete5.gif?ver=02) no-repeat 0 0;}
	.tt-pane-list li.tt-pane-list-hoverd a.btnRemove {display:block;}
	.tt-pane-list li.tt-pane-list-notYet a.btnRemove {display:none;}
	.tt-pane-list li img {margin: 6px 0 0 0 ;}
	.tt-pane-list li a span {display: block; padding-top: 12px; text-align: center; font-size: 11px; font-family: dotum; color: #9a9a9a; line-height: 100%;}
	.tt-pane-list li .info { display: flex; height: 116px; padding-top: 6px; width: 88px; margin: 0 auto; align-items: center; line-height: 1.6em; }
	#tt-RecommendedSetPane .tt-pane-list li a span {display: none;}

	.tt-pane-footer {position: absolute; left: 0; bottom:0; width: 100%; height: 40px; text-align: center;}
	.tt-pane-footer button { position: relative; border:0 none; margin:0; padding:0; width: 32px;  height: 21px; background:url(//t1.daumcdn.net/tistory_admin/static/tabloid/edit/bt_next5.gif) no-repeat;}
	.tt-pane-footer button span {display: none;}
	.tt-pane-footer button#tt-pane-btn-prev,
	.tt-pane-footer button#tt-startup-pane-btn-prev {background-position: 0 0; cursor: pointer;}
	.tt-pane-footer button#tt-pane-btn-next,
	.tt-pane-footer button#tt-startup-pane-btn-next {width: 33px;background-position: -32px 0; cursor: pointer;}
	.tt-pane-footer button#tt-pane-btn-prev.disabled,
	.tt-pane-footer button#tt-startup-pane-btn-prev.disabled {background-position: 0 -22px; cursor: default;}
	.tt-pane-footer button#tt-pane-btn-next.disabled,
	.tt-pane-footer button#tt-startup-pane-btn-next.disabled {width: 33px; background-position: -32px -22px; cursor: default;}

	#tt-pane-page-cnt,
	#tt-startup-pane-page-cnt {position: absolute; bottom: 20px; right: 30px; font-family: tahoma; font-size: 11px; color: #797979;}

/* colorpicker */
div#colorPicker {position:absolute; z-index:99970; width:195px; background:#fbfbfb; border:1px solid #bababa; cursor:default;}
* html div#colorPicker {position:absolute !important;}
div#colorPicker .colorInner {padding:7px 6px 7px;}
div#colorPicker #colorThumb  {width:75px; height:14px; margin-left:1px; border:1px solid #d9d9d9; overflow:hidden;}
div#colorPicker #colorInput {width:55px; height:14px; color:#333; font-family:'돋움', dotum; font-size:11px; padding:0 0 0 3px; border:1px solid #a7a7a7; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
div#colorPicker #colorInputBtn {margin:0 !important; padding:0 !important; cursor:pointer;}
div#colorPicker #colorInputBtn img {border:none; margin:0 !important; padding:0 !important;}

div#colorPicker #colorSwatches {border-collapse:separate; border-spacing: 1px; display:block; margin-top:4px; overflow:hidden;}
div#colorPicker #colorSwatches td div {width:12px; height:12px; cursor:pointer; overflow:hidden;}


div#colorPicker .more_area {position:relative; width: 183px; height:18px;}
div#colorPicker #colorGradeBtn {position:absolute; display:block; top:6px; right:2px; width:36px; height:10px; cursor:pointer; text-indent:-1000em; overflow:hidden;}
div#colorPicker .gradeoff {background-image:url(//i1.daumcdn.net/cafeimg/cf_img4/design/common/bt_more_d.gif);}
div#colorPicker .gradeon {background-image:url(//i1.daumcdn.net/cafeimg/cf_img4/design/common/bt_more_u.gif);}
div#colorPicker #colorResetBtn {position:absolute; display:block; top:6px; left:1px; margin:0 !important; padding:0 !important; cursor:pointer;}
div#colorPicker #colorResetBtn img {border:none; margin:0 !important; padding:0 !important;}

div#colorGradeArea {clear:both; padding:4px; width:172px; height:120px; margin-top:10px; background-color:#f9f9f9; border:1px solid #d9d9d9;}
div#colorGradeArea #chromaGradeBg {float:left; position:relative; width:150px; height:120px; background:#ff0000 url(//i1.daumcdn.net/cafeimg/cf_img4/design/common/img_color.png) no-repeat; cursor:crosshair;}
* html  div#colorGradeArea #chromaGradeBg {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//i1.daumcdn.net/cafeimg/cf_img4/design/common/img_color.png', sizingMethod='scale');}
div#colorGradeArea #hueGradeBg {float:left; position:relative; margin:0 0 0 4px; width:18px; height:120px; background-image: url(//i1.daumcdn.net/cafeimg/cf_img4/design/common/colorbar_r.gif); overflow:hidden; cursor:crosshair;}