@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("./common/js/iePngFix.htc"); } 
.zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; overflow:hidden; }

.zbxe_widget_output { background:url("/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }

 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url("/common/tpl/images/buttonGreen.gif"); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url("/common/tpl/images/buttonBlack.gif"); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url("/common/tpl/images/buttonRed.gif"); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url("/common/tpl/images/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.button,
span.button{ margin-right:2px;}

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}




/* TextEditor */
.xeTextEditor {overflow:hidden;}
.xeTextEditor textarea { display:block; margin:0; padding:5px; }
.xeTextEditor.black textarea { color:#fff; background-color:#000;}

/* Type Selector */
.xpress-editor *{margin:0; padding:0; font-style:normal; font-size:12px; }
.xpress-editor img,
.xpress-editor fieldset,
.xpress-editor button{ border:0;}
.xpress-editor button{ background:none; background-repeat:no-repeat; cursor:pointer; _cursor /**/:hand;}
.xpress-editor button *{ visibility:hidden;}
.xpress-editor legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.xpress-editor label{ cursor:pointer; _cursor /**/:hand;}
.xpress-editor hr{ display:none;}
.xpress-editor li{list-style:none;}

/* Layout Selector */
.xpress-editor{ position:relative; background:transparent;}
.xpress-editor #smart_content{ position:relative; clear:both; margin:0 0 10px 0; border:1px solid #c2c2c2; *zoom:1; z-index:5; background:#fff;}
.xpress-editor.black #smart_content {background:transparent;}
.xpress-editor #smart_footer{ position:relative; text-align:center; padding:10px 0;}

/* Footer */
.xpress-editor #smart_footer *{ vertical-align:top;}
.xpress-editor #smart_footer button{ position:relative; width:67px; height:25px; margin:0 5px 0 0;}
.xpress-editor #smart_footer button.save_temp{ background:url("/modules/editor/skins/xpresseditor/img/btn_save_temp.gif") no-repeat;}
.xpress-editor #smart_footer button.preview{ background:url("/modules/editor/skins/xpresseditor/img/btn_preview.gif") no-repeat;}
.xpress-editor #smart_footer input{ margin:0;}
.xpress-editor #smart_footer input.reset{ width:67px; height:25px; border:0; background:url("/modules/editor/skins/xpresseditor/img/btn_cancel.gif") no-repeat; cursor:pointer; margin-left:5px;}

/* Content > Input Area */
.xpress-editor a.skip{ position:relative; display:block; top:0; right:0; width:0; height:0; overflow:hidden; clear:both; zoom:1}
.xpress-editor a.skip:hover,
.xpress-editor a.skip:active,
.xpress-editor a.skip:focus{ position:relative; display:block; padding:5px; right:0; z-index:60; width:auto; height:auto; text-align:right; white-space:nowrap; color:#000; text-decoration:none; letter-spacing:-1px; _zoom:1;}

.xpress-editor .input_area{ position:relative; margin:10px; z-index:30; *zoom:1; height:400px;}
.xpress-editor .input_area iframe,
.xpress-editor .input_area textarea{ display:block; width:100%; position:relative; height:100%; border:0; overflow:auto;}
.xpress-editor .input_area iframe{}
.xpress-editor .input_area textarea{ *margin:0 -10px; _margin-bottom:-2px;}
.xpress-editor .input_area textarea.blind{ display:none;}
.xpress-editor .input_control{ position:relative; display:block; width:100%; clear:both; text-align:center; background:#fbfbfb url("/modules/editor/skins/xpresseditor/img/btn_expand.gif") no-repeat center center; cursor:n-resize;}
.xpress-editor .input_control span{ display:block; height:10px; border-top:1px solid #dfdfdf; visibility:visible; font-size:0; line-height:200%; white-space:nowrap; color:#fff;}
.xpress-editor.black .input_control { background:#111 url("/modules/editor/skins/xpresseditor/img/btn_expand.black.gif") no-repeat center center;}
.xpress-editor.black .input_control span{ border-top:1px solid #333;  color:#000;}

.xpress-editor .tool{ position:relative; overflow:visible; padding:5px 10px 6px 10px; *padding:5px 10px 8px 10px; z-index:40; clear:both; background:#f8f8f8 url("/modules/editor/skins/xpresseditor/img/bg_tool.gif") repeat-x left bottom; border:0; *zoom:1;}
.xpress-editor .tool.disable { display:none; }
.xpress-editor.black .tool{ background:#111 url("/modules/editor/skins/xpresseditor/img/bg_tool.black.gif") repeat-x left bottom; }

.xpress-editor .tool:after{ content:""; display:block; clear:both;}
.xpress-editor .tool ul{ position:relative; overflow:visible; float:left; margin:0 5px 2px 0; z-index:2;}
.xpress-editor .tool ul.action{ width:43px;}
.xpress-editor .tool ul.type{ width:auto; white-space:nowrap;}
.xpress-editor .tool ul.style{ width:169px; z-index:6;}
.xpress-editor .tool ul.paragraph{ width:169px; z-index:5;}
.xpress-editor .tool ul.extra1{ width:90px; z-index:4;}
.xpress-editor .tool ul.table{ width:85px; z-index:3;}
.xpress-editor .tool ul.extra2{ width:auto; z-index:2;}
.xpress-editor .tool ul.extra3{ float:right; width:auto; z-index:1; margin-right:1px;}
.xpress-editor .tool ul.extra3 li{ margin-right:4px;}
.xpress-editor .tool li{ position:relative; float:left;}
.xpress-editor .tool li button{ width:21px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_set.gif") no-repeat 0 0; vertical-align:top;}
.xpress-editor.black .tool li button{ width:21px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_set.black.gif") no-repeat 0 0; vertical-align:top;}
.xpress-editor .tool li button span{ position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden;}

.xpress-editor .tool li.extensions span.exButton,
.xpress-editor .tool li.extensions span.exButton button{ float:left; position:relative; display:inline-block; width:auto; background:url("/modules/editor/skins/xpresseditor/img/btn_extension.gif") no-repeat left top;}
.xpress-editor .tool li.extensions span.exButton{ margin-right:18px;}
.xpress-editor .tool li.extensions span.exButton button{ left:18px; height:21px; background-position:right top; padding:0 4px 0 0; font:11px/21px Tahoma, Sans-serif; text-align:left; *overflow:visible; *line-height:20px;}
.xpress-editor.black .tool li.extensions span.exButton,
.xpress-editor.black .tool li.extensions span.exButton button{ color:#fff; background-image:url("/modules/editor/skins/xpresseditor/img/btn_extension.black.gif"); }

.xpress-editor .tool li.html span,
.xpress-editor .tool li.html span button,
.xpress-editor .tool li.preview span,
.xpress-editor .tool li.preview span button{ float:left; position:relative; display:inline-block; width:auto; height:auto; visibility:visible; background:url("/modules/editor/skins/xpresseditor/img/btn_set_blank.gif") no-repeat 0 0; white-space:nowrap;}
.xpress-editor.black .tool li.html span,
.xpress-editor.black .tool li.html span button,
.xpress-editor.black .tool li.preview span,
.xpress-editor.black .tool li.preview span button{ color:#fff;background-image:url("/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif"); }

.xpress-editor .tool li.html span,
.xpress-editor .tool li.preview span{ margin-right:2px; background-position:left top;}
.xpress-editor .tool li.html span button,
.xpress-editor .tool li.preview span button{ left:2px; height:21px; background-position:right top; font:11px/21px Tahoma, Sans-serif; padding:0 4px; *overflow:visible; *line-height:20px;}

.xpress-editor .tool ul.type li{ float:none; display:inline; *top:1px;}
.xpress-editor .tool ul.type li select{ height:21px; width:62px;}
.xpress-editor.black .tool ul.type li select{ color:#fff; background-color:#000; }

/* Content > Tool > Button Default */
.xpress-editor .tool li.undo button{ width:22px; background-position:0 0;}
.xpress-editor .tool li.redo button{ background-position:-22px 0;}
.xpress-editor .tool li.bold button{ width:22px; background-position:-43px 0;}
.xpress-editor .tool li.underline button{ background-position:-65px 0;}
.xpress-editor .tool li.italic button{ background-position:-86px 0;}
.xpress-editor .tool li.del button{ background-position:-107px 0;}
.xpress-editor .tool li.fcolor button{ background-position:-128px 0;}
.xpress-editor .tool li.bcolor button{ background-position:-149px 0;}
.xpress-editor .tool li.sup button{ background-position:-170px 0;}
.xpress-editor .tool li.sub button{ background-position:-191px 0;}
.xpress-editor .tool li.left button{ width:22px; background-position:-212px 0;}
.xpress-editor .tool li.center button{ background-position:-234px 0;}
.xpress-editor .tool li.right button{ background-position:-255px 0;}
.xpress-editor .tool li.justify button{ background-position:-276px 0;}
.xpress-editor .tool li.ol button{ background-position:-297px 0;}
.xpress-editor .tool li.ul button{ background-position:-318px 0;}
.xpress-editor .tool li.outdent button{ background-position:-339px 0;}
.xpress-editor .tool li.indent button{ background-position:-360px 0;}
.xpress-editor .tool li.blockquote button{ width:22px; background-position:-381px 0;}
.xpress-editor .tool li.url button{ width:26px; background-position:-403px 0;}
.xpress-editor .tool li.character button{ background-position:-429px 0;}
.xpress-editor .tool li.find button{ background-position:-450px 0;}
.xpress-editor .tool li.table button{ width:22px; background-position:-471px 0;}
.xpress-editor .tool li.merge button{ background-position:-493px 0;}
.xpress-editor .tool li.splitCol button{ background-position:-514px 0;}
.xpress-editor .tool li.splitRow button{ background-position:-535px 0;}
.xpress-editor .tool li.extensions span{ background-position:0 0;}
.xpress-editor .tool li.extensions span button{ background-position:right 0;}
.xpress-editor .tool li.html span{ background-position:0 0;}
.xpress-editor .tool li.html span button{ background-position:right 0;}
.xpress-editor .tool li.preview span{ background-position:0 0;}
.xpress-editor .tool li.preview span button{ background-position:right 0;}

/* Content > Tool > Button Hover */
.xpress-editor .tool li.undo button.hover{ width:22px; background-position:0 -21px;}
.xpress-editor .tool li.redo button.hover{ background-position:-22px -21px;}
.xpress-editor .tool li.bold button.hover{ width:22px; background-position:-43px -21px;}
.xpress-editor .tool li.underline button.hover{ background-position:-65px -21px;}
.xpress-editor .tool li.italic button.hover{ background-position:-86px -21px;}
.xpress-editor .tool li.del button.hover{ background-position:-107px -21px;}
.xpress-editor .tool li.fcolor button.hover{ background-position:-128px -21px;}
.xpress-editor .tool li.bcolor button.hover{ background-position:-149px -21px;}
.xpress-editor .tool li.sup button.hover{ background-position:-170px -21px;}
.xpress-editor .tool li.sub button.hover{ background-position:-191px -21px;}
.xpress-editor .tool li.left button.hover{ width:22px; background-position:-212px -21px;}
.xpress-editor .tool li.center button.hover{ background-position:-234px -21px;}
.xpress-editor .tool li.right button.hover{ background-position:-255px -21px;}
.xpress-editor .tool li.justify button.hover{ background-position:-276px -21px;}
.xpress-editor .tool li.ol button.hover{ background-position:-297px -21px;}
.xpress-editor .tool li.ul button.hover{ background-position:-318px -21px;}
.xpress-editor .tool li.outdent button.hover{ background-position:-339px -21px;}
.xpress-editor .tool li.indent button.hover{ background-position:-360px -21px;}
.xpress-editor .tool li.blockquote button.hover{ width:22px; background-position:-381px -21px;}
.xpress-editor .tool li.url button.hover{ width:26px; background-position:-403px -21px;}
.xpress-editor .tool li.character button.hover{ background-position:-429px -21px;}
.xpress-editor .tool li.find button.hover{ background-position:-450px -21px;}
.xpress-editor .tool li.table button.hover{ width:22px; background-position:-471px -21px;}
.xpress-editor .tool li.merge button.hover{ background-position:-493px -21px;}
.xpress-editor .tool li.splitCol button.hover{ background-position:-514px -21px;}
.xpress-editor .tool li.splitRow button.hover{ background-position:-535px -21px;}
.xpress-editor .tool li.extensions span.hover{ background-position:0 -21px;}
.xpress-editor .tool li.extensions span.hover button{ background-position:right -21px;}
.xpress-editor .tool li.html span.hover{ background-position:0 -21px;}
.xpress-editor .tool li.html span.hover button{ background-position:right -21px;}
.xpress-editor .tool li.preview span.hover{ background-position:0 -21px;}
.xpress-editor .tool li.preview span.hover button{ background-position:right -21px;}

/* Content > Tool > Button Active */
.xpress-editor .tool li.undo button.active{ width:22px; background-position:0 -42px;}
.xpress-editor .tool li.redo button.active{ background-position:-22px -42px;}
.xpress-editor .tool li.bold button.active{ width:22px; background-position:-43px -42px;}
.xpress-editor .tool li.underline button.active{ background-position:-65px -42px;}
.xpress-editor .tool li.italic button.active{ background-position:-86px -42px;}
.xpress-editor .tool li.del button.active{ background-position:-107px -42px;}
.xpress-editor .tool li.fcolor button.active{ background-position:-128px -42px;}
.xpress-editor .tool li.bcolor button.active{ background-position:-149px -42px;}
.xpress-editor .tool li.sup button.active{ background-position:-170px -42px;}
.xpress-editor .tool li.sub button.active{ background-position:-191px -42px;}
.xpress-editor .tool li.left button.active{ width:22px; background-position:-212px -42px;}
.xpress-editor .tool li.center button.active{ background-position:-234px -42px;}
.xpress-editor .tool li.right button.active{ background-position:-255px -42px;}
.xpress-editor .tool li.justify button.active{ background-position:-276px -42px;}
.xpress-editor .tool li.ol button.active{ background-position:-297px -42px;}
.xpress-editor .tool li.ul button.active{ background-position:-318px -42px;}
.xpress-editor .tool li.outdent button.active{ background-position:-339px -42px;}
.xpress-editor .tool li.indent button.active{ background-position:-360px -42px;}
.xpress-editor .tool li.blockquote button.active{ width:22px; background-position:-381px -42px;}
.xpress-editor .tool li.url button.active{ width:26px; background-position:-403px -42px;}
.xpress-editor .tool li.character button.active{ background-position:-429px -42px;}
.xpress-editor .tool li.find button.active{ background-position:-450px -42px;}
.xpress-editor .tool li.table button.active{ width:22px; background-position:-471px -42px;}
.xpress-editor .tool li.merge button.active{ background-position:-493px -42px;}
.xpress-editor .tool li.splitCol button.active{ background-position:-514px -42px;}
.xpress-editor .tool li.splitRow button.active{ background-position:-535px -42px;}
.xpress-editor .tool li.extensions span.active{ background-position:0 -42px;}
.xpress-editor .tool li.extensions span.active button{ background-position:right -42px;}
.xpress-editor .tool li.html span.active{ background-position:0 -42px;}
.xpress-editor .tool li.html span.active button{ background-position:right -42px;}
.xpress-editor .tool li.preview span.active{ background-position:0 -42px;}
.xpress-editor .tool li.preview span.active button{ background-position:right -42px;}

/* Content > Tool > Button Off */
.xpress-editor .tool.off li.undo button,
.xpress-editor .tool li.undo button.off{ width:22px; background-position:0 -63px;}
.xpress-editor .tool.off li.redo button,
.xpress-editor .tool li.redo button.off{ background-position:-22px -63px;}
.xpress-editor .tool.off li.bold button{ width:22px; background-position:-43px -63px;}
.xpress-editor .tool.off li.underline button{ background-position:-65px -63px;}
.xpress-editor .tool.off li.italic button{ background-position:-86px -63px;}
.xpress-editor .tool.off li.del button{ background-position:-107px -63px;}
.xpress-editor .tool.off li.fcolor button{ background-position:-128px -63px;}
.xpress-editor .tool.off li.bcolor button{ background-position:-149px -63px;}
.xpress-editor .tool.off li.sup button{ background-position:-170px -63px;}
.xpress-editor .tool.off li.sub button{ background-position:-191px -63px;}
.xpress-editor .tool.off li.left button{ width:22px; background-position:-212px -63px;}
.xpress-editor .tool.off li.center button{ background-position:-234px -63px;}
.xpress-editor .tool.off li.right button{ background-position:-255px -63px;}
.xpress-editor .tool.off li.justify button{ background-position:-276px -63px;}
.xpress-editor .tool.off li.ol button{ background-position:-297px -63px;}
.xpress-editor .tool.off li.ul button{ background-position:-318px -63px;}
.xpress-editor .tool.off li.outdent button{ background-position:-339px -63px;}
.xpress-editor .tool.off li.indent button{ background-position:-360px -63px;}
.xpress-editor .tool.off li.blockquote button{ width:22px; background-position:-381px -63px;}
.xpress-editor .tool.off li.url button{ width:26px; background-position:-403px -63px;}
.xpress-editor .tool.off li.character button{ background-position:-429px -63px;}
.xpress-editor .tool.off li.find button{ background-position:-450px -63px;}
.xpress-editor .tool.off li.table button{ width:22px; background-position:-471px -63px;}
.xpress-editor .tool.off li.merge button,
.xpress-editor .tool li.merge button.off{ background-position:-493px -63px;}
.xpress-editor .tool.off li.splitCol button,
.xpress-editor .tool li.splitCol button.off{ background-position:-514px -63px;}
.xpress-editor .tool.off li.splitRow button,
.xpress-editor .tool li.splitRow button.off{ background-position:-535px -63px;}
.xpress-editor .tool.off li.extensions span{ background-position:0 -63px;}
.xpress-editor .tool.off li.extensions span button{ background-position:right -63px; color:#bcbcbc;}
.xpress-editor .tool.off li button{ cursor:default;}
.xpress-editor .tool.off ul.extra3 li button{ cursor:pointer;}

/* Content > Tool > Layer */
.xpress-editor .tool .layer{ display:none; position:absolute; left:0; top:20px; background-color:#fbfbfb; border:1px solid #c5c5c5; border-right:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f;}
.xpress-editor .tool .layer li{ float:none; left:0;}
.xpress-editor .tool .layer button{ margin:0 !important; width:auto; height:auto; background:none;}
.xpress-editor .tool .layer button span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.xpress-editor .tool .btn_area{ position:relative; clear:both; text-align:center !important; padding:7px 0 12px 0; width:100%; white-space:nowrap; *zoom:1;}
.xpress-editor .tool .btn_area *{ vertical-align:top;}
.xpress-editor .tool button.close{ position:absolute; top:4px; right:3px; width:21px; height:20px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_close.gif") no-repeat center center !important;}
.xpress-editor .tool button.close span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
.xpress-editor .tool .layer .btn_area button{ *margin:0 2px !important;}
.xpress-editor .tool .layer .btn_area button.confirm{ width:38px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_confirm.gif") no-repeat;}
.xpress-editor .tool .layer .btn_area button.cancel{ width:38px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_cancel.gif") no-repeat;}

.xpress-editor .tool li.fcolor .layer{ width:218px !important; height:auto !important; background-image:none !important; overflow:hidden;}
.xpress-editor .tool .layer .palette{ width:210px; position:relative; left:7px; padding:8px 0 7px 0; margin:0;}
.xpress-editor .tool .layer .palette li{ float:left; margin:0 1px 1px 0; font-size:0; line-height:0;}
.xpress-editor .tool .layer .palette button{ position:relative; overflow:hidden; width:11px; height:11px;}

.xpress-editor .tool li.bcolor .layer { width:218px; overflow:hidden;}
.xpress-editor .tool .layer .background{ width:210px; position:relative; left:7px; margin:0 0 -2px 0; padding:8px 0 0 0; *padding-bottom:8px; _padding-bottom:4px;}
.xpress-editor .tool .layer .background li{ float:left; margin:0 5px 2px 0;}
.xpress-editor .tool .layer .background button{ position:relative; overflow:hidden; width:65px; height:19px; text-align:left; padding:4px;}
.xpress-editor .tool .layer .background button span{ position:relative; visibility:visible; font-size:12px; line-height:normal; width:auto; height:auto;}

.xpress-editor .tool li.style .layer{ padding:4px 2px; _overflow:hidden; filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=2);}
.xpress-editor .tool li.style .layer li{ position:relative; background:#fbfbfb;}
.xpress-editor .tool li.style .layer li button{ display:block; width:134px; position:relative;}
.xpress-editor .tool li.style .layer li button span{ display:block; width:130px; text-align:left; letter-spacing:normal;}
.xpress-editor .tool li.style .layer li.h3 button span{ padding:3px 0 1px 4px; height:15px; _height /**/:19px; font-size:16px; font-weight:bold;}
.xpress-editor .tool li.style .layer li.h4 button span{ padding:3px 0 2px 4px; height:13px; _height /**/:18px; font-size:14px; font-weight:bold;}
.xpress-editor .tool li.style .layer li.h5 button span{ padding:3px 0 1px 4px; height:11px; _height /**/:15px; font-size:12px; font-weight:bold;}
.xpress-editor .tool li.style .layer li.h6 button span{ padding:3px 0 1px 4px; height:11px; _height /**/:15px; font-size:12px;}
.xpress-editor .tool li.style .layer li.p button span{ padding:3px 0 1px 4px; height:11px; _height /**/:15px; font-size:12px; color:#5d5d5d;}
.xpress-editor .tool li.style .layer li button.hover{ background:#c1f471; *height:1%;}

.xpress-editor .tool li.blockquote .layer{ padding:6px 5px 6px 7px; left:0; width:288px;}
.xpress-editor .tool li.blockquote .layer ul{ *zoom:1; margin:0;}
.xpress-editor .tool li.blockquote .layer ul:after{ content:""; display:block; clear:both;}
.xpress-editor .tool li.blockquote .layer li{ position:relative; float:left; overflow:hidden; width:32px; height:34px; margin:0 2px 0 0; border:1px solid #cdcecc; background-image:url("/modules/editor/skins/xpresseditor/img/btn_qmark.gif"); background-repeat:no-repeat;}
.xpress-editor .tool li.blockquote .layer li.q1{ background-position:0 0;}
.xpress-editor .tool li.blockquote .layer li.q2{ background-position:-32px 0;}
.xpress-editor .tool li.blockquote .layer li.q3{ background-position:-64px 0;}
.xpress-editor .tool li.blockquote .layer li.q4{ background-position:-96px 0;}
.xpress-editor .tool li.blockquote .layer li.q5{ background-position:-128px 0;}
.xpress-editor .tool li.blockquote .layer li.q6{ background-position:-160px 0;}
.xpress-editor .tool li.blockquote .layer li.q7{ background-position:-192px 0;}
.xpress-editor .tool li.blockquote .layer li.q8{ background-position:-224px 0;}
.xpress-editor .tool li.blockquote .layer li button{ width:32px; height:34px;}

.xpress-editor .tool li.url .layer{ width:231px; height:125px; background-image:url("/modules/editor/skins/xpresseditor/img/bx_url.gif"); background-repeat:no-repeat; background-position:10px 14px;}
.xpress-editor .tool li.url .layer fieldset{ position:absolute; width:212px; left:10px; top:14px;}
.xpress-editor .tool li.url .layer fieldset h3{ position:absolute; top:-4px; left:15px; color:#404040; visibility:visible; font-size:12px; line-height:normal; width:auto; height:auto; background:none; margin:0; padding:0; font-weight:normal;}
.xpress-editor .tool li.url .layer fieldset input.link{ position:absolute; left:12px; top:19px; width:179px; padding:2px 0 1px 6px; *margin:-1px 0; font-size:11px; height:13px; border:1px solid #818181; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.xpress-editor .tool li.url .layer fieldset p{ position:absolute; left:12px; top:44px;}
.xpress-editor .tool li.url .layer fieldset p input{ width:13px; height:13px; vertical-align:middle; margin-right:3px;}
.xpress-editor .tool li.url .layer .btn_area{ position:absolute; bottom:12px; padding:0;}

.xpress-editor .tool li.table .layer{ width:242px; height:239px; background-image:url("/modules/editor/skins/xpresseditor/img/bx_table.gif"); background-repeat:no-repeat; background-position:10px 14px;}
.xpress-editor .tool li.table .layer fieldset{ position:absolute; width:222px; left:10px;}
.xpress-editor .tool li.table .layer fieldset h3{ position:absolute; top:-4px; left:15px; color:#404040; visibility:visible; font-size:12px; line-height:normal; width:auto; height:auto; background:none; margin:0; padding:0; font-weight:normal;}

.xpress-editor .tool li.table .layer fieldset dl{ position:absolute; left:10px;}
.xpress-editor .tool li.table .layer fieldset dt{ float:left; padding:3px 0 0 0; height:20px; white-space:nowrap; letter-spacing:-1px;}
.xpress-editor .tool li.table .layer fieldset dd{ float:right; position:relative;}
.xpress-editor .tool li.table .layer fieldset dd button.add,
.xpress-editor .tool li.table .layer fieldset dd button.del{ position:absolute; left:27px; width:15px; height:8px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_cell_adjust.gif") no-repeat;}
.xpress-editor .tool li.table .layer fieldset dd button.add{ top:1px;}
.xpress-editor .tool li.table .layer fieldset dd button.del{ top:9px; background-position:0 -8px;}
.xpress-editor .tool li.table .layer fieldset dd .preview_palette{ display:block; float:left; margin:0 3px 0 0; padding:2px; position:relative; border:1px solid #c8c9c6; width:14px; height:14px; overflow:hidden;}
.xpress-editor .tool li.table .layer fieldset dd .preview_palette button{ width:14px; height:14px; font-size:500px; line-height:0;}
.xpress-editor .tool li.table .layer fieldset dd .find_palette{ width:33px; height:20px; background:url("/modules/editor/skins/xpresseditor/img/btn_search.gif") no-repeat;}

.xpress-editor .tool li.table .layer fieldset.num{ top:14px;}
.xpress-editor .tool li.table .layer fieldset.num dl{ top:18px; width:60px;}
.xpress-editor .tool li.table .layer fieldset.num dt{ height:20px;}
.xpress-editor .tool li.table .layer fieldset.num dd{ height:23px;}
.xpress-editor .tool li.table .layer fieldset.num dt label{ font-size:11px; color:#333;}
.xpress-editor .tool li.table .layer fieldset.num dd input{ padding:3px 0 0 6px; *margin:-1px 0; width:35px; height:13px; font-size:11px; border:1px solid #818181; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}

.xpress-editor .tool li.table .layer fieldset.color{ top:96px;}
.xpress-editor .tool li.table .layer fieldset.color dl{ top:18px; width:210px;}
.xpress-editor .tool li.table .layer fieldset.color dt{ height:23px;}
.xpress-editor .tool li.table .layer fieldset.color dd{ height:26px; width:146px;}
.xpress-editor .tool li.table .layer fieldset.color dt label{ font-size:11px; color:#333;}
.xpress-editor .tool li.table .layer fieldset.color dd input{ padding:3px 0 0 6px; *margin:-1px 0; font-size:11px; border:1px solid #818181; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.xpress-editor .tool li.table .layer fieldset.color dd input#table_border_width{ width:35px; height:13px;}
.xpress-editor .tool li.table .layer fieldset.color dd input#table_border_color,
.xpress-editor .tool li.table .layer fieldset.color dd input#table_bg_color{ width:70px; height:15px; *margin-right:3px;}

.xpress-editor .tool li.table .layer table{ position:absolute; top:18px; left:75px; width:137px; height:40px; table-layout:fixed;}
.xpress-editor .tool li.table .layer table *{ font-size:0; line-height:0;}
.xpress-editor .tool li.table .layer table th,
.xpress-editor .tool li.table .layer table td{ text-align:center;}
.xpress-editor .tool li.table .layer .btn_area{ position:absolute; bottom:12px; padding:0; z-index:1;}

.xpress-editor .tool li.table .layer .palette{ display:none; position:absolute; z-index:2; left:11px; width:204px; padding:8px 7px 7px 7px; _padding-right:6px; background-color:#fbfbfb; border:1px solid #c5c5c5; border-right:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f;}
.xpress-editor .tool li.table .layer.p1 .palette{ display:block; top:163px;}
.xpress-editor .tool li.table .layer.p2 .palette{ display:block; top:189px;}

.xpress-editor .tool li.character .layer{ width:433px; height:242px; overflow:hidden;}
.xpress-editor .tool li.character .layer ul{ margin:0;}
.xpress-editor .tool li.character .layer h3{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
.xpress-editor .tool li.character .layer .nav{ position:absolute; top:11px; left:-1px; overflow:hidden; white-space:nowrap;}
.xpress-editor .tool li.character .layer .nav li{ display:inline; margin:0 -4px 0 0; padding:0 8px; background:url("/modules/editor/skins/xpresseditor/img/vr_layer_character.gif") no-repeat 0 0;}
.xpress-editor .tool li.character .layer .nav li a{ color:#444; text-decoration:none; letter-spacing:-1px;}
.xpress-editor .tool li.character .layer .nav li a:hover,
.xpress-editor .tool li.character .layer .nav li a:active,
.xpress-editor .tool li.character .layer .nav li a:focus{ text-decoration:underline;}
.xpress-editor .tool li.character .layer .nav li a.on{ font-weight:bold; color:#004790; display:inline;}
.xpress-editor .tool li.character .layer .list{ position:absolute; left:7px; top:30px; width:421px; height:172px; background:url("/modules/editor/skins/xpresseditor/img/bx_character.gif") no-repeat;}
.xpress-editor .tool li.character .layer .list li{ position:relative; top:1px; left:1px; float:left; width:20px; height:18px; margin:0 1px 1px 0;}
.xpress-editor .tool li.character .layer .list li button{ width:20px; height:18px;}
.xpress-editor .tool li.character .layer .list li button.hover{ border:2px solid #27c11a;}
.xpress-editor .tool li.character .layer .list li button span{ overflow:visible; font-size:12px; width:auto; height:auto; position:relative; visibility:visible; line-height:normal;}
.xpress-editor .tool li.character .layer p{ position:absolute; top:212px; left:7px;}
.xpress-editor .tool li.character .layer p *{ vertical-align:top;}
.xpress-editor .tool li.character .layer p label{ position:relative; top:4px; margin:0 7px 0 0; color:#333; letter-spacing:-1px;}
.xpress-editor .tool li.character .layer p input{ padding:3px 0 0 4px; margin:0 4px 0 0; width:300px; _width /**/:306px; height:16px; _height /**/:20px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.xpress-editor .tool li.character .layer p button{ position:relative; *top:1px; width:38px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_confirm.gif") no-repeat;}
.xpress-editor .tool li.character .layer p button span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}

.xpress-editor .tool li.find .layer{ width:242px;}
.xpress-editor .tool li.find .layer h3{ background:#f2f2f2; color:#333; height:21px; margin:0 0 11px 0; padding:7px 0 0 5px;}
.xpress-editor .tool li.find .layer .menu_tab{ position:relative; z-index:20; width:100%; *zoom:1;}
.xpress-editor .tool li.find .layer .menu_tab:after{ content:""; display:block; clear:both;}
.xpress-editor .tool li.find .layer .layer_tab{ position:relative; left:10px; padding:0; margin:0; clear:both;}
.xpress-editor .tool li.find .layer .layer_tab li{ position:relative; z-index:1; float:left; margin-right:1px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_tab.gif") no-repeat 0 0;}
.xpress-editor .tool li.find .layer .layer_tab li a{ position:relative; display:block; float:left; left:2px; height:15px; padding:4px 9px 0 5px; color:#404040; text-decoration:none; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_tab.gif") no-repeat right 0;}
.xpress-editor .tool li.find .layer.find .layer_tab li.tab1,
.xpress-editor .tool li.find .layer.replace .layer_tab li.tab2{ top:-1px; margin-bottom:-1px;}
.xpress-editor .tool li.find .layer.find .layer_tab li.tab1 a,
.xpress-editor .tool li.find .layer.replace .layer_tab li.tab2 a{ height:18px;}
.xpress-editor .tool li.find .layer .container{ position:relative; z-index:1; clear:both; top:-2px;}
.xpress-editor .tool li.find .layer .container .bx{ display:none; position:relative; width:222px; left:10px; clear:both; z-index:1; background:url("/modules/editor/skins/xpresseditor/img/bx_find.gif") no-repeat;}
.xpress-editor .tool li.find .layer.find .container #find,
.xpress-editor .tool li.find .layer.replace .container #replace{ display:block;}

.xpress-editor .tool li.find .layer .bx fieldset{ position:relative; padding:13px 0 17px 11px;}
.xpress-editor .tool li.find .layer .bx fieldset *{ vertical-align:top;}
.xpress-editor .tool li.find .layer .bx label{ position:relative; top:4px; margin:0 7px 0 0; font-size:11px; letter-spacing:-1px; color:#333;}
.xpress-editor .tool li.find .layer .bx input{ padding:3px 0 0 4px; width:144px; _width /**/:150px; height:14px; _height /**/:19px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.xpress-editor .tool li.find .layer .bx .cap{ position:absolute; left:0; bottom:0; display:block; width:222px; height:2px; _margin:0 0 -1px 0; overflow:hidden; background:#fff url("/modules/editor/skins/xpresseditor/img/bx_find.gif") no-repeat left bottom; font-size:0; line-height:0;}
.xpress-editor .tool li.find .layer .bx#replace fieldset{ height:45px; _height /**/:75px;}
.xpress-editor .tool li.find .layer .bx#replace fieldset #keyword2{ margin-bottom:6px;}
.xpress-editor .tool li.find .layer .btn_area button{ display:none; *margin:0 2px !important;}
.xpress-editor .tool li.find .layer.find .btn_area .find_next{ display:inline; width:62px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_find_next_strong.gif") no-repeat;}
.xpress-editor .tool li.find .layer.replace .btn_area .find_next{ display:inline; width:55px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_find_next.gif") no-repeat;}
.xpress-editor .tool li.find .layer.replace .btn_area .replace{ display:inline; width:48px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_replace.gif") no-repeat;}
.xpress-editor .tool li.find .layer.replace .btn_area .replace_all{ display:inline; width:69px; height:21px; background:url("/modules/editor/skins/xpresseditor/img/btn_layer_replace_all.gif") no-repeat;}
.xpress-editor .tool li.find .layer .btn_area .cancel{ display:inline;}

.xpress-editor .tool li.extensions .layer{ width:auto; white-space:nowrap; padding:5px 10px;}
.xpress-editor .tool li.extensions .layer li{ margin:2px 0;}
.xpress-editor .tool li.extensions .layer li a { color:#000; text-decoration:none; }
.xpress-editor .tool li.extensions .layer li a:hover { text-decoration:underline; }

/* File Uploader */
.xpress-editor .fileUploader{ clear:both; padding-top:5px; margin-bottom:10px;}
.xpress-editor .fileUploader:after{ content:""; display:block; clear:both;}
.xpress-editor .fileUploader .preview{ float:left; width:64px; height:64px; border:1px solid #ccc;; padding:2px; margin:0 10px 5px 0;}
.xpress-editor .fileUploader .preview.black { background-color:#000; border:1px solid #666;}
.xpress-editor .fileUploader .preview img{ display:block; width:64px; height:64px;}
.xpress-editor .fileUploader .fileListArea{ float:left; width:260px; margin:0 10px 5px 0;}
.xpress-editor .fileUploader .fileListArea select{ width:100%; height:70px; overflow:auto;}
.xpress-editor .fileUploader .fileListArea select option{ font-size:11px;}
.xpress-editor .fileUploader .fileListArea.black select { background-color:#000; border:1px solid #666;}
.xpress-editor .fileUploader .fileListArea.black select option { color:#aaa; }
.xpress-editor .fileUploader .fileUploadControl{ clear:right;}
.xpress-editor .fileUploader .fileUploadControl .button{ margin-bottom:5px;}
.xpress-editor .fileUploader .file_attach_info{ clear:right; margin:5px 0;}

/* Auto Save */
.xpress-editor .autosave_message { display:none; background: #f6ffdb; padding:6px 10px; margin:0; line-height:1;}
.xpress-editor.black .autosave_message { display:none; background:#222; padding:6px 10px; margin:0; line-height:1; color:#fff; }
.xpress-editor .input_syntax.black { background:transparent; color:#fff; }


/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기서 부터 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#bloozContent{ position:relative; *zoom:1;}
#bloozContent:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #bloozContent,
.fixed .ec #body #bloozContent{ width:720px;}
.fixed .ce #body #bloozContent{ float:left;}
.fixed .ec #body #bloozContent{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #bloozContent,
.liquid .ec #body #bloozContent{ width:75%;}
.liquid .ce #body #bloozContent{ float:left;}
.liquid .ec #body #bloozContent{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #bloozContent,
.hybrid .ec #body #bloozContent{ width:100%;}
.hybrid .ce #body #bloozContent{ float:left;}
.hybrid .ec #body #bloozContent{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #bloozContent,
.fixed .ece #body #bloozContent,
.fixed .eec #body #bloozContent{ width:520px;}

.fixed .cee #body #bloozContent{ float:left; margin-right:20px;}
.fixed .ece #body #bloozContent{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #bloozContent{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #bloozContent,
.liquid .ece #body #bloozContent,
.liquid .eec #body #bloozContent{ width:56%;}

.liquid .cee #body #bloozContent{ float:left; margin-right:2%;}
.liquid .ece #body #bloozContent{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #bloozContent{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #bloozContent,
.hybrid .ece #body #bloozContent,
.hybrid .eec #body #bloozContent{ width:100%;}

.hybrid .cee #body #bloozContent,
.hybrid .ece #body #bloozContent{ float:left; margin-right:-100%;}
.hybrid .eec #body #bloozContent{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/* 
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.
여기까지 CSS 프레임웍 입니다. 프레임웍 수정을 권장하지 않습니다. 스킨을 변형할 때 프레임웍 밖에서 선언된 속성으로 덮어쓰기 할 수 있습니다. 
*/

body {
	background:url("/files/attach/textyle/047/img/bg.jpg") center top;
	margin:0;
}

/** Header **/
#header {
	background:url("/files/attach/textyle/047/img/headerBg.jpg") center top repeat-x;
	height:89px;
}

#header .header_container {
	width:900px;
	margin:auto;
	padding:10px 0 0 0;
}

#header .logo {
	float:left;
}

#header .logo h1 {
	margin:0;
	padding:0;
}

#header .logo a.img {
	background:url("/files/attach/textyle/047/img/logo.jpg") no-repeat;
	display:block;
	width:156px;
	height:35px;
}

#header .logo a.img span {
	display:none;
}

#header .logo a {
	font:12px arial;
	color:#bbb;
	text-decoration:none;
}

#header .logo a:hover {
	font:12px arial;
	color:#777;
	text-decoration:underline;
}

#header ul.headerLinks {
	float:right;
	margin:10px 0 0 0;
	padding:0;
	height:34px;
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat top center;
}

#header ul.headerLinks li {
	list-style:none;
	float:left;
	background:url("/files/attach/textyle/047/img/headerLinkDivider.gif") no-repeat 0px 9px;
	padding:0 0 0 1px;
}


#header ul.headerLinks li.left {
	padding:0;
}

#header ul.headerLinks li.left a {
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat top left;
	height:34px;
	padding-left:20px;
}

#header ul.headerLinks li.center a {
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat top center;
	height:34px;
}

#header ul.headerLinks li.right a {
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat top right;
	height:34px;
	padding-right:20px;
}


#header ul.headerLinks li.left a.on {
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat bottom left;
	height:34px;
	padding-left:20px;
	color:#fff;
	font-weight:bold;
}

#header ul.headerLinks li.center a.on {
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat bottom center;
	height:34px;
	color:#fff;
	font-weight:bold;
}

#header ul.headerLinks li.right a.on {
	background:url("/files/attach/textyle/047/img/headerBar.gif") no-repeat bottom right;
	height:34px;
	padding-right:20px;
	color:#fff;
	font-weight:bold;
}


#header ul.headerLinks li a {
	font:12px/270% arial;
	color:#7797ab;
	padding:0 10px;
	text-decoration:none;
	display:block;
	float:left;
}

#header ul.headerLinks li a:hover {
	color:#436b84;
}


/** Box **/
#bloozContent {
	width:921px;
	margin:auto;
	padding:10px 0 0 0;
}

#bloozContent .boxTop {
	background:url("/files/attach/textyle/047/img/boxTop.png") no-repeat;
	_background:url("/files/attach/textyle/047/img/blank.gif") no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./modules/textyle/skins/blooz_textyle/img/boxTop.png", sizingMethod="scale");
	width:921px;
	height:56px;
}

#bloozContent .boxContent {
	background:url("/files/attach/textyle/047/img/boxCenter.jpg") repeat-y;
	width:876px;
	padding:0 15px 0 30px;
}

#bloozContent .boxBottom {
	background:url("/files/attach/textyle/047/img/boxBottom.png") no-repeat;
	_background:url("/files/attach/textyle/047/img/blank.gif") no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./modules/textyle/skins/blooz_textyle/img/boxBottom.png", sizingMethod="scale");
	width:921px;
	height:153px;
}


/** Column **/
.columnLeft {
	width:610px;
	float:left;
	position:relative;
}

.columnRight {
	width:230px;
	float:right;
	position:relative;
	overflow:hidden;
}

/** Widget **/
h3.widgetTitle {
	color:#fff;
	position:relative;
	font:bold 16px arial;
	margin:0;
	padding:0;
}

h3.widgetTitle span {
	display:block;
	position:absolute;
	z-index:1;
	margin:-2px 0 0 -2px;
	color:#585858;
}


/** Common **/
.clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

a img {
	border:none;
}
/* Extension */
#body .extension a{ text-decoration:none;}
#body .extension .section{ color:#666; margin-bottom:40px;}
#body .extension .section h2{ padding:0; margin:0 0 15px 0; font:20px Tahoma; border-bottom:2px solid #222; color:#000;}
#body .extension .section a{ color:#666;}

#body .extension .section.profile{ line-height:1.5; *zoom:1;}
#body .extension .section.profile:after{ content:""; display:block; clear:both;}
#body .extension .section.profile *{ margin-top:0 !important;}
#body .extension .section.profile .thumb{ padding:2px; border:1px solid #ddd; margin:0 15px 5px 0; float:left;}

#body .extension .section h2{ background:url("/files/attach/textyle/047/img/iconH2.gif") no-repeat;}
#body .extension .section.category h2{ background-position:right 6px;}
#body .extension .section.recentPost h2{ background-position:right -44px;}
#body .extension .section.recentComment h2{ background-position:right -94px;}
#body .extension .section.recentTrackback h2{ background-position:right -144px;}
#body .extension .section.recentTag h2{ background-position:right -194px;}

/* Content */
#bloozContent .postTitle{ position:relative; margin:0 0 5px 0; padding:0 0 5px 0; font-size:18px; font-family:Dotum; color:#777; border-bottom:1px dashed #c4c4c4;}
#bloozContent .postTitle em{ font-style:normal; color:#ff6600;}
#bloozContent .postTitlecategory{ padding:0 0 0 0px; margin:0 0 0 0px; font-size:11px; color:#8e8e8e; float:left;}
#bloozContent .authorEdit { float:right; color:#b0b0b0;}
#bloozContent .authorEdit a{ color:#b0b0b0;font-family:arial;}
#bloozContent .authorEdit a:hover{ color:#7e7e7e;font-family:arial;}
#bloozContent .authorEdit .author{ color:#848484;font-weight:bold;}

#bloozContent .postTitle a{ text-decoration:none; color:#000;}
#bloozContent .postTitle a:hover,
#bloozContent .postTitle a:active,
#bloozContent .postTitle a:focus{ text-decoration:underline;}

#bloozContent .postMeta{ float:right; clear:both; position:relative; top:-40px; margin:0 0 -20px 0; right:0; font-size:11px; text-align:right;}
#bloozContent .postMeta .yymmdd{ color:#666;}
#bloozContent .postMeta .hhmm{ color:#8b8b8b;}
#bloozContent .postMeta .author{ padding:0 0 0 6px; margin:0 0 0 4px; text-decoration:none; color:#000; background:url("/files/attach/textyle/047/img/lineVrText.gif") no-repeat left center; font-family:Dotum;}
#bloozContent .postMeta a.editPost{ padding:0 0 0 8px; text-decoration:underline; margin-left:5px; color:#666; background:url("/files/attach/textyle/047/img/lineVrText.gif") no-repeat left center; *zoom:1;}

#bloozContent .usedTag{ *zoom:1; font-size:11px; border-bottom:1px dotted #ccc; background:#f9f9f9; padding:8px 4px; }
#bloozContent .usedTag *{ display:inline; margin:0; padding:0;}
#bloozContent .usedTag dt img{ vertical-align:middle;}
#bloozContent .usedTag dd{ color:#8b8b8b; padding-left:5px;}
#bloozContent .usedTag dd a{ color:#8b8b8b; text-decoration:none; font-family:Dotum;}
#bloozContent .usedTag dd a:hover,
#bloozContent .usedTag dd a:active,
#bloozContent .usedTag dd a:focus{ text-decoration:underline;}

#bloozContent .summarySpot{ float:left; margin-right:1.5em !important; position:relative;}
#bloozContent .summaryMore{ clear:both; text-align:right;}
#bloozContent .summaryMore a{ color:#666;}

/* Feedback */
.feedback{ margin-bottom:30px; padding-top:1em; border-top:1px solid #808080;}

.feedback .feedbackTitle{ position:relative; padding:0 0 0 45px; overflow:hidden; font-size:18px; line-height:1; font-weight:normal; margin-top:0; font-family:tahoma;}
.feedback .feedbackTitle em{ position:absolute; left:0; top:0; display:inline-block; font-size:14px; vertical-align:top; font-style:normal; color:#ff1a1a;}

.feedback .feedbackOrder{ position:relative; margin:0; padding:0; *zoom:1;}
.feedback .feedbackOrder .item{ position:relative; *zoom:1;}
.feedback .feedbackOrder .item:after{ content:""; display:block; clear:both;}

.feedback.trackback .feedbackTitle,
.feedback.trackback .feedbackTitle em{ background-image:url("/files/attach/textyle/047/img/iconTrackbackNum.gif"); background-repeat:no-repeat;}
.feedback.trackback .feedbackTitle{ height:19px; background-position:0 0;}
.feedback.trackback .feedbackTitle em{ height:19px; line-height:19px; padding:0 10px 0 4px; margin:0 5px 0 6px; background-position:right -19px;}
.feedback.trackback .data{ color:#8b8b8b;}
.feedback.trackback .item{ padding:15px 0; list-style:none; border-top:1px solid #e5e5e5;}

.feedback.reply .feedbackTitle,
.feedback.reply .feedbackTitle em{ background-image:url("/files/attach/textyle/047/img/iconReplyNum.gif"); background-repeat:no-repeat;}
.feedback.reply .feedbackTitle{ height:23px; background-position:2px 0;}
.feedback.reply .feedbackTitle em{ height:19px; line-height:19px; padding:0 8px 0 0; margin:0 5px 0 10px; background-position:right -23px;}
.feedback.reply .feedbackOrder{ overflow:hidden;}
.feedback.reply .item{ top:-1px; padding:15px 0; list-style:none; border-top:1px solid #e5e5e5; margin:0;}

.feedback .trackbackURL{ *zoom:1;}
.feedback .trackbackURL:after{ content:""; display:block; clear:both;}
.feedback .trackbackURL dt{ float:left; width:160px; font-weight:bold; color:#666;}
.feedback .trackbackURL dd{ float:left; margin:0;}
.feedback .trackbackURL dd a{ font-size:9px; font-family:Verdana; color:#666; text-decoration:none;}
.feedback .trackbackURL dd a:hover,
.feedback .trackbackURL dd a:active,
.feedback .trackbackURL dd a:focus{ text-decoration:underline;}
.feedback .trackbackURL dd .copy{ border:0; background:transparent; overflow:visible; font-size:11px; color:#666; text-decoration:underline; cursor:pointer; margin:0; padding:0;}

.feedback .item.replyTarget{ background-color:#f9f9f9; padding-right:10px;}
.feedback .item.replyTarget .textyleContent{ background-color:transparent;}
.feedback .item.indent{ background-image:url("/files/attach/textyle/047/img/iconIndent.gif"); background-repeat:no-repeat;}
.feedback .item.indent.indent1{ padding-left:30px; background-position:10px 20px;}
.feedback .item.indent.indent2{ padding-left:60px; background-position:40px 20px;}
.feedback .item.indent.indent3{ padding-left:90px; background-position:70px 20px;}
.feedback .item.indent.indent4{ padding-left:120px; background-position:100px 20px;}
.feedback .item.indent.indent5{ padding-left:150px; background-position:130px 20px;}
.feedback .item.indent.indent6{ padding-left:180px; background-position:160px 20px;}
.feedback .item.indent.indent7{ padding-left:210px; background-position:190px 20px;}
.feedback .item.indent.indent8{ padding-left:240px; background-position:220px 20px;}
.feedback .item.indent.indent9{ padding-left:270px; background-position:250px 20px;}
.feedback .item.indent.indent10{ padding-left:300px; background-position:280px 20px;}
.feedback .item.indent.indent11{ padding-left:330px; background-position:310px 20px;}
.feedback .item.indent.indent12{ padding-left:360px; background-position:340px 20px;}
.feedback .item.indent.indent13{ padding-left:390px; background-position:370px 20px;}
.feedback .item.indent.indent14{ padding-left:420px; background-position:400px 20px;}
.feedback .item.indent.indent15{ padding-left:450px; background-position:430px 20px;}
.feedback .item.indent.indent16{ padding-left:480px; background-position:460px 20px;}
.feedback .item.indent.indent17{ padding-left:510px; background-position:490px 20px;}
.feedback .item.indent.indent18{ padding-left:540px; background-position:520px 20px;}
.feedback .item.indent.indent19{ padding-left:570px; background-position:550px 20px;}
.feedback .item.indent.indent20{ padding-left:600px; background-position:580px 20px;}
.feedback .item.indent.indent21{ padding-left:630px; background-position:610px 20px;}
.feedback .item.indent.indent22{ padding-left:660px; background-position:640px 20px;}
.feedback .item.indent.indent23{ padding-left:690px; background-position:670px 20px;}
.feedback .item.indent.indent24{ padding-left:720px; background-position:700px 20px;}
.feedback .item.indent.indent25{ padding-left:750px; background-position:730px 20px;}
.feedback .item.indent.indent26{ padding-left:780px; background-position:760px 20px;}
.feedback .item.indent.indent27{ padding-left:810px; background-position:790px 20px;}
.feedback .item.indent.indent28{ padding-left:840px; background-position:820px 20px;}
.feedback .item.indent.indent29{ padding-left:870px; background-position:850px 20px;}
.feedback .item.indent.indent30{ padding-left:900px; background-position:880px 20px;}

.feedback .date{ margin:0 5px 0 0; font-size:9px; color:#666; text-align:right; display:inline;}
.feedback .date .hhmm{ color:#8b8b8b;}

.feedback .meta{ width:46px; padding:0 0px 0 0; *zoom:1; float:left; position:relative; }
.feedback .meta:after{ content:""; display:block; clear:both;}
.feedback .meta a{ text-decoration:none;}
.feedback .meta a:hover,
.feedback .meta a:active,
.feedback .meta a:focus{ text-decoration:underline;}
.feedback .meta .thumb{ float:right; margin:0 0 5px 0;}
.feedback .meta .thumb img{ border:1px solid #ededed; padding:2px; vertical-align:middle; width:39px; height:39px;}
.feedback .meta .title{ margin:0 56px 0 0; padding:0; color:#666; font-size:12px; text-align:right;}
.feedback .meta .title a{ color:#000;}

.feedback .data .author{ margin:0 5px 0 0; padding:0 5px 0 0; color:#666; font-size:12px; text-align:right; display:inline; border-right:1px solid #eee;}
.feedback .data .author a{ color:#000;}
.feedback .data .ipAddress{ margin:0; font-size:9px; color:#8b8b8b; text-align:right; display:inline;}
.feedback .data .authorDate { border-bottom:1px dashed #ccc; padding:3px 0 6px 0; margin-bottom:6px; position:relative;}

.feedback .data{ margin-left:46px; }
.feedback .data .trackbackTitle{ margin:0; color:#333; font-weight:normal; font-size:12px;}
.feedback .data .trackbackTitle a{ text-decoration:none; color:#333; margin-right:10px;}
.feedback .data .trackbackTitle a:hover,
.feedback .data .trackbackTitle a:active,
.feedback .data .trackbackTitle a:focus{ text-decoration:underline;}
.feedback .data p{ margin:0 !important;}
.feedback .data p.secret{ padding-left:15px; background:url("/files/attach/textyle/047/img/iconSecret.gif") no-repeat left center; color:#8b8b8b;}


.feedback .reAction{ overflow:hidden; position:relative; float:right; margin:-3px 0 0 0; padding:2px 5px 1px 10px; list-style:none; white-space:nowrap; *zoom:1;}
.feedback .reAction:after{ content:""; display:block; clear:both;}
.feedback .reAction li{ position:relative; left:-5px; display:inline; margin:0; padding:0 0 0 5px; background:url("/files/attach/textyle/047/img/lineVrText.gif") no-repeat left center; *zoom:1; vertical-align:middle;}
.feedback .reAction li *{ vertical-align:middle;}
.feedback .reAction li a{ font-size:11px; text-decoration:none; color:#666;}
.feedback .reAction li a:hover,
.feedback .reAction li a:active,
.feedback .reAction li a:focus{ text-decoration:underline;}
.feedback .reAction li button{ overflow:visible; border:0; background:transparent; cursor:pointer; padding:0; font-size:11px; color:#666;}

.feedback .pwForm{ margin:0; padding:0; display:none;}
.feedback .pwForm.active{ display:block;}
.feedback .pwForm *{ vertical-align:middle;}
.feedback .pwForm{ margin:1em 0;}
.feedback .pwForm .inputText{ font-size:11px; padding:2px 4px 4px 4px; height:12px; width:90px; margin:0 -1px 0 0;}
.feedback .pwForm .submit{ border:1px solid #c2c2c2; border-top-color:#9c9c9c; border-left:0; background:#eee; padding:0 2px; height:20px; cursor:pointer; font:11px Dotum;}

.replyForm{ margin-bottom:50px; border-top:1px solid #808080; padding:1em; background:#fff; }
.replyForm.guestBook{ border:0;}
.feedback .replyForm{ top:0 !important; padding:10px !important; margin-bottom:0; background:#f9f9f9;}
.replyForm *{ font-size:12px;}
.replyForm h3{ font-size:18px; font-weight:normal; margin-top:0; font-family:tahoma;}
.replyForm .inputTextarea{ width:97% !important; background:transparent; padding:5px; display:block; margin:0 0 3px 0; overflow:auto; border:0px; font:12px arial, dotum;}
.feedback .replyForm .inputTextarea{ width:618px !important;}
.replyForm .replyFooter{ *zoom:1; padding:5px 0 0 0;}
.replyForm .replyFooter:after{ content:""; display:block; clear:both;}
.replyForm .replyFooter .optional{ float:left;}
.replyForm .inputText{ height:15px; vertical-align:middle; border:0px; padding:2px 0px; background:transparent;}
.replyForm .inputText.name,
.replyForm .inputText.pw{ width:240px;}
.replyForm .inputText.email,
.replyForm .inputText.url{ width:240px;}
.replyForm .inputCheck{ vertical-align:middle;}
.replyForm label{ vertical-align:middle; cursor:pointer;}
.replyForm .inputSubmit,
.replyForm .inputSubmit input{ position:relative; display:inline-block; height:23px; overflow:visible; background:url("/files/attach/textyle/047/img/buttonSubmit.gif") no-repeat; vertical-align:middle; *vertical-align:top;}
.replyForm .inputSubmit{ float:right; background-position:left top; margin-right:11px;}
.replyForm .inputSubmit input{ height:23px; line-height:23px; border:0; margin:0 -11px 0 0; padding:0 11px 0 11px; font-weight:bold; color:#fff; cursor:pointer; background-color:transparent; font-size:11px; background-position:right top;}
.replyForm strong.name{ margin:0 10px 0 0;}
.replyForm span.email{ color:#8b8b8b; margin:0 10px 0 0; font-size:11px;}
.replyForm span.url{ color:#8b8b8b; font-size:11px; margin:0 10px 0 0;}
.replyForm fieldset { border:1px solid #ccc;padding:10px; background:#f8f8f8; }

.replyForm .replyBoxTop { background:url("/files/attach/textyle/047/img/replyBoxTop.gif") left top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyBoxTop span { display:block; background:url("/files/attach/textyle/047/img/replyBoxTop.gif") right top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyBoxMiddle { border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#fff; }
.replyForm .replyBoxBottom { background:url("/files/attach/textyle/047/img/replyBoxBottom.gif") left top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyBoxBottom span { display:block; background:url("/files/attach/textyle/047/img/replyBoxBottom.gif") right top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }

.replyForm .replyLabel { background:url("/files/attach/textyle/047/img/replyIcons.gif") 0px -2px no-repeat; width:60px; float:left; font:bold 11px arial; color:#777; padding:2px 6px 2px 18px; border-right:1px solid #ddd; margin-right:6px; }
.replyForm .replyLabelMod { width:350px; margin:0 0 5px 0; }

.replyForm .replyInputText .replyBoxTop { background:url("/files/attach/textyle/047/img/replyBoxTop.gif") left top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyInputText .replyBoxTop span { display:block; background:url("/files/attach/textyle/047/img/replyBoxTop.gif") right top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyInputText .replyBoxMiddle { background:url("/files/attach/textyle/047/img/replyBoxBg.gif") #fff 0px -50px repeat-x; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.replyForm .replyInputText .replyBoxBottom { background:url("/files/attach/textyle/047/img/replyBoxBottom.gif") left top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyInputText .replyBoxBottom span { display:block; background:url("/files/attach/textyle/047/img/replyBoxBottom.gif") right top no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }

.replyForm .replyInputTextOver .replyBoxTop { background:url("/files/attach/textyle/047/img/replyBoxTop.gif") left bottom no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyInputTextOver .replyBoxTop span { display:block; background:url("/files/attach/textyle/047/img/replyBoxTop.gif") right bottom no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyInputTextOver .replyBoxMiddle { background:url("/files/attach/textyle/047/img/replyBoxBg.gif") #fff left bottom repeat-x; border-left:1px solid #91a6b7; border-right:1px solid #91a6b7; }
.replyForm .replyInputTextOver .replyBoxBottom { background:url("/files/attach/textyle/047/img/replyBoxBottom.gif") left bottom no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }
.replyForm .replyInputTextOver .replyBoxBottom span { display:block; background:url("/files/attach/textyle/047/img/replyBoxBottom.gif") right bottom no-repeat; height:3px; font-size:0px; line-height:0px; padding-left:5px; }

/* Pagination Reset */
.pagination{ padding:15px 0; margin:5px 0; text-align:center; *zoom:1;}
.pagination:after{ content:""; display:block; clear:both;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle; color:#000;}
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination Number */
.pagination.paginationNum{ border-top:2px solid #666;}
.pagination.paginationNum a,
.pagination.paginationNum strong{ margin:0 2px; padding:1px 2px; font-size:12px; font-weight:bold; color:#999;}
.pagination.paginationNum strong{ text-decoration:underline;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd,
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ display:inline-block; padding:0; margin:0; font-weight:bold !important;}
.pagination.paginationNum a.prev,
.pagination.paginationNum a.prevEnd{ margin-right:5px !important;}
.pagination.paginationNum a.next,
.pagination.paginationNum a.nextEnd{ margin-left:5px !important;}
.pagination.paginationNum a.prev span,
.pagination.paginationNum a.prevEnd span,
.pagination.paginationNum a.next span,
.pagination.paginationNum a.nextEnd span{ color:#333;}
.pagination.paginationNum a:hover,
.pagination.paginationNum a:active,
.pagination.paginationNum a:focus{ text-decoration:underline;}

/* Pagination Post */
.pagination.paginationPost a.prev,
.pagination.paginationPost a.next{ display:block; padding:2px 0; background-repeat:no-repeat; background-color:transparent !important; white-space:normal; font-weight:bold !important; color:#8b8b8b;}
.pagination.paginationPost a.prev{ left:-7px; float:left; padding-left:25px; margin:0; background-image:url("/files/attach/textyle/047/img/buttonPaginationPrev.gif"); background-position:left 7px; text-align:left;}
.pagination.paginationPost a.next{ right:-7px; float:right; padding-right:25px; margin:0; background-image:url("/files/attach/textyle/047/img/buttonPaginationNext.gif"); background-position:right 7px; text-align:right;}
.pagination.paginationPost a:hover,
.pagination.paginationPost a:active,
.pagination.paginationPost a:focus{ text-decoration:underline; color:#ff6600;}

/* WidgetTree */
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree .all{ padding:0 0 0 29px; color:#333 !important; background:url("/files/attach/textyle/047/img/buttonTreeRoot.gif") no-repeat 5px center;}
.widgetTree .sum{ font-size:9px; color:#8b8b8b; font-weight:normal !important;}
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; margin:0 0 0 11px; zoom:1; background:url("/files/attach/textyle/047/img/lineTreeVr.gif") repeat-y 0 -1px;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap; background:url("/files/attach/textyle/047/img/lineTreeHr.gif") no-repeat 1px 5px !important;}
.widgetTree ul li .nav_tree_label,
.widgetTree ul li .sum{ position:relative; left:10px; top:0;}
.widgetTree ul li .nav_tree_label{ color:#666;}
.widgetTree ul li em{ font-style:normal;}
.widgetTree ul li button{ display:inline-block; position:relative; left:-14px; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -17px 0 0; *margin:0 -21px -1px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; background:url("/files/attach/textyle/047/img/buttonTreeCollapse.gif") no-repeat;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 15px; background-position:left top;}
.widgetTree ul li ul li{ display:none;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree ul li.nav_tree_last{ background:url("/files/attach/textyle/047/img/lineTreeLastHr.gif") no-repeat 0 5px !important;}
.widgetTree ul li.active,
.widgetTree ul li.active a,
.widgetTree ul li.active .sum{ color:#ff1a1a !important;}
.widgetTree ul li.active li,
.widgetTree ul li.active li a,
.widgetTree ul li.active li .sum{ font-weight:normal; color:#8b8b8b !important;}
.widgetTree .icon{ position:relative; left:16px;}

/* archive items */
.recentPost .widgetA{ margin:0; padding:0; list-style:none;}
.recentPost .widgetA li{ position:relative; margin:0 0 5px 0;}
.recentPost .widgetA li .date{ position:absolute; top:2px; right:0; font-size:9px; color:#767676;}
.recentPost .widgetA li .hour{ position:absolute; top:2px; right:0; font-size:9px; color:#8b8b8b; display:none;}
.recentPost .widgetA li .replyNum,
.recentPost .widgetA li .replyNum a{ color:#ff1a1a !important;}
.recentPost .widgetA li .trackbackNum,
.recentPost .widgetA li .trackbackNum a{ color:#19a0ff !important;}
.recentPost .widgetA li a {  font-size:12px; font-family:Dotum; color:#777; }
.recentPost .widgetA li a.title {  padding:4px 4px 4px 10px; background:url("/files/attach/textyle/047/img/iconWidgetList.gif") no-repeat 3px 7px; font-size:12px; font-family:Dotum; color:#999; display:block; width:93%; }
.recentPost .widgetA li a.title:hover { background:url("/files/attach/textyle/047/img/iconWidgetList.gif") #f4f4f4 no-repeat 3px 7px; text-decoration:none; color:#777; font-weight:bold; }

.recentComment .widgetA{ margin:0; padding:0; list-style:none; _width:98%; }
.recentComment .widgetA li{ position:relative; padding:0; margin:0 0 5px 0;}
.recentComment .widgetA li .author{ position:absolute; top:2px; right:0; font-size:11px; font-family:Dotum; color:#8b8b8b;}
.recentComment .widgetA li a {  font-size:11px; font-family:Dotum; color:#999;}
.recentComment .widgetA li a:hover {  font-size:11px; font-family:Dotum; color:#777;}

.recentTrackback .widgetA{ margin:0; padding:0; list-style:none;}
.recentTrackback .widgetA li{ position:relative; padding:0; margin:0 0 5px 0;}
.recentTrackback .widgetA li .title{ display:block;}
.recentTrackback .widgetA li .author{ color:#8b8b8b !important;}
.recentTrackback .widgetA li .date{ font-size:9px; color:#8b8b8b;}
.recentTrackback .widgetA li .hour{ font-size:9px; color:#8b8b8b;}

/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.widgetTagCloud li{ display:inline; list-style:none;}
.widgetTagCloud li a{ white-space:nowrap; font-family:Dotum; padding:4px;}
.widgetTagCloud li a:hover { -moz-border-radius: 5px; background:#e8e8e8; }
.widgetTagCloud li.level4 a{ font-size:12px; color:#8b8b8b !important;}
.widgetTagCloud li.level3 a{ font-size:12px; color:#666 !important;}
.widgetTagCloud li.level2 a{ font-size:12px; font-weight:bold; color:#666 !important;}
.widgetTagCloud li.level1 a{ font-size:14px; font-weight:bold; color:#000 !important;}

/* Tag Cloud */
.tagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.tagCloud li{ display:inline; white-space:nowrap; list-style:none;}
.tagCloud li a{ font-family:Dotum;}
.tagCloud li.level1 a{ font-size:11px; color:#888;}
.tagCloud li.level2 a{ font-size:14px; color:#666;}
.tagCloud li.level3 a{ font-size:18px; font-weight:bold; color:#444;}
.tagCloud li.level4 a{ font-size:24px; font-weight:bold; color:#000;}

.tagCloud li a{ text-decoration:none;}
.tagCloud li a:hover,
.tagCloud li a:active,
.tagCloud li a:focus{ text-decoration:underline;}

/* Search Result */
.searchResult{ position:relative; overflow:hidden; margin:1em 0; padding:0; list-style:none;}
.searchResult li{ position:relative; top:-1px; padding:7px 0; border-top:1px solid #f4f4f4;}
.searchResult li a{ text-decoration:none; color:#000;}
.searchResult li a:hover,
.searchResult li a:active,
.searchResult li a:focus{ text-decoration:underline;}
.searchResult li .date{ position:absolute; top:9px; right:0; font-size:9px; color:#8b8b8b;}

/* textyleContent */
.textyleContent{ font-size:12px; line-height:1.6;  font-family:Dotum; overflow:hidden; }
.textyleContent h1{ font-size:24px;}
.textyleContent h2{ font-size:20px;}
.textyleContent h3{ font-size:18px;}
.textyleContent h4{ font-size:16px;}
.textyleContent h5{ font-size:14px;}
.textyleContent h6{ font-size:12px;}

/* Attached File */
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee; }
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url("/files/attach/textyle/047/img/iconClip.gif") no-repeat 2em .3em; font-size:12px;}
.textyleContent dl.attachedFile em{ font-size:11px; font-weight:normal; font-style:normal; margin:0 5px;}
.textyleContent dl.attachedFile dd{ margin:0; padding:0 2em; color:#8b8b8b; font-size:11px;}
.textyleContent dl.attachedFile dd a{ text-decoration:none; color:#0092cf; margin-right:10px;}
.textyleContent dl.attachedFile dd a:hover,
.textyleContent dl.attachedFile dd a:active,
.textyleContent dl.attachedFile dd a:focus{ text-decoration:underline;}

/* Table Of Content */
.textyleContent .toc{ position:relative; background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px; *zoom:1;}
.textyleContent .toc li{ font-weight:bold; color:#555; margin-left:35px;}
.textyleContent .toc li.toc3{}
.textyleContent .toc li.toc4{ margin-left:55px;}
.textyleContent .toc li.toc5{ margin-left:75px;}
.textyleContent .toc li a{ color:#648ab9; text-decoration:none; font-weight:normal;}
.textyleContent .toc li a:hover,
.textyleContent .toc li a:active,
.textyleContent .toc li a:focus{ text-decoration:underline;}

/* Object */
.textyleContent object{ margin:1em 0;}

/* Horizontal Rule */
.textyleContent hr{ display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both;}

/* Blockquote */
.textyleContent blockquote{ margin:1em 0; padding:1em 2em; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Cite */
.textyleContent cite{ display:block; margin:1em 0;}

/* Link */
.textyleContent .xe_dr_link p strong{ display:block;}

/* P */
.textyleContent p{ margin:1em 0 !important;}

/* Me2day Widget */
.me2day_daily_digest{ line-height:1.5; font-family:Dotum;}
.me2day_daily_digest ul{ margin-left:0; padding-left:0; list-style:none;}
.me2day_daily_digest li{ position:relative; clear:both; padding:0 0 16px 45px; margin-bottom:1em; *zoom:1; background:url("/files/attach/textyle/047/img/iconMe2day.gif") no-repeat 0 0;}
.me2day_daily_digest .me2_tags{ display:block; padding:5px 0 5px 30px; margin:0; font-size:11px; line-height:1.2; color:#767676; background:url("/files/attach/textyle/047/img/iconMe2tag.gif") no-repeat left 5px;}
.me2day_daily_digest .datetime{ position:absolute !important; bottom:2px; display:none; font:11px/1 Tahoma; color:#66C; white-space:nowrap; text-decoration:none;}
.me2day_daily_digest li:hover .datetime{ display:block;}
.me2day_daily_digest a:hover,
.me2day_daily_digest a:active,
.me2day_daily_digest a:focus{ text-decoration:underline;}



.textyleDate {
	background:url("/files/attach/textyle/047/img/dateBg.png") no-repeat;
	_background:url("/files/attach/textyle/047/img/blank.gif");
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./modules/textyle/skins/blooz_textyle/img/dateBg.png", sizingMethod="scale");
	width:83px;
	height:56px;
	float:left;
	position:relative;
	margin:0 10px 0 -36px;
	font:bold 17px/14px arial;
	color:#484848;
	text-align:center;
	padding-top:12px;
	padding-left:4px;
}

.textyleDate .year {
	font-size:10px;
	font-weight:normal;
	color:#929292;
}



/** inettuts.js.css **/
/* JS-Enabled CSS */

.widget-head a.remove  {
    float: right;
    display: inline;
    background: url("/files/attach/textyle/047/img/buttons.gif") no-repeat -24px 0;
    width: 14px;
    height: 14px;
    margin: 8px 4px 8px 0;
    text-indent: -9999em;
    outline: none;
}

.widget-head a.edit  {
    float: right;
    display: inline;
    background: url("/files/attach/textyle/047/img/buttons.gif") no-repeat;
    width: 24px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 4px 8px 4px;
    outline: none;
}

.widget-head a.collapse  {
    float: right;
    display: inline;
    background: url("/files/attach/textyle/047/img/buttons.gif") no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 12px 10px 8px 4px;
    outline: none;
}

.collapsed .widget-head a.collapse {background-position:-38px 0;}
.collapsed .widget-content {display:none !important;}

.widget-placeholder { border: 2px dashed #999;}
#column1 .widget-placeholder { margin: 30px 35px 0 25px; }
#column2 .widget-placeholder { margin: 30px 20px 0 20px; }
#column3 .widget-placeholder { margin: 30px 25px 0 35px; }

.edit-box {
    overflow: hidden;
    background: #333 url("/files/attach/textyle/047/img/widget-content-bg.png") repeat-x;
    margin-bottom: 2px;
    padding: 10px 0;
}

.edit-box li.item {
    padding: 10px 0;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}


.edit-box label {
    float: left;
    width: 30%;
    color: #FFF;
    padding: 0 0 0 10px;
}

.edit-box ul.colors li {
    width: 20px;
    height: 20px;
    border: 1px solid #EEE;
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    cursor: pointer;
}



/** inettuts.css **/

/* End Colors */

/* apply css for the column div id istead of column style class. */
#columns #column1 {
    float: left;
    width:230px;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
		margin:0;
		list-style:none;
		padding:0;

		/* Column dividers (background-images) : */
}

#columns #column2 {
    float: left;
    width:230px;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

#columns #column3 {
    float: left;
    width:230px;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;

		/* Column dividers (background-images) : */
}

#columns #column1 .widget { margin: 0px 0px 10px 0; }
#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
	background:url("/files/attach/textyle/047/img/widgetBoxBottom.gif") no-repeat left bottom;
	padding:0 0 9px 0;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
	background:url("/files/attach/textyle/047/img/widgetBoxTop.gif");
	width:228px;
	height:37px;
	margin:0;
	line-height:12px;
}
#columns .widget .widget-head h3 {
	background:url("/files/attach/textyle/047/img/widgetIcons.gif") no-repeat 10px 11px;
    padding: 11px 0 0 35px;
    float: left;
	font:bold 14px arial;
	color:#565656;
	margin:0;
}

#columns .recentPost .widget-head h3 {
	background-position:10px -22px;
}

#columns .recentComment .widget-head h3 {
	background-position:10px -56px;
}

#columns .recentTrackback .widget-head h3 {
	background-position:10px -91px;
}

#columns .recentTag .widget-head h3 {
	background-position:10px -125px;
}

#columns .widget .widget-content {
    background: url("/files/attach/textyle/047/img/widgetBoxMiddle.gif") repeat-y;
    padding: 0 5px;
    color: #333;
    overflow: hidden;
	width:218px;
}
#columns .widget .widget-content p {
    padding: 0.8em 0.5em;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
}
#columns .widget .widget-content ul li {}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */




.widgetContainer {
    padding: 10px 10px 2px 10px;
}


.reply .roundBox2 {
	margin-left:15px;
}

.reply .roundBox2 .top {
	background:url("/files/attach/textyle/047/img/roundBoxTop2.gif") no-repeat top left;
	height:10px;
	font-size:0px;
	padding-left:16px;
	_margin-left:-2px;
}

.reply .roundBox2 .top span {
	background:url("/files/attach/textyle/047/img/roundBoxTop2.gif") no-repeat bottom right;
	display:block;
	height:10px;
	font-size:0px;
}

.reply .roundBox2 .midCont {
	background:#fdfdfd none repeat scroll 0 0;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	padding:1px 13px 4px 13px;
	line-height:18px;
	color:#666666;
	overflow:none;
}



.reply .roundBox2 .bottom {
	background:url("/files/attach/textyle/047/img/roundBoxBottom2.gif") no-repeat top left;
	height:10px;
	font-size:0px;
	padding-left:9px;
}

.reply .roundBox2 .bottom span {
	background:url("/files/attach/textyle/047/img/roundBoxBottom2.gif") no-repeat bottom right;
	display:block;
	height:10px;
	font-size:0px;
}

.reply .roundBox2 .arrow {
	position:absolute;
	background:url("/files/attach/textyle/047/img/roundBoxArrow2.gif");
	width:8px;
	height:17px;
	margin:15px 0 0 -7px;
	_margin:15px 0 0 -8px;
}