@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;}
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; *vertical-align: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; *vertical-align:top; 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; 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; 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;}




/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/**
 * Header
 **/
.board { background-color:#FFFFFF; color:#999999; line-height:normal; overflow:hidden; }
.board a, 
.board a:visited { text-decoration:none; color:#999999; }

.board a:hover, 
.board a:active, 
.board a:focus { color:#000000; text-decoration:none;}

.board .inputText, 
.board textarea, 
.board select { background:#FFFFFF; border-style:solid; border-width:1px; border-color:#A6A6A6 #D8D8D8 #D8D8D8 #A6A6A6; color:#333333; }
.board img { border:0 none; }


/* board Title */
.boardHeader * { margin:0 0 20px; padding:0; }
.boardHeader .boardTitle { background:transparent url("/modules/board/skins/xe_premium/images/bgHeadline.gif") repeat-x scroll left bottom; height:56px; margin-bottom:0px; }
.boardHeader .boardTitleText {background:transparent url("/modules/board/skins/xe_premium/images/board_top_large.jpg") no-repeat scroll left top; clear:both; display:block; float:left; font-size:13pt; width:98%; height:42px; line-height:24px; margin-bottom:-3px; padding-left:70px; }
.boardHeader .boardTitleText a { color:#595959; text-decoration:none; }
.boardHeader .boardTitleText .bbsComments { color:#999999; display:block; font-size:8pt; font-weight:normal; letter-spacing:-1px; line-height:normal; margin:0; padding:2px 0 0; }

/* board Description */
.boardDescription { color:#AEAEAE; border:1px solid #F4F4F4; overflow:hidden; padding:10px; margin: 0px; background-color:#FFFFFF;}

/* category List */
.categoryList { position:relative; margin:20px 0px;}
.categoryList ul{ position:relative; margin:0; padding:0; list-style:none; border-bottom:1px solid #e1e1e1; *zoom:1;}
.categoryList ul ul{ display:none; position:absolute; width:100%; top:31px; left:0; border:0; padding:25px 0 0 0;}
.categoryList ul:after{ content:""; display:block; clear:both;}
.categoryList li{ float:left; margin-right:-1px; margin-bottom:-1px; *zoom:1;}
.categoryList li a{ position:relative; float:left; padding:8px 19px 7px 19px; text-decoration:none; border:1px solid #ccc; background:#f6f6f6; color:#999; }
.categoryList li.active a{ color:#000; font-weight:bold; border-bottom:1px solid #fff; background:#fff; letter-spacing:-1px;}
.categoryList li.active li{ float:none; margin:0 0 6px 0; padding:0 0 0 28px; background:url("/modules/board/skins/xe_premium/images/iconList.gif") no-repeat 15px center;}
.categoryList li.active li a{ padding:0; float:none; border:0; background:none; color:#837f7f; font-weight:normal;}
.categoryList li.active ul{ display:block;}

/* board Information */
.boardInformation { font-size:1em; line-height:normal; margin-top:10px; padding:5px 0 6px; width:100%; }
.boardInformation * { margin:0; padding:0; }
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
.boardInformation .articleNum { background:transparent url("/modules/board/skins/xe_premium/images/headline_articles.gif") no-repeat scroll left 8px; color:#88CBCB; float:left; font-family:georgia; font-size:198%; padding-left:65px; }

/* account Navigation */
.boardInformation .accountNav { float:right; }
.boardInformation .accountNav ul { overflow:hidden; margin-top:3px;}
.boardInformation .accountNav li { display:inline; float:left; margin-left:3px; position:relative; }
.boardInformation .accountNav li a { background-repeat:no-repeat; display:block; float:left; width:23px; height:23px; overflow:hidden; }
.boardInformation .accountNav li span { font-size:0; height:0; line-height:0; overflow:hidden; position:absolute; visibility:hidden; width:0; }

.boardInformation .accountNav li.icon, 
.boardInformation .accountNav li.icon a {background-image:url("/modules/board/skins/xe_premium/images/typeIcons.png"); }
.boardInformation .accountNav li.listTypeClassic, 
.boardInformation .accountNav li.listTypeClassic a { background-position:0 0; }
.boardInformation .accountNav li.listTypeClassic.active a { background-position:0 -23px; }

.boardInformation .accountNav li.listTypeZine, 
.boardInformation .accountNav li.listTypeZine a { background-position:-23px 0; }
.boardInformation .accountNav li.listTypeZine.active a { background-position:-23px -23px;}

.boardInformation .accountNav li.listTypeGallery, 
.boardInformation .accountNav li.listTypeGallery a { background-position:-46px 0; }
.boardInformation .accountNav li.listTypeGallery.active a { background-position:-46px -23px;}

.boardInformation .accountNav li.listTypeStudio, 
.boardInformation .accountNav li.listTypeStudio a { background-position:-69px 0; }
.boardInformation .accountNav li.listTypeStudio.active a { background-position:-69px -23px;}

.boardInformation .accountNav li.setup a { background-position:-92px -23px; }
.boardInformation .accountNav li.admin a { background-position:-92px 0px; }
.boardInformation .accountNav li.rss a { background-position:-115px 0; }
.boardInformation .accountNav li.myInfo a { background-position:-69px 0; }
.boardInformation .accountNav li.loginAndLogout a { background-position:-69px -23px; }

/* article List */
.boardListForm fieldset { border:0 none; clear:both; }
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardListForm * { margin:0; padding:0; }

.boardList { border-color:#C9C9C9; border-style:solid none none; border-width:1px 0 0; font-size:8pt; font-weight:normal; letter-spacing:-1px; line-height:normal; width:100%; }
.boardList th { background:#FDFDFD; border-bottom:1px solid #EEEEEE; font-weight:bold; letter-spacing:-1px; padding:9px 15px 10px; text-align:center; vertical-align:baseline; white-space:nowrap; }
.boardList th.title {width:100%;}

.boardList .jumpTo { float:left; margin-bottom:-7px; position:relative; top:-6px; }
.boardList .jumpTo select { font-size:12px; height:20px; }
.boardList .jumpTo button { background-color:#FDFDFD; color:#555555; border:1px solid #EEEEEE; cursor:pointer; font-size:11px; width:22px; height:21px; line-height:18px;overflow:visible; text-align:center; }

.boardList td {border-bottom:1px solid #EEEEEE; line-height:normal; padding:10px 15px 7px; text-align:center; vertical-align:middle; white-space:nowrap;}
.boardList td.notice { font-weight:bold;}

.boardList td.title { font-size:9pt; font-size-adjust:none; font-weight:normal; letter-spacing:-1px; line-height:normal; text-align:left; white-space:normal; width:100%; }
.boardList td.title a { color:#555555; }
.boardList td.title img { margin:0 1px; vertical-align:middle; }

.boardList td .category { background:url("/modules/board/skins/xe_premium/images/lineVr9.gif") no-repeat right center; font-size:9pt; font-weight:normal; letter-spacing:-1px; line-height:normal; margin-right:2px; padding-right:7px; }

.boardList .replyAndTrackback { color:#88CBCB; font-family:Verdana; font-size:9px; font-weight:normal; line-height:normal; }
.boardList .replyAndTrackback img.trackback { margin-bottom:-.1em;}

.boardList td.author { text-align:left; }
.boardList td.checkbox,
.boardList td.num,
.boardList td.date,
.boardList td.recommend,
.boardList td.reading,
.boardList td.extra {font-family:Tahoma; font-size:9px; font-weight:normal; letter-spacing:0; line-height:normal; }

.boardList .meta { font-size:8pt; font-weight:normal; letter-spacing:-1px; line-height:normal; list-style:none; margin:0 0 5px; overflow:hidden; padding:0; position:relative; white-space:nowrap; }
.boardList .meta li { background:url("/modules/board/skins/xe_premium/images/lineVr9.gif") no-repeat left center; display:inline; float:left; padding:0 5px 0 10px; left:-10px; position:relative; }
.boardList .meta li.author { cursor: pointer; }
.boardList .meta li a { color:#999999 !important;}
.boardList .meta .comment { color:#B0CBDC; }

.boardList.webzine tr.bg1 td, 
.boardList.webzine tr.bg2 td { vertical-align:top; padding:22px 6px; }
.boardList.webzine td.title p.title { margin-bottom:9px;}
.boardList.webzine td.title p.title .category { font-size:12px; }
.boardList.webzine td.title p.title a.title { font-weight:bold; }
.boardList.webzine td.title p.title a.title:hover { text-decoration:underline; }
.boardList.webzine td.title p.summary { letter-spacing:0; line-height:18px; margin-bottom:8px; }

.boardList.webzine td.title .thumb { border:1px solid #EEEEEE; clear:right; float:right; margin-left:50px; padding:8px; position:relative; }
.boardList.webzine td.title .thumb span img { display:block; position:absolute; right:0; top:0; z-index:1; }
.boardList.webzine td.title .author, 
.boardList.webzine td.title .author a { color:#999999; }
.boardList.webzine td.title .by{ font:9px Tahoma;}

.boardList.gallery td.list { padding:0px; border-bottom:none; }

.boardList.profile tr.bg1 td, 
.boardList.profile tr.bg2 td { vertical-align:top; padding:22px 6px; }
.boardList.profile td.title p.title { margin-bottom:9px;}
.boardList.profile td.title p.title .category { font-size:12px; }
.boardList.profile td.title p.title a.title { font-weight:bold; }
.boardList.profile td.title p.title a.title:hover { text-decoration:underline; }
.boardList.profile td.title p.summary { letter-spacing:0; line-height:18px; margin-bottom:8px; }

.boardList.profile td.thumb .thumb { border:1px solid #EEEEEE; clear:both; float:left; padding:8px; position:relative; }
.boardList.profile td.thumb .thumb span img { display:block; position:absolute; right:0; top:0; z-index:1; }
.boardList.profile td.title .author, 
.boardList.profile td.title .author a { color:#999999; }
.boardList.profile td.title .by{ font:9px Tahoma;}


.thumbList{ border-bottom:1px solid #eee; border-top:0; *zoom:1; margin-right:-30px; padding:25px 0 0 0; font-size:8pt; letter-spacing:-1px; }
.thumbList:after{ content:""; display:block; clear:both;}
.thumbList li{ position:relative; margin:0 17px 10px 9px; padding:0; list-style:none; overflow:hidden; float:left; display:inline;}
.thumbList li .num{ color:#888; font-size:9px; margin-bottom:6px;}
.thumbList li .thumb{ background:#fff; position:relative; float:left; clear:both; overflow:hidden; padding:8px; margin-bottom:14px; border:1px solid #eee;}
.thumbList li .thumb span img {position:absolute; display:block; top:8px; top:0; right:0; z-index:1 }
.thumbList li .thumb a{ display:block; position:relative; *zoom:1; text-decoration:none !important;}
.thumbList li .thumb a *{ cursor:pointer;}
.thumbList li .thumb a img{ display:block;}
.thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; white-space:nowrap; letter-spacing:-1px;}
.thumbList li .thumb a .category{ position:absolute; left:0; bottom:0; width:100%; overflow:hidden; padding:3px 0; white-space:nowrap; text-indent:5px; font-weight:normal; font-size:11px; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
.thumbList li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbList li .title{ clear:both; white-space:nowrap; margin-bottom:3px; text-align:left;}
.thumbList li .title a{ color:#555; font-size:9pt; }
.boardList li .title a.title:hover { text-decoration:underline; }
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
.thumbList li .summary{ overflow:hidden; line-height:16px; height:45px; margin-bottom:8px; white-space:normal;}
.thumbList li .summary a{ text-decoration:none;}
.thumbList li .meta{ position:relative; white-space:normal; *zoom:1; text-align:left; overflow:visible;}
.thumbList li .meta li{ display:inline; margin:0; white-space:nowrap; *zoom:1;;}

.thumbList .lastReply { text-align:left; font-size:11px;}
.thumbList .lastReply a { display:block; }
.thumbList .by{ font:9px Tahoma;}



.thumbListStudio { background:#e2e2e2 url("/modules/board/skins/xe_premium/images/bgStudio.jpg") repeat-x; padding:0; letter-spacing:-1px; border-top:none; overflow:hidden; *zoom:1; margin:20px 0; }
.thumbListStudio:after{ content:""; display:block; clear:both;}
.thumbListStudio li{ position:relative; margin:0; padding:0; list-style:none; overflow:hidden; float:left; display:inline; }
.thumbListStudio li .thumb{ background:#fff; position:relative; margin:0 4px 20px; clear:both; overflow:hidden; padding:4px; border:1px solid #ccc; *zoom:1; }
.thumbListStudio li .thumb.bad{ padding:10px 10px 10px 30px; }
.thumbListStudio li .thumb.bad span.adminCheck { top:10px; left:10px; }
.thumbListStudio li .thumb span img {position:absolute; display:block; top:0; right:0; z-index:1 }
.thumbListStudio li .thumb span.adminCheck {display:block; position:absolute; top:15px; left:15px; z-index:50; }
.thumbListStudio li .thumb span.adminCheckBad {display:block; position:absolute; top:10px; left:10px; z-index:50; }
.thumbListStudio li .thumb a{ display:block; position:relative; *zoom:1; padding-right:2px; text-decoration:none !important; overflow:hidden; }
.thumbListStudio li .thumb a *{ cursor:pointer;}
.thumbListStudio li .thumb h2 { font-size: 1.8em; }
.thumbListStudio li .thumb img.thumbnail { width: 100%; margin: 0 auto; border:1px solid #EFEFEF; display: block; -ms-interpolation-mode: bicubic; }
.thumbListStudio li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; white-space:nowrap; letter-spacing:-1px;}
.thumbListStudio li .thumb a .subWrapper{ background:#000; opacity:.8; filter:alpha(opacity=80); color:#fff; position:absolute; width:100%; height:100%; _height:expression(parentNode.offsetHeight); top:0; left:0; background:url("/modules/board/skins/xe_premium/images/blank.gif"); *zoom:1; overflow:hidden; z-index:1 }
.thumbListStudio li .thumb a .subWrapper .sublayer{ position:absolute; text-align:left; height:30px; left:0; bottom:0; width:100%; padding:10px; white-space:nowrap; background:#000000; color:#FFFFFF; opacity:0.8; display:block; *zoom:1; overflow:hidden; z-index:1 }
.thumbListStudio li .thumb a .noPhoto{ display:inline-block; font-size:11px; text-align:center;}
.thumbListStudio li .title{ font-weight:bold; letter-spacing:0; clear:both; margin-bottom:3px; }
.thumbListStudio li .date{ letter-spacing:0; clear:both; }
.thumbListStudio li .summary{ line-height:16px; margin-bottom:8px;}
.thumbListStudio li .summary a{ text-decoration:none;}


.board .boardNavigation { border-top:1px solid #C9C9C9; margin:-1px 0 0; padding:30px 0; text-align:center; }
.board .boardNavigation .buttonLeft { float:left; text-align:left; }
.board .boardNavigation .buttonRight { float:right; text-align:right;}

.board .boardNavigation .pagination { padding:5px 0; font-family:Tahoma; font-size:11px; font-weight:bold; line-height:normal; padding-bottom:4px; padding-top:8px; text-align:center; }
.board .boardNavigation .pagination a { border:1px solid #eeeeee; color:#999999; margin:0; padding:4px 7px; text-decoration:none; }
.board .boardNavigation .pagination a:hover { color:#555; border:1px solid #c9c9c9; background:#f7f7f7; }

.board .boardNavigation .pagination a.prevEnd img, 
.board .boardNavigation .pagination a.nextEnd img { margin-bottom:-2px; padding:4px 0; }
.board .boardNavigation .pagination strong { background:#F7F7F7; border:1px solid #C9C9C9; color:#555555; font-family:Tahoma; font-size:1em; font-weight:bold; line-height:normal; padding:4px 7px; text-decoration:none; }


.boardSearch { line-height:normal; margin:0; overflow:hidden; padding:1px 0; position:relative; }
.boardSearch fieldset { border:0 none; clear:both; text-align:center; }
.boardSearch fieldset * { vertical-align:top; }
.boardSearch fieldset:after{ content:""; display:block; float:none; clear:both;}
.boardSearch legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearch select { font-size:12px; height:23px; }

.boardSearch .inputText { font-size:12px; height:15px; padding:4px 4px 2px; width:140px; }
.boardSearch .infoEtc { position:absolute; right:0; top:7px; }
.boardSearch .infoEtc .tag { background:url("/modules/board/skins/xe_premium/images/buttonContributorsTaglist.gif") no-repeat -11px 0; width:42px; display:inline-block; height:11px; overflow:hidden; }
.boardSearch .infoEtc .tag span { font-size:0; height:0; line-height:0; overflow:hidden; position:absolute; visibility:hidden; width:0; }


/* Board Read */
.viewDocument { *zoom:1; overflow:hidden; _width:100%; }
.boardRead.studio { padding:0 10px; }
.boardReadHeader{ *zoom:1; }
.boardReadHeader a{  }
.boardReadHeader a:hover,
.boardReadHeader a:active,
.boardReadHeader a:focus{  }
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .titleArea{ *zoom:1; padding:11px 0 9px 36px; border-top:1px solid; border-bottom:1px solid; border-top-color:#c9c9c9; border-bottom-color:#eee; background:#fdfdfd url("/modules/board/skins/xe_premium/images/icon_subject.gif") 10px center no-repeat;}
.boardReadHeader .titleArea:after{ content:""; display:block; clear:both;}
.boardReadHeader .titleArea .title{ float:left; font-size:12px; letter-spacing:.1em; }
*:first-child+html .boardReadHeader .titleArea .title{ padding-top:2px; }
.boardReadHeader .titleArea .category{ float:left; margin-left:10px; padding-left:10px; font-size:12px; background-image:url("/modules/board/skins/xe_premium/images/lineVr9.gif"); background-repeat:no-repeat; background-position:left center;}
.boardReadHeader .titleArea .sum{ float:right; white-space:nowrap; margin:0 10px 0 0; }
.boardReadHeader .titleArea .sum .read,
.boardReadHeader .titleArea .sum .vote{ font:8pt 돋움, Dotum; letter-spacing:-1px; margin-right:5px;}
.boardReadHeader .titleArea .sum .num{ font-size:11px;}
.boardReadHeader .titleArea .sum .date{ padding-left:10px; font-size:9px; background-repeat:no-repeat; background-position:left center;}
.boardReadHeader .authorArea{ *zoom:1; padding:10px 0;}
.boardReadHeader .authorArea:after{ content:""; display:block; clear:both;}
.boardReadHeader .authorArea .author{ float:left; margin-right:10px; padding-top:1px; }
*:first-child+html .boardReadHeader .authorArea .author{ padding-top:3px; }
.boardReadHeader .authorArea .ipAddress{ float:left; font-size:9px; margin-top:3px;}
.boardReadHeader .authorArea .permaLink{ float:right; font-size:9px; margin-top:3px;}

.boardReadHeader .titleArea .num{ }
.boardReadHeader .titleArea .date{ background-image:url("/modules/board/skins/xe_premium/images/lineVr9.gif");}


.boardReadBody{ margin-top:30px;margin-bottom: 30px; overflow:hidden; *zoom:1; }
.boardReadBody .xe_content{ overflow:hidden; line-height:1.95; }

.boardReadBody .xe_content a,
.boardReadBody .xe_content a:visited { color:#88cbcb; }
.boardReadBody .xe_content a:hover,
.boardReadBody .xe_content a:active,
.boardReadBody .xe_content a:focus { color:#000; }


.boardReadFooter .memberSignature { background-color:#fdfdfd; border:1px solid #eee; padding:10px; margin:1em 0; overflow:hidden; *zoom:1; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px;}
.boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid #eee;}
.boardReadFooter .tag{ margin:1em 0; clear:both;}
.boardReadFooter .tag *{ display:inline; margin:0; padding:0; font-size:11px; vertical-align:middle;}
.boardReadFooter .tag dt{ margin-right:10px;}
.boardReadFooter .tag dd{ margin-right:5px;}
.boardReadFooter .trackbackURL{ margin:1em 0; clear:both;}
.boardReadFooter .trackbackURL *{ display:inline; margin:0; padding:0;}
.boardReadFooter .trackbackURL dt{ margin-right:5px; font-size:11px;}
.boardReadFooter .trackbackURL dd{ font-size:9px; text-decoration:none;}
.boardReadFooter .trackbackURL a{ text-decoration:none;}
.boardReadFooter .trackbackURL a:hover,
.boardReadFooter .trackbackURL a:active,
.boardReadFooter .trackbackURL a:focus{ }

.boardReadFooter .tag dd a{  }
.boardReadFooter .trackbackURL dt{  }
.boardReadFooter .trackbackURL dd a{  }


/* Feedback List */
.replyBox{ overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid #eee;}
.replyBox .feedbackHeader{ color:#88cbcb; background:url("/modules/board/skins/xe_premium/images/headline_comments.gif") left 11px no-repeat; float:left; margin:1em 1em .5em 0; font-family: georgia; font-size:198%; padding-left:38px; }
.replyBox .trackbackURL{ position:relative; top:1.5em; float:left; font-size:9px;}
.replyBox .trackbackURL a{ text-decoration:none;}
.replyBox .trackbackURL a:hover,
.replyBox .trackbackURL a:active,
.replyBox .trackbackURL a:focus{ }
.replyBox .trackbackList,
.replyBox .replyList{ clear:both;}

.replyBox .item{ position:relative; border-top:1px dashed #eee; *zoom:1;}
.replyBox .item .indent{ position:relative; }
.replyBox .item .indent:after{ content:""; display:block; clear:both;}
.replyBox .item.itemReply .indent{ padding-left:15px; background-repeat:no-repeat; background-position:0 1.2em;}

.replyBox .item .header{ color:#0088cc; margin:0 0 4px 0; padding-top:3px; }
.replyBox .item .header a{ color:#0088cc; font-size:12px; text-decoration:none;}
.replyBox .item .header a:hover,
.replyBox .item .header a:active,
.replyBox .item .header a:focus{ }

.replyBox .item .itemContent { position:relative; padding:1em 0 1em 6px; *zoom:1; z-index:1;}
.replyBox .item .itemContent:after{ content:""; display:block; clear:both;}
.replyBox .item .itemContent .xe_content{ display:inline; line-height:1.9 !important; width:auto !important;}
.replyBox .item .itemContent .xe_content *{ margin-top:0;}
.replyBox .item .itemContent .xe_content a {  }

.replyBox .item .itemContent .option{ position:relative; margin:1em 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;}
.replyBox .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:0 0 0 5px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
.replyBox .item .itemContent .option li.wouldYou{ background:none; }
.replyBox .item .itemContent .option li a{ text-decoration:none;}
.replyBox .item .itemContent .option li a:hover,
.replyBox .item .itemContent .option li a:active,
.replyBox .item .itemContent .option li a:focus{ } 
.replyBox .item .itemContent .delete{ background-image:url("/modules/board/skins/xe_premium/images/buttonDelete.gif"); position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
.replyBox .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.replyBox .item.itemOnly{ border-top:0;}

.replyBox .item .itemAside{ position:relative; float:left; width:192px; margin-right:10px; margin-bottom:10px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2; }
.replyBox .item .itemAside a{ cursor:pointer;text-decoration:none;}
.replyBox .item .itemAside a:hover,
.replyBox .item .itemAside a:active,
.replyBox .item .itemAside a:focus{ }
.replyBox .item .itemAside img.profile{ display:block; border:1px solid #eee; margin:0 10px 5px 0; padding:2px; float:left; }
.replyBox .item .itemAside .meta{ color:#555; font-size:11px; margin:0 0 5px 0; white-space:nowrap;}
.replyBox .item .itemAside .meta .ip { color:#999; font-size:9px; }
.replyBox .item .itemAside .vote{ margin:0; *zoom:1; overflow:hidden;}
.replyBox .item .itemAside .vote:after{ content:""; display:block; clear:both;}
.replyBox .item .itemAside .vote *{margin:0; padding:0;}
.replyBox .item .itemAside .vote dt{ position:relative; left:-5px; float:left; width:10px; height:9px; margin-right:2px; padding-left:5px; background-image:url("/modules/board/skins/PXE_board_pro2/img/common/iconLove.gif"); background-repeat:no-repeat; overflow:hidden; border-left:1px solid #e5e5e5;}
.replyBox .item .itemAside .vote dt.love{ background-position:5px 1px;}
.replyBox .item .itemAside .vote dt.hate{ background-position:5px -19px;}
.replyBox .item .itemAside .vote dt span{ position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.replyBox .item .itemAside .vote dd{ position:relative; left:-5px; float:left; margin-right:5px; font-size:9px; font-weight:bold;}

.replyBox .item .secretMessage{ margin:0; padding:1em 3em;}
.replyBox .item .secretMessage p{ text-align:center; margin:1em 0; font-size:18px;}
.replyBox .item .secretMessage dl{ text-align:center; margin:1em 0;}
.replyBox .item .secretMessage dt{ font-weight:bold; display:inline;}
.replyBox .item .secretMessage dd{ margin:0; display:inline;}
.replyBox .item .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}

.replyBox .trackbackURL a{  }
.replyBox .item .itemAside .vote *{  }

/* Attached File */
.attachedFile { position:relative; float:left; width:100%;}
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:10px; padding-top:4px;}
.attachedFile dt a { color:#999;}
.attachedFile dt .fileToggle{ color:#999; border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none; vertical-align:middle;}
.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
.attachedFile.open dd{ display:block;}
.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none; text-align:left;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0;}
.attachedFile ul.files a{ padding-left:15px; background-image:url("/modules/board/skins/xe_premium/images/iconFile.gif"); color:#999; position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a .bubble{ border:1px solid #eee; background-color:#fff; color:#999; display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}
.attachedFile ul.files a:hover .bubble,
.attachedFile ul.files a:active .bubble,
.attachedFile ul.files a:focus .bubble{ display:block;}

.comment_popup_menu, .document_popup_menu { text-align:right; padding:15px 15px 0 0px; height:18px;  clear:both; }
.comment_popup_menu a, .document_popup_menu a { background:url("/modules/board/skins/xe_premium/images/common/arrowNextA1.gif") no-repeat left center; cursor:pointer; float:right; display:block; padding-left:10px; color:#555555 !important; text-decoration:none; }

/* Board Write */
.boardWrite { border-top:1px solid #C9C9C9; }
.boardWrite fieldset { border:none; }
.boardWrite .userNameAndPw { margin:10px 10px 0 10px; }
.boardWrite .userNameAndPw .userName {width:60px; margin-right:10px; }
.boardWrite .userNameAndPw .userPw {width:60px; margin-right:10px; }
.boardWrite .userNameAndPw .emailAddress {width:60px; margin-right:10px; }
.boardWrite .userNameAndPw .homePage {width:60px; margin-right:10px; }

.boardWrite .title { margin-top:5px; }
.boardWrite .title .category { width:140px; margin-right:10px; }
.boardWrite .title label.title { margin-right:10px; }
.boardWrite .title input.title { width:70%;}

.boardWrite dl { padding:0; margin:0; }
.boardWrite dl dd { padding:0; margin:0; }
.boardWrite dl.option { margin:10px 0 3px 0px; padding:0;}
.boardWrite dl.option dd { display:inline; margin-right:5px; }
.boardWrite dl.option dd * { vertical-align:middle;}
.boardWrite dl.option dd select { width:8em; font-size:.95em; }

.boardWrite .tag { margin-top:10px; }
.boardWrite .tag .inputTypeText { width:90%; background:#FFFFFF url("/modules/board/skins/xe_premium/images/common/iconTag.gif") no-repeat 5px 5px; padding-left:30px;}
.boardWrite .tag .help { vertical-align:middle;}
.boardWrite .tag .info { font-size:.9em; color:#999999; background:url("/modules/board/skins/xe_premium/images/common/iconArrowD8.gif") no-repeat 0% 40%; margin-top:5px; padding-left:5px;}

.boardWrite .extraVarsList { width:100%; border-top:1px solid #e0e1db; border-bottom:none; margin:10px 0 10px 0; table-layout:fixed;}
.boardWrite .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;}
.boardWrite .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; }
.boardWrite .extraVarsList td a { color:#555555; }

.boardWrite .extraVarsList p { margin:5px 0 0 0; padding:0; }
.boardWrite .extraVarsList ul { margin:0; padding:0; }


/* Editor */
.board .boardEditor{ background:#F8F8F8; border:1px solid #DDDDDD; margin-bottom:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.board .boardEditor .commentEditor{ margin:15px; *zoom:1; position:relative;}

/* Editor Option */
.board .editorOption{ margin:1em 0; text-align:left;}
.board .editorOption *{ vertical-align:middle;}
.board .editorOption select{ margin-right:10px; font-size:12px;}
.board .editorOption label{ margin-right:10px;}
.board .editorOption .inputText{ padding:3px 4px; height:15px; margin:0 10px 5px 0; font-size:12px; vertical-align:middle;}
.board .editorOption .inputText.userName{ width:100px;}
.board .editorOption .inputText.userPw{ width:50px; font:11px Tahoma;}
.board .editorOption .inputText.emailAddress{ width:140px; font:11px Tahoma;}
.board .editorOption .inputText.homePage{ width:140px; font:11px Tahoma;}

/* Require Password */
.board .requirePassword{ text-align:center;}
.board .requirePassword fieldset{ border:0; padding:3em 0 4em 0;}
.board .requirePassword h3{ font-size:16px;}
.board .requirePassword .inputText{ height:15px; width:150px; padding:3px 4px;}

/* Extra Var Table */
.extraVarsList{ border-top:1px solid #c9c9c9; width:100%; }
.extraVarsList caption{ color:#999; text-align:right;}
.extraVarsList em{ color:#0088cc; font-style:normal; font-weight:normal;}
.extraVarsList th,
.extraVarsList td{ background:#fff; border-bottom:1px solid #eee; padding:10px 10px 8px 10px; text-align:left; vertical-align:top;}
.extraVarsList th{ background:#fdfdfd; border-right:1px solid #eee; white-space:nowrap; font-size:0.9em; font-weight:bold; }
.extraVarsList td{ width:100%; font-size:0.9em; }
.extraVarsList td p{ display:block; *display:block; margin:3px 0; }
.extraVarsList td *{ vertical-align:middle;}
.extraVarsList td li{ display:inline; margin-right:10px;}
.extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
.extraVarsList td .inputNum{ border-color:#c9c9c9; padding:3px 4px; font-size:12px; width:50px; border:1px solid;}
.extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
.extraVarsList td select { font-size:12px;}
.extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;}

.extraVarsList tr td input,
.extraVarsList tr td textarea{ font-size:12px;}
.extraVarsList tr td .text { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; }
.extraVarsList tr td .email_address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .homepage { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }
.extraVarsList tr td .tel { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:40px; margin-right:10px;}
.extraVarsList tr td .textarea { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:90%; height:80px; }
.extraVarsList tr td ul { margin:0; padding:0; list-style:none; }
.extraVarsList tr td ul li { display:inline-block; margin-right:10px; }
.extraVarsList tr td ul li input { margin-right:5px; vertical-align:middle;}
.extraVarsList tr td .date { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:100px; }
.extraVarsList tr td .address { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px;  margin-right:10px; width:300px; }

/* Tag Cloud */
.tagCloud{ border-color:#eee;padding:3em 0; border-top:1px solid; border-bottom:1px solid;}
.tagCloud *{ margin:0; padding:0;}
.tagCloud ul{ text-align:justify;}
.tagCloud li{ display:inline; list-style:none; margin:0 5px; }
.tagCloud li.rank1 a{ color:#000;font-weight:bold; font-size:24px;}
.tagCloud li.rank2 a{ color:#222;font-weight:bold; font-size:18px;}
.tagCloud li.rank3 a{ color:#444;font-weight:bold; font-size:14px;}
.tagCloud li.rank4 a{ color:#666;font-size:12px;}
.tagCloud li.rank5 a{ color:#888;font-size:11px;}

/* Time
---------------------------------------------------------------------------------*/
.time *{ color:#999;}
.time dt{ background:#fff;}

/* Mouse Over Tooltip (Image Preview)
---------------------------------------------------------------------------------*/
#tooltip { border: 1px solid #c9c9c9; background-color: #fdfdfd; }
#tooltip h3 { color:#999; }
#tooltip div { color:#999; }

/* secret Content */
.secretContent { margin:20px auto; text-align:center; border:1px solid #EFEFEF; width:240px; }
.secretContent .title { padding:10px 0 10px 0; background-color:#EFEFEF; display:block; font-weight:bold; }
.secretContent .content { padding:10px 0 10px 0; background-color:#FFFFFF; display:block; }

/* blog Style Notice */
.blogNotice { margin-bottom:10px; padding:5px; border:1px solid #e0e1db;}
.blogNotice .item { background:url("/modules/board/skins/xe_premium/images/common/notice.gif") no-repeat -2px 3px; padding:3px 0 3px 18px; }
.blogNotice .item .date { font-family:verdana; font-size:.9em;color:#AAAAAA; }
.blogNotice .item a { text-decoration:none; color:#444444; }
.blogNotice .item a:hover { text-decoration:underline}
.blogNotice .item .replyAndTrackback { color:#AAAAAA; font-size:.9em; }

.trackbackBox { padding:.6em .6em; color:#666666; border:1px solid #e0e1db;;margin-top:.5em; }
.trackbackBox .trackbackUrl { color:#1F3DAE; font-size:.9em; background:url("/modules/board/skins/xe_premium/images/common/iconTrackback.gif") no-repeat left top; padding-left:18px; margin:0; }
.trackbackBox .trackbackItem { background-color:#F3F3F3; padding:.6em .8em .6em .6em; line-height:1.25em; border-top:1px dotted #EEEEEE; list-style:none;}
.trackbackBox p { display:inline; margin-bottom:1em;}
.trackbackBox a { color:#666666; text-decoration:none;}
.trackbackBox div  { clear:both; }
.trackbackBox address { display:block; padding:0 .3em 0 0; }
.trackbackBox address a { font-size:.9em; color:#3074a5; margin-right:.3em; float:left;}
.trackbackBox address .date { font:.8em Tahoma; color:#cccccc; float:right;}

.smallBox { border:1px solid #e0e1db; margin:20px auto; padding:10px; }
.smallBox.w268 { width:268px;}
.smallBox .header { margin:0; padding:0; position:relative; _width:100%; overflow:hidden;}
.smallBox .header h3 { margin:0; padding:0; clear:both; color:#fe3614; font-size:1.2em; padding:.8em 2em .6em 1.2em; }
.smallBox .complex { padding:1.5em 2em 2em 2em;}
.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;}
.smallBox .inputPassword .inputTypeText { float:left; margin-right:.5em; width:8em;}
.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
.smallBox .messageBox { background-color:#F3F3F3; padding:10px; border-bottom:1px solid #EEEEEE;}
.display_date {  cursor:pointer; width:80px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px;  margin-right:10px;}




.description { background:transparent url("/modules/board/skins/xe_premium/images/white/bg_desc.gif") repeat-x scroll 0 0;}
.board { border-color:#A0A0A0; }


/* boardRead */
.boardRead .fileAttached li { background:url("/modules/board/skins/xe_premium/images/white/iconFile.gif") no-repeat left top;}

/* style.list */


/* replyAndTrackback */
.buttonBox .replyAndTrackback a strong { color:#ff6600;}

.replyBox .fileAttached li { background:url("/modules/board/skins/xe_premium/images/white/iconFile.gif") no-repeat left top;}



/* Type Selector */
.xpress-editor { margin: 0; padding: 0; position: relative; background: transparent; font-size: 11px; font-family: 돋움; }
.xpress-editor div { margin: 0; padding: 0; }
.xpress-editor img, 
.xpress-editor fieldset,
.xpress-editor button { border: 0; }
.xpress-editor button { background: none; background-repeat: no-repeat; cursor: pointer; }
.xpress-editor legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.xpress-editor label { cursor: pointer; }
.xpress-editor hr { display: none; }
.xpress-editor ul { margin: 0; padding: 0; }
.xpress-editor li { list-style: none; margin: 0; padding: 0; }

/* Layout Selector */
.xpress-editor #smart_content { position: relative; clear: both; margin: 0; border: 1px solid #DEDEDE; z-index: 5; background: #fff; }

/* Auto Save */
.autosave_message { float: right; height: 11px; margin: 0; padding: 0; line-height: 11px; color: #CCCCCC; text-align: right; z-index: 100; }
.autosave_message:after { content: ""; display: block; clear: both; }

/* Content > Input Area */
.xpress-editor a.skip { position: relative; display: block; top: 0; right: 0; width: 0; height: 0; overflow: hidden; clear: both; }
.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; }

.xpress-editor .input_area { position: relative; margin: 0; z-index: 30; height: 400px; }
.xpress-editor .input_area iframe,
.xpress-editor .input_area textarea { display: block; width: 100%; position: relative; height: 100%; margin: 0; padding: 0; border: 0; overflow: auto; }
.xpress-editor .input_area textarea.blind { display: none; }

/* Content > Tool */
.xpress-editor .tool { position: relative; overflow: visible; z-index: 40; clear: both; background: white; border: 0; border-top: 1px solid #DEDEDE; padding-top: 1px; }
.xpress-editor .tool.disable { display: none; }

.xpress-editor .tool:after { content: ""; display: block; clear: both; }
.xpress-editor .tool ul { float: left; width: auto; height: 21px; padding: 0 5px; position: relative; overflow: visible; line-height: 0; z-index: 2; }
.xpress-editor .tool ul.ul00 { float: right; padding-right: 0; }
.xpress-editor .tool ul.style { z-index: 3; }
.xpress-editor .tool ul.table { z-index: 4; }
.xpress-editor .tool ul.extra1 { z-index: 5; }
.xpress-editor .tool ul.extra2 { z-index: 6; }
.xpress-editor .tool li { position: relative; float: left; }
.xpress-editor .tool li button { width: 20px; height: 20px; margin: 0 1px 1px 0; }
.xpress-editor .tool li button span { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; }

.xpress-editor .tool ul.type li select { height: 20px; width: 62px; margin: 0 5px 1px 0; font-family: 돋움; font-size: 11px; }
.xpress-editor .tool li.html button { width: 40px; height: 20px; margin: 0 1px 1px 0; }

.xpress-editor .input_control { position: relative; display: block; width: 20px; height: 20px; line-height: 0; background-image: url("/modules/editor/skins/linear_editor/images/dark/corner.gif"); cursor: s-resize; }
.xpress-editor .input_control span { display: block; visibility: visible; font-size: 0; line-height: 200%; white-space: nowrap; color: #fff; }

/* Content > Tool > Button Default */
.xpress-editor .tool li.html button { background-image: url("/modules/editor/skins/linear_editor/images/dark/html.gif"); }
.xpress-editor .tool li.undo button { background-image: url("/modules/editor/skins/linear_editor/images/dark/undo.gif"); }
.xpress-editor .tool li.redo button { background-image: url("/modules/editor/skins/linear_editor/images/dark/redo.gif"); }
.xpress-editor .tool li.bold button { background-image: url("/modules/editor/skins/linear_editor/images/dark/bold.gif"); }
.xpress-editor .tool li.underline button { background-image: url("/modules/editor/skins/linear_editor/images/dark/underline.gif"); }
.xpress-editor .tool li.italic button { background-image: url("/modules/editor/skins/linear_editor/images/dark/italic.gif"); }
.xpress-editor .tool li.del button { background-image: url("/modules/editor/skins/linear_editor/images/dark/strike.gif"); }
.xpress-editor .tool li.sup button { background-image: url("/modules/editor/skins/linear_editor/images/dark/superscript.gif"); }
.xpress-editor .tool li.sub button { background-image: url("/modules/editor/skins/linear_editor/images/dark/subscript.gif"); }
.xpress-editor .tool li.fcolor button { background-image: url("/modules/editor/skins/linear_editor/images/dark/color.gif"); }
.xpress-editor .tool li.bcolor button { background-image: url("/modules/editor/skins/linear_editor/images/dark/bgcolor.gif"); }
.xpress-editor .tool li.remove button { background-image: url("/modules/editor/skins/linear_editor/images/dark/remove.gif"); }
.xpress-editor .tool li.left button { background-image: url("/modules/editor/skins/linear_editor/images/dark/left.gif"); }
.xpress-editor .tool li.center button { background-image: url("/modules/editor/skins/linear_editor/images/dark/center.gif"); }
.xpress-editor .tool li.right button { background-image: url("/modules/editor/skins/linear_editor/images/dark/right.gif"); }
.xpress-editor .tool li.justify button { background-image: url("/modules/editor/skins/linear_editor/images/dark/justify.gif"); }
.xpress-editor .tool li.indent button { background-image: url("/modules/editor/skins/linear_editor/images/dark/indent.gif"); }
.xpress-editor .tool li.outdent button { background-image: url("/modules/editor/skins/linear_editor/images/dark/outdent.gif"); }
.xpress-editor .tool li.ol button { background-image: url("/modules/editor/skins/linear_editor/images/dark/ol.gif"); }
.xpress-editor .tool li.ul button { background-image: url("/modules/editor/skins/linear_editor/images/dark/ul.gif"); }
.xpress-editor .tool li.table button { background-image: url("/modules/editor/skins/linear_editor/images/dark/table.gif"); }
.xpress-editor .tool li.merge button { background-image: url("/modules/editor/skins/linear_editor/images/dark/uni.gif"); }
.xpress-editor .tool li.splitCol button { background-image: url("/modules/editor/skins/linear_editor/images/dark/verti.gif"); }
.xpress-editor .tool li.splitRow button { background-image: url("/modules/editor/skins/linear_editor/images/dark/hori.gif"); }
.xpress-editor .tool li.icon_file button { background-image: url("/modules/editor/skins/linear_editor/images/dark/file.gif"); }
.xpress-editor .tool li.blockquote button { background-image: url("/modules/editor/skins/linear_editor/images/dark/quote.gif"); }
.xpress-editor .tool li.url button { background-image: url("/modules/editor/skins/linear_editor/images/dark/link.gif"); }
.xpress-editor .tool li.character button { background-image: url("/modules/editor/skins/linear_editor/images/dark/char.gif"); }
.xpress-editor .tool li.find button { background-image: url("/modules/editor/skins/linear_editor/images/dark/find.gif"); }
.xpress-editor .tool li.emoticon button { background-image: url("/modules/editor/skins/linear_editor/images/dark/emoticon.gif"); }
.xpress-editor .tool li.poll button { background-image: url("/modules/editor/skins/linear_editor/images/dark/poll.gif"); }
.xpress-editor .tool li.photo button { background-image: url("/modules/editor/skins/linear_editor/images/dark/photo_editor.gif"); }
.xpress-editor .tool li.extensions button { background-image: url("/modules/editor/skins/linear_editor/images/dark/components.gif"); }

/* Content > Tool > Button Hover */
.xpress-editor .tool li.html button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/html.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.undo button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/undo.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.redo button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/redo.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.bold button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/bold.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.underline button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/underline.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.italic button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/italic.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.del button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/strike.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.sup button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/superscript.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.sub button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/subscript.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.fcolor button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/color.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.bcolor button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/bgcolor.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.remove button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/remove.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.left button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/left.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.center button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/center.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.right button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/right.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.justify button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/justify.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.indent button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/indent.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.outdent button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/outdent.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.ol button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/ol.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.ul button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/ul.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.table button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/table.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.merge button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/uni.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.splitCol button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/verti.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.splitRow button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/hori.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.icon_file button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/file.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.blockquote button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/quote.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.url button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/link.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.character button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/char.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.find button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/find.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.emoticon button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/emoticon.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.poll button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/poll.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.photo button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/photo_editor.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.extensions button.hover { background-image: url("/modules/editor/skins/linear_editor/images/white/components.gif"); background-color: #DEDEDE; }

/* Content > Tool > Button Active */
.xpress-editor .tool li.html button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/html.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.undo button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/undo.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.redo button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/redo.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.bold button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/bold.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.underline button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/underline.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.italic button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/italic.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.del button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/strike.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.sup button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/superscript.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.sub button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/subscript.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.fcolor button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/color.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.bcolor button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/bgcolor.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.remove button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/remove.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.left button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/left.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.center button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/center.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.right button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/right.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.justify button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/justify.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.indent button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/indent.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.outdent button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/outdent.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.ol button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/ol.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.ul button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/ul.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.table button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/table.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.merge button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/uni.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.splitCol button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/verti.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.splitRow button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/hori.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.icon_file button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/file.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.blockquote button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/quote.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.url button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/link.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.character button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/char.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.find button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/find.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.emoticon button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/emoticon.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.poll button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/poll.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.photo button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/photo_editor.gif"); background-color: #DEDEDE; }
.xpress-editor .tool li.extensions button.active { background-image: url("/modules/editor/skins/linear_editor/images/dark/components.gif"); background-color: #DEDEDE; }

/* Content > Tool > Button Off */
.xpress-editor .tool.off li button { cursor: default; }
.xpress-editor .tool.off ul.extra3 li button { cursor: pointer; }
.xpress-editor .tool.off li.html button { background-image: url("/modules/editor/skins/linear_editor/images/dark/html.gif"); }
.xpress-editor .tool.off li.undo button,
.xpress-editor .tool li.undo button.off { background-image: url("/modules/editor/skins/linear_editor/images/gray/undo.gif"); }
.xpress-editor .tool.off li.redo button,
.xpress-editor .tool li.redo button.off { background-image: url("/modules/editor/skins/linear_editor/images/gray/redo.gif"); }
.xpress-editor .tool.off li.bold button { background-image: url("/modules/editor/skins/linear_editor/images/gray/bold.gif"); }
.xpress-editor .tool.off li.underline button { background-image: url("/modules/editor/skins/linear_editor/images/gray/underline.gif"); }
.xpress-editor .tool.off li.italic button { background-image: url("/modules/editor/skins/linear_editor/images/gray/italic.gif"); }
.xpress-editor .tool.off li.del button { background-image: url("/modules/editor/skins/linear_editor/images/gray/strike.gif"); }
.xpress-editor .tool.off li.sup button { background-image: url("/modules/editor/skins/linear_editor/images/gray/superscript.gif"); }
.xpress-editor .tool.off li.sub button { background-image: url("/modules/editor/skins/linear_editor/images/gray/subscript.gif"); }
.xpress-editor .tool.off li.fcolor button { background-image: url("/modules/editor/skins/linear_editor/images/gray/color.gif"); }
.xpress-editor .tool.off li.bcolor button { background-image: url("/modules/editor/skins/linear_editor/images/gray/bgcolor.gif"); }
.xpress-editor .tool.off li.remove button { background-image: url("/modules/editor/skins/linear_editor/images/gray/remove.gif"); }
.xpress-editor .tool.off li.left button { background-image: url("/modules/editor/skins/linear_editor/images/gray/left.gif"); }
.xpress-editor .tool.off li.center button { background-image: url("/modules/editor/skins/linear_editor/images/gray/center.gif"); }
.xpress-editor .tool.off li.right button { background-image: url("/modules/editor/skins/linear_editor/images/gray/right.gif"); }
.xpress-editor .tool.off li.justify button { background-image: url("/modules/editor/skins/linear_editor/images/gray/justify.gif"); }
.xpress-editor .tool.off li.indent button { background-image: url("/modules/editor/skins/linear_editor/images/gray/indent.gif"); }
.xpress-editor .tool.off li.outdent button { background-image: url("/modules/editor/skins/linear_editor/images/gray/outdent.gif"); }
.xpress-editor .tool.off li.ol button { background-image: url("/modules/editor/skins/linear_editor/images/gray/ol.gif"); }
.xpress-editor .tool.off li.ul button { background-image: url("/modules/editor/skins/linear_editor/images/gray/ul.gif"); }
.xpress-editor .tool.off li.table button { background-image: url("/modules/editor/skins/linear_editor/images/gray/table.gif"); }
.xpress-editor .tool.off li.merge button,
.xpress-editor .tool li.merge button.off { background-image: url("/modules/editor/skins/linear_editor/images/gray/uni.gif"); }
.xpress-editor .tool.off li.splitCol button,
.xpress-editor .tool li.splitCol button.off { background-image: url("/modules/editor/skins/linear_editor/images/gray/verti.gif"); }
.xpress-editor .tool.off li.splitRow button,
.xpress-editor .tool li.splitRow button.off { background-image: url("/modules/editor/skins/linear_editor/images/gray/hori.gif"); }
.xpress-editor .tool.off li.icon_file button { background-image: url("/modules/editor/skins/linear_editor/images/gray/file.gif"); }
.xpress-editor .tool.off li.blockquote button { background-image: url("/modules/editor/skins/linear_editor/images/gray/quote.gif"); }
.xpress-editor .tool.off li.url button { background-image: url("/modules/editor/skins/linear_editor/images/gray/link.gif"); }
.xpress-editor .tool.off li.character button { background-image: url("/modules/editor/skins/linear_editor/images/gray/char.gif"); }
.xpress-editor .tool.off li.find button { background-image: url("/modules/editor/skins/linear_editor/images/gray/find.gif"); }
.xpress-editor .tool.off li.emoticon button { background-image: url("/modules/editor/skins/linear_editor/images/gray/emoticon.gif"); }
.xpress-editor .tool.off li.poll button { background-image: url("/modules/editor/skins/linear_editor/images/gray/poll.gif"); }
.xpress-editor .tool.off li.photo button { background-image: url("/modules/editor/skins/linear_editor/images/gray/photo_editor.gif"); }
.xpress-editor .tool.off li.extensions button { background-image: url("/modules/editor/skins/linear_editor/images/gray/components.gif"); }

/* Content > Tool > Layer */
.xpress-editor .tool .layer { display: none; position: absolute; left: 0; top: auto; bottom: 21px; background-color: white; border: 1px solid #777777; }
.xpress-editor .tool .layer li { float: none; width: auto; left: 0; }
.xpress-editor .tool .layer button { margin: 0 !important; width: auto; height: auto; background: none; }
.xpress-editor .tool .layer button.hover { background: none; }
.xpress-editor .tool li .layer button.hover { 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; }
.xpress-editor .tool button.close { position: absolute; top: 3px; right: 2px; width: 15px; height: 14px; background-image: url("/modules/editor/skins/linear_editor/images/dark/close.gif") !important; }
.xpress-editor .tool button.close span { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; }
.xpress-editor .tool .layer .btn_area button.confirm,
.xpress-editor .tool .layer .btn_area button.cancel { height: 19px; margin: 0; padding: 0; border: 1px solid #DEDEDE; font-family: 돋움; font-size: 11px; color: #777777; background: none; vertical-align: top; }

.xpress-editor .tool li.fcolor .layer,
.xpress-editor .tool li.bcolor .layer { width: 201px !important; height: 105px !important; top: auto; bottom: 21px; background-image: none !important; overflow: hidden; }
.xpress-editor .tool li.fcolor .layer .directInput,
.xpress-editor .tool li.bcolor .layer .directInput { width: 191px; height: 20px; margin: 4px 5px 0 5px; line-height: 20px; text-align: center; }
.xpress-editor .tool li.fcolor .layer .preview_palette,
.xpress-editor .tool li.bcolor .layer .preview_palette { display: inline-block; margin-right: 3px; padding: 2px; position: relative; border: 1px solid #DEDEDE; width: 14px; height: 14px; overflow: hidden; }
.xpress-editor .tool li.fcolor .layer .preview_palette button,
.xpress-editor .tool li.bcolor .layer .preview_palette button { width: 14px; height: 14px; font-size: 500px; line-height: 0; cursor: default; }
.xpress-editor .tool li.fcolor .layer input#font_color,
.xpress-editor .tool li.bcolor .layer input#font_color { width: 60px; height: 14px; margin: 0; margin-right: 3px; padding: 3px 0 0 6px; line-height: 14px; font-size: 12px; border: 1px solid #DEDEDE; vertical-align: top; }
.xpress-editor .tool li.fcolor .layer button.confirm,
.xpress-editor .tool li.bcolor .layer button.confirm { height: 19px; margin: 0; padding: 0; border: 1px solid #DEDEDE; font-family: 돋움; font-size: 11px; color: #777777; background: none; vertical-align: top; }
.xpress-editor .tool .layer .palette { width: 192px; height: 72px; position: relative; padding: 0; margin: 5px 4px 4px 5px; }
.xpress-editor .tool .layer .palette li { float: left; width: 11px; padding: 0; margin: 0 1px 1px 0; font-size: 0; line-height: 0; overflow: hidden; }
.xpress-editor .tool .layer .palette button { position: relative; overflow: hidden; width: 11px; height: 11px; background-image: none; }

.xpress-editor .tool li.table .layer { width: 225px; height: 167px; top: auto; bottom: 21px; }
.xpress-editor .tool li.table .layer fieldset { position: absolute; width: 222px; left: 6px; margin: 0; padding: 0; }

.xpress-editor .tool li.table .layer fieldset dl { position: absolute; margin: 0; }
.xpress-editor .tool li.table .layer fieldset dt { float: left; padding: 0; margin: 0; height: 23px; line-height: 23px; }
.xpress-editor .tool li.table .layer fieldset dd { float: right; position: relative; height: 23px; padding: 0; margin: 0; }
.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-image: url("/modules/editor/skins/linear_editor/images/adjust.gif"); overflow: hidden; }
.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-right: 3px; padding: 2px; position: relative; border: 1px solid #DEDEDE; 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.num { top: 9px; }
.xpress-editor .tool li.table .layer fieldset.num dl { width: 60px; }
.xpress-editor .tool li.table .layer fieldset.num dt { height: 23px; }
.xpress-editor .tool li.table .layer fieldset.num dd { height: 20px; margin-top: 3px; }
.xpress-editor .tool li.table .layer fieldset.num dt label { font-size: 9pt; color: #777777; }
.xpress-editor .tool li.table .layer fieldset.num dd input { padding-left: 6px; width: 35px; height: 14px; line-height: 13px; font-size: 9pt; border: 1px solid #DEDEDE; vertical-align: top; }

.xpress-editor .tool li.table .layer table { position: absolute; top: -2px; left: 75px; width: 137px; height: 40px; table-layout: fixed; }
.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: 5px; padding: 0; z-index: 1; }

.xpress-editor .tool li.table .layer fieldset.color { top: 65px; }
.xpress-editor .tool li.table .layer fieldset.color dl { width: 221px; }
.xpress-editor .tool li.table .layer fieldset.color dt { width: 64px; height: 23px; }
.xpress-editor .tool li.table .layer fieldset.color dd { height: 20px; width: 146px;  margin-top: 3px; margin-left: 11px; }
.xpress-editor .tool li.table .layer fieldset.color dt label { font-size: 9pt; color: #777777; }
.xpress-editor .tool li.table .layer fieldset.color dd input { display: block; float: left; margin: 0; padding-left: 6px; height: 14px; line-height: 14px; font-size: 9pt; border: 1px solid #DEDEDE; vertical-align: top; }
.xpress-editor .tool li.table .layer fieldset.color dd input#table_border_width { width: 35px; height: 14px; }
.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: 16px; }

.xpress-editor .tool li.table .layer .palette { display: none; position: absolute; z-index: 2; left: 11px; width: 192px; padding: 5px 4px 4px 5px; background-color: white; border: 1px solid #777777; }
.xpress-editor .tool li.table .layer.p1 .palette { display: block; top: -8px; }
.xpress-editor .tool li.table .layer.p2 .palette { display: block; top: 11px; }
.xpress-editor .tool li.table .layer  .find_palette_dummy { display: none; }

.xpress-editor .tool li.blockquote .layer { width: 288px; height: 38px; padding: 4px 0 0 4px; top: auto; left: 0; bottom: 21px; }
.xpress-editor .tool li.blockquote .layer ul { margin: 0; padding: 0; }
.xpress-editor .tool li.blockquote .layer li { position: relative; float: left; overflow: hidden; width: 32px; height: 34px; margin-right: 4px; background-image: url("/modules/editor/skins/linear_editor/images/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; background: none; }

.xpress-editor .tool li.url .layer { width: 218px; height: 46px; top: auto; bottom: 21px; }
.xpress-editor .tool li.url .layer .btn_area { width: 210px; position: absolute; padding: 0; top: 4px; left: 4px; }
.xpress-editor .tool li.url .layer div { height: 20px; margin: 0; padding: 0; line-height: 20px; text-align: left; }
.xpress-editor .tool li.url .layer div.urlLeft { float: left; height: 20px; margin: 0; padding: 0; text-align: left; }
.xpress-editor .tool li.url .layer div.urlRight { float: right; height: 20px; margin: 0; padding: 0; text-align: left; }
.xpress-editor .tool li.url .layer input.link { width: 208px; font-size: 11px; height: 13px; border: 1px solid #DEDEDE; vertical-align: middle; }
.xpress-editor .tool li.url .layer div input { width: 13px; height: 13px; vertical-align: middle; }
.xpress-editor .tool li.url .layer div label { padding-right: 12px; color: #777777; background-image: url("/modules/editor/skins/linear_editor/images/blank.gif"); background-repeat: no-repeat; background-position: right center; }

.xpress-editor .tool li.character .layer { width: 433px; height: 232px; top: auto; bottom: 21px; overflow: hidden; }
.xpress-editor .tool li.character .layer ul { margin: 0; }
.xpress-editor .tool li.character .layer .nav { position: absolute; overflow: hidden; white-space: nowrap; }
.xpress-editor .tool li.character .layer .nav li { display: inline; margin: 0; padding: 0 8px; height: 23px; line-height: 23px; }
.xpress-editor .tool li.character .layer .nav li a { color: #777777; 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; }
.xpress-editor .tool li.character .layer .list { position: absolute; margin: 0; padding: 0; left: 7px; top: 23px; width: 421px; height: 172px; background-image: url("/modules/editor/skins/linear_editor/images/box_character.gif"); background-repeat: 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; background-image: none; }
.xpress-editor .tool li.character .layer .list li button.hover { width: 20px; height: 18px; border: 2px solid #A0C4D0; }
.xpress-editor .tool li.character .layer .list li button span { overflow: visible; font-size: 9pt; width: auto; height: auto; position: relative; left: -2px; visibility: visible; line-height: normal; background: none; }
.xpress-editor .tool li.character .layer p { position: absolute; top: 190px; left: 7px; line-height: 23px; }
.xpress-editor .tool li.character .layer p label { position: relative; margin: 0 7px 0 0; color: #777777; }
.xpress-editor .tool li.character .layer p input { margin: 3px 4px 4px 0; width: 300px; height: 13px; border: 1px solid #DEDEDE; }
.xpress-editor .tool li.character .layer p button { height: 17px; margin-top: 3px !important; padding: 0; border: 1px solid #DEDEDE; font-family: 돋움; font-size: 11px; color: #777777; background: none; }

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

/* File Uploader */
.xpress-editor .button { width: 22px; height: 22px; margin: 0; padding: 0; border: 0; background: none; vertical-align: top; }
.xpress-editor .fileUploader { height: 100px; position: relative; top: 0; left: 0; border: 0; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }
.xpress-editor .fileUploader:after { content: ""; display: block; clear: both; }
.xpress-editor .fileUploader.off { top: -10000px; left: -10000px; height: 0; } /* display: none시 swf 업로더 버튼 문제로 잠시 안드로메다행 */
.xpress-editor .filePreview { float: left; width: 130px; height: 100px; position: absolute; left: 0; top: 0; border-right: 1px solid #DEDEDE; }
.xpress-editor .file_list { float: left; height: 100px; position: absolute; left: 131px; top: 0; right: 0; }
.xpress-editor .listArea { width: 100%; height: 77px; border: 0; border-bottom: 1px solid #DEDEDE; }
.xpress-editor .listArea select { width: 100%; height: 77px; margin: 0; padding: 0; border: 0; overflow: auto; }
.xpress-editor .listControl { width: 100%; height: 22px; }
.xpress-editor .listControl li { width: 22px; position: relative; float: left; overflow: hidden; }
.xpress-editor .listControl .file_add { width: 22px; height: 22px; margin: 0; padding: 0; display: block; }
.xpress-editor .listControl .file_add button { width: 22px; height: 22px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; background-image: url("/modules/editor/skins/linear_editor/images/dark/upload.gif"); vertical-align: top; }
.xpress-editor .listControl .file_add:hover button { width: 22px; height: 22px; margin: 0; padding: 0; background-image: url("/modules/editor/skins/linear_editor/images/white/upload.gif"); background-color: #DEDEDE; }
.xpress-editor .listControl .file_delete button { width: 22px; height: 22px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; background-image: url("/modules/editor/skins/linear_editor/images/dark/delete.gif"); vertical-align: top; }
.xpress-editor .listControl .file_delete:hover button { width: 22px; height: 22px; margin: 0; padding: 0; background-image: url("/modules/editor/skins/linear_editor/images/white/delete.gif"); background-color: #DEDEDE; }
.xpress-editor .listControl .file_insert button { width: 22px; height: 22px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; background-image: url("/modules/editor/skins/linear_editor/images/dark/insert.gif"); vertical-align: top; }
.xpress-editor .listControl .file_insert:hover button { width: 22px; height: 22px; margin: 0; padding: 0; background-image: url("/modules/editor/skins/linear_editor/images/white/insert.gif"); background-color: #DEDEDE; }


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

/* 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;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#footer address{ text-align:center;}

/* 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 #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ clear:right; position:absolute; right:0; top:0;}
.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 #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ 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 #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ 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 #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ 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 #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ 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 #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ 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;}


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

/* Skip To Content */
a.skipToContent{ display:block; width:100%; position:absolute; top:0; clear:both; overflow:hidden; height:0; text-decoration:none; text-align:center;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}

/* Element Reset */
html,
body{ height:100%;}
body { margin:0; font-family:"Malgun Gothic","Century Gothic",Gulimche,Arial,Sans-Serif; font-size:12px; background:#fff; color:#000;}
address { font-style:normal;}
img,
fieldset{ border:0; margin:0; padding:0;vertical-align:middle;}
form{ margin:0;}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
hr{ display:none;}
sup,
sub{ font-style:normal; font-weight:normal;}

/* Layout */
div.black{ background:url("/layouts/xe_life_church_v2/img/bgBlack.gif") repeat-x; border-bottom:50px solid #1a1a1a;}
#xe .black{ border-bottom:0;}
div.blue{ background:url("/layouts/xe_life_church_v2/img/bgBlue.gif") no-repeat center 70px;}
.sky{ background:url("/layouts/xe_life_church_v2/img/bgSky.gif") no-repeat center 70px;}
div.cyan{ background:url("/layouts/xe_life_church_v2/img/bgCyan.gif") no-repeat center 70px;}
div.purple{ background:url("/layouts/xe_life_church_v2/img/bgPurple.gif") no-repeat center 70px;}
div.orange{ background:url("/layouts/xe_life_church_v2/img/bgOrange.gif") no-repeat center 70px;}

body.gradBGblack {background:url("/layouts/xe_life_church_v2/img/gradBGblack.png") repeat-x 0 0;}
body.gradBGblue {background:url("/layouts/xe_life_church_v2/img/gradBGblue.png") repeat-x 0 0;}
body.gradBGsky {background:url("/layouts/xe_life_church_v2/img/gradBGsky.png") repeat-x 0 0;}
body.gradBGcyan {background:url("/layouts/xe_life_church_v2/img/gradBGcyan.png") repeat-x 0 0;}
body.gradBGpurple {background:url("/layouts/xe_life_church_v2/img/gradBGpurple.png") repeat-x 0 0;}
body.gradBGorange {background:url("/layouts/xe_life_church_v2/img/gradBGorange.png") repeat-x 0 0;}


#container{ margin:0 20px;}
#header{ height:102px; z-index:2;}
#body{ margin:10px 0 0; background:url("/layouts/xe_life_church_v2/img/bgBody.gif") repeat-y 740px 0; z-index:1;}
.fixed .c #body{ background:none; margin-bottom:30px;}
#body .extension{ margin-bottom:60px;}
.fixed .ce #body #content, 
.fixed .ec #body #content{ padding:20px 0 60px; width:726px;}
.fixed .ce #body .e1, 
.fixed .ec #body .e1{ width:200px; padding:20px 10px; }
#footer{ position:relative; padding:10px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin-bottom:60px; font-size:11px;}
div.black #footer{ border:0; margin-bottom:-52px; margin-top:50px;}
#sitemap{ background:url("/layouts/xe_life_church_v2/img/bgSitemap.jpg") no-repeat left top; padding-top:15px; margin-bottom:15px; border-top:1px solid #b1b1b1;}
div.black #sitemap{ border-bottom:1px solid #d4d4d4;}

#body .widgetbox1 { margin-bottom:10px; background:#fff; border:1px solid #CCCCCC; }
#body .widgetbox2 { margin-bottom:10px; background:#fff; }
#body .widgetbox3 { margin-bottom:10px; }

/* Header */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ margin:0; position:relative; top:15px;}
#header h1 a{ display:block; margin:0 20px 0 0; height:40px; float:left;  text-decoration:none;}
div.black #header h1 a{ background-position:0 0;}
#header h1 span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }

#header .account{ position:absolute; top:40px; right:0; margin:0; padding:0; z-index:2;}
#header .account li{ position:relative; float:left; list-style:none; background-image:url("/layouts/xe_life_church_v2/img/lineHeaderVr.gif"); background-repeat:no-repeat; background-position:left 4px;}
div.black #header .account li{ background-image:url("/layouts/xe_life_church_v2/img/lineHeaderVrBlack.gif");}
#header .account li *{ vertical-align:top;}
#header .account li li{ float:none; height:auto; background-image:none;}

#header .account li.log{ background-image:none; font-size:0; line-height:0;}
#header .account li.log a{ display:block; padding:5px 8px;}

#header .account li.profile .nickname { color:#FFFFFF; font-size:8pt; }

#header .account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url("/layouts/xe_life_church_v2/img/buttonProfile.gif"); background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black #header .account li.profile button{ background-position:center 5px;}
#header .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.profile .memberProfile{ display:none; position:absolute; top:15px; left:8px; padding:20px; background:#fff; border:2px solid #737373;}
#header .account li.profile .memberProfile.active{ display:block;}
#header .account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
#header .account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
#header .account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url("/layouts/xe_life_church_v2/img/bulletB.gif") no-repeat left center;}
#header .account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
#header .account li.profile .memberProfile li a:hover,
#header .account li.profile .memberProfile li a:active,
#header .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
#header .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_life_church_v2/img/buttonCloseX.gif") no-repeat center center;}
#header .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

#header .account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url("/layouts/xe_life_church_v2/img/buttonRegister.gif"); background-repeat:no-repeat; background-position:center -10px;}
div.black #header .account li.register a{ background-position:center 5px;}
#header .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

#header .account li.language{ position:relative;}
#header .account li.language em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url("/layouts/xe_life_church_v2/img/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px -10px;}
div.black #header .account li.language em{ background-position:8px -10px;}
#header .account li.language em span{ display:inline-block; overflow:hidden; visibility:hidden;}
#header .account li.language em.ko{ background-position:-92px -10px;}
div.black #header .account li.language em.ko{ background-position:8px -10px;}
#header .account li.language em.en{ background-position:-92px -25px;}
div.black #header .account li.language em.en{ background-position:8px -25px;}
#header .account li.language em.jp{ background-position:-92px -40px;}
div.black #header .account li.language em.jp{ background-position:8px -40px;}
#header .account li.language em.zh-CN{ background-position:-92px -55px;}
div.black #header .account li.language em.zh-CN{ background-position:8px -55px;}
#header .account li.language em.zh-TW{ background-position:-92px -70px;}
div.black #header .account li.language em.zh-TW{ background-position:8px -70px;}

#header .account li.language button{ height:15px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url("/layouts/xe_life_church_v2/img/buttonLanguage.gif"); background-repeat:no-repeat; background-position:-92px 5px; background-color:transparent;}
div.black #header .account li.language button{ background-position:8px 5px;}
#header .account li.language button span{ font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
#header .account li.language .sLanguage{ position:relative; width:100px; text-align:right;}
#header .account li.language .sLanguage span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; background-image:url("/layouts/xe_life_church_v2/img/buttonSelectLanguageToggle.gif"); background-repeat:no-repeat; background-position:85px 4px;}
#header .account li.language.open .sLanguage span{ background-position:85px -6px;}
#header .account li.language .languageList{ display:none; width:98px; margin:0; padding:5px 0; position:absolute; top:20px; right:0; background:#fff; border:1px solid #eee;}
#header .account li.language.open .languageList{ display:block; z-index:999;}
#header .account li.language .languageList button{ width:100%;}
div.black #header .account li.language .languageList{ background:#666; border-color:#888;}
#header .account li.language .languageList .ko button{ background-position:-92px -10px;}
div.black #header .account li.language .languageList .ko button{ background-position:8px -10px;}
#header .account li.language .languageList .en button{ background-position:-92px -25px;}
div.black #header .account li.language .languageList .en button{ background-position:8px -25px;}
#header .account li.language .languageList .jp button{ background-position:-92px -40px;}
div.black #header .account li.language .languageList .jp button{ background-position:8px -40px;}
#header .account li.language .languageList .zh-CN button{ background-position:-92px -55px;}
div.black #header .account li.language .languageList .zh-CN button{ background-position:8px -55px;}
#header .account li.language .languageList .zh-TW button{ background-position:-92px -70px;}
div.black #header .account li.language .languageList .zh-TW button{ background-position:8px -70px;}

#header .account li.language .languageList li { display:none;}
#header .account li.language .languageList .ko,
div.black #header .account li.language .languageList .ko,
#header .account li.language .languageList .en,
div.black #header .account li.language .languageList .en,
#header .account li.language .languageList .jp,
div.black #header .account li.language .languageList .jp,
#header .account li.language .languageList .zh-CN,
div.black #header .account li.language .languageList .zh-CN,
#header .account li.language .languageList .zh-TW,
div.black #header .account li.language .languageList .zh-TW { display:block; }

/* GNB */
.gnb{ position:absolute; left:0; bottom:0; margin:0; padding:0; list-style:none;}
.gnb li{ float:left; padding-right:40px;}
.gnb li a{ cursor:pointer; display:block; height:32px; text-decoration:none !important; color:#fff; float:left;}
.gnb li a span{ display:inline-block; padding-top:10px;  }
.gnb li.selected { font-weight:bold;}
.gnb li.black a:hover ,
.gnb li.black.selected a { color:#aaa; }
.gnb li.blue a:hover ,
.gnb li.blue.selected a { color:#9884FF; }
.gnb li.sky a:hover ,
.gnb li.sky.selected a { color:#5999E5; }
.gnb li.cyan a:hover ,
.gnb li.cyan.selected a { color:#2ACFCD; }
.gnb li.purple a:hover ,
.gnb li.purple.selected a { color:#C835CA; }
.gnb li.orange a:hover ,
.gnb li.orange.selected a { color:#F0B848; }

#header .holynet { position:absolute; right:150px; bottom:8px; display:block; width:62px; color:#292929; font-weight:bold; font-family:verdana; cursor:pointer; }
div.black #header .holynet {color:#fff;}

/* Search */
#header .search{ position:absolute; right:0; bottom:0; width:158px; height:32px; z-index:1;}
div.black #header .search{ background:url("/layouts/xe_life_church_v2/img/bgBlackSearch.gif") no-repeat;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ position:absolute; top:9px; left:20px; border:0; background:#fff; width:110px; height:15px; padding:0; font-size:12px;} 
#header .search .inputSearch{ position:absolute; top:9px; left:135px;}

/* Sitemap */
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ padding:10px 0; *zoom:1;}
#sitemap .extension:after{ content:""; display:block; clear:both;}
#sitemap .extension .section{ float:left; width:112px; margin:0; margin-bottom:10px; padding:0 0 0 10px; background:url("/layouts/xe_life_church_v2/img/lineKneeVr.gif") repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0; width:120px;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

/* Footer */
#footer a{ text-decoration:none;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}

#footer .rss{ float:left; margin:0;}
#footer .rss a{ color:#6B8F8F; padding-left:14px; background:url("/layouts/xe_life_church_v2/img/iconRss.gif") no-repeat left center; font-size:11px; font-family:Tahoma;}
#footer address{ text-align:center; font-style:normal; line-height:16px; color:#959F9F;}
#footer address a {color:#6B8F8F; text-decoration:none; }


/* LNB */
.lnb ol {margin:0; padding:0;}
.lnb a{ text-decoration:none;}
.lnb a:hover,
.lnb a:active,
.lnb a:focus{ text-decoration:underline !important;}

.lnb{ margin-bottom:10px; border:1px solid #CCCCCC; background:#fff;}
.lnb h2{ color:#BF7D00; margin:5px 0 0; padding:2px 0 0 10px; font:normal 24px Georgia;}
.lnb h3{ color:#BF7D00; margin:5px 0 0; padding:2px 0 0 10px; font:normal 12px Georgia;}
.lnb h3 a{ color:#000;}
div.blue .lnb h2,
div.blue .lnb h2 a{ color:#6d55e5;}
.sky .lnb h2,
.sky .lnb h2 a{ color:#4e70b5;}
div.cyan .lnb h2,
div.cyan .lnb h2 a{ color:#48b2b1;}
div.purple .lnb h2,
div.purple .lnb h2 a{ color:#8f3190;}
div.orange .lnb h2,
div.orange .lnb h2 a{ color:#fdaa00;}
.lnb ul{ margin:0 0 14px 0; padding:10px 0 0 14px; list-style:none;}
.lnb ul ul{ margin:4px 0; padding:0 0 2px 10px;}
.lnb li{ margin-bottom:4px; font-size:1.1em;}
.lnb ul ul li { font-size:11px !important;}
.lnb li a{ background:transparent url("/layouts/xe_life_church_v2/img/iconMenuAnormal.gif") no-repeat scroll 0 center; display:block; padding-left:10px; color:#4d4d4d;}
.lnb li.active a{ background:transparent url("/layouts/xe_life_church_v2/img/iconMenuAactive.gif") no-repeat scroll 0 center; display:block; padding-left:10px; font-weight:bold; text-decoration:underline;}
.lnb li.active li a{ font-weight:normal; text-decoration:none; background:transparent url("/layouts/xe_life_church_v2/img/bulletFF1A00.gif") no-repeat scroll 0 center; display:block; padding-left:8px; }
div.blue .lnb li.active a{ color:#6d55e5;}
.sky .lnb li.active a{ color:#4e70b5;}
div.cyan .lnb li.active a{ color:#48b2b1;}
div.purple .lnb li.active a{ color:#8f3190;}
div.orange .lnb li.active a{ color:#fdaa00;}
div.blue .lnb li.active li a,
.sky .lnb li.active li a,
div.cyan .lnb li.active li a,
div.purple .lnb li.active li a,
div.orange .lnb li.active li a{ color:#4d4d4d;}
div.blue .lnb li.active li.active a{ color:#6d55e5;}
.sky .lnb li.active li.active a{ color:#4e70b5;}
div.cyan .lnb li.active li.active a{ color:#48b2b1;}
div.purple .lnb li.active li.active a{ color:#8f3190;}
div.orange .lnb li.active li.active a{ color:#fdaa00;}

.snb ol {margin:0; padding:0;}
.snb a{ text-decoration:none;}
.snb a:hover,
.snb a:active,
.snb a:focus{ text-decoration:underline !important;}

.snb{ border-color:#C0C2E9; border-style:solid; border-width:1px 1px 1px 0; margin:-20px -10px 14px; }
.snb h2{ border-bottom:1px solid #E0E2EF; color:#5F68EA; font-size:1.1em; font-weight:bold; margin:6px 10px; padding:0 0 5px 1px; }
.snb ul{ margin:0 0 14px 0; padding:4px 0 0 12px; list-style:none;}
.snb ul ul{ margin:4px 0; padding:0 0 2px 10px;}
.snb li{ margin-bottom:4px; }
.snb ul ul li { font-size:11px !important;}
.snb li a{ background:transparent url("/layouts/xe_life_church_v2/img/iconMenuAnormal.gif") no-repeat scroll 0 center; display:block; padding-left:10px; color:#4d4d4d;}
.snb li.active a{ background:transparent url("/layouts/xe_life_church_v2/img/iconMenuAactive.gif") no-repeat scroll 0 center; display:block; padding-left:10px; font-weight:bold; text-decoration:underline;}
.snb li.active li a{ font-weight:normal; text-decoration:none; background:transparent url("/layouts/xe_life_church_v2/img/bulletFF1A00.gif") no-repeat scroll 0 center; display:block; padding-left:8px; }



#body .extension .dLink{ padding:0 0 0 20px;}
#body .extension .dLink img{ border:none; }

.loginInfo { background:#FFFFFF; border:1px solid #A9A9A9; display:none; margin:0; padding:5px 5px 30px; position:absolute; z-index:999; left:0; top:21px; width:212px; }
.loginInfo .userMenu { margin:0; padding:3px 0 6px 4px;}
.loginInfo .userMenu li { float:left !important; display:block; width:90px; margin-left:0px; list-style:none; line-height:normal; padding-left:10px; background:url("/layouts/xe_life_church_v2/img//bulletFF1A00.gif") no-repeat left 4px !important;  margin-bottom:2px;}
.loginInfo .userMenu li a { display:block; padding:0; text-decoration:none; color:#696969;}
.loginInfo .latestLogin { position:absolute; bottom:0px; padding:10px 4px; color:#999999; font:.9em;}
.loginInfo .latestLogin span { font:.9em Arial;}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#F9F9F9 url("/layouts/xe_life_church_v2/img/bg_shape.gif") no-repeat scroll left bottom; }
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;} 
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url("/layouts/xe_life_church_v2/img/bgLoginText.gif"); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url("/layouts/xe_life_church_v2/img/bgOpenidText.gif"); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url("/layouts/xe_life_church_v2/img/buttonLoginAction.gif"); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_life_church_v2/img/buttonCloseX.gif") no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


/* Bible search */
.bibleSearch{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.bibleSearch.open{ display:block;}
.bibleSearch .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.bibleSearch .searchLayer{ position:absolute; width:350px; top:120px; left:50%; padding:20px 20px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.bibleSearch .searchLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url("/layouts/xe_life_church_v2/img/buttonCloseX.gif") no-repeat center center;}
.bibleSearch .searchLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.bibleSearch table { border-collapse:collapse; margin-left: 4px; }
.bibleSearch td { border:1px solid #d4d4d4; }


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

/* Home */
.black #content a{ text-decoration:none;}
.black #content a:hover,
.black #content a:active,
.black #content a:focus{ text-decoration:underline;}

.black .dLink{ float:left; margin:0 25px 0 0;}
.black .dLink img{ border:1px solid #ddd;}

/* Heading */
#content .h2{ color:#333; font-size:18px; margin:0 0 40px 0; clear:both;}
#content .h3{ position:relative; color:#333; font-size:15px; border-bottom:1px solid #dcdcdc; padding-bottom:7px; clear:both; margin:0 0 20px 0;}
#content .h4{ color:#333; font-size:14px; margin-top:1em; margin-bottom:10px;}
#content .h5{ color:#333; font-size:12px; margin-top:0; margin-bottom:10px;}

/* Table Of Content */
#content .toc{ margin:0 0 40px 0; padding:20px 50px; border:1px dotted #dcdcdc;}
#content .toc li{ margin-bottom:3px;}

/* Content Header */
.contentHeader{ position:relative; border:2px solid; border-left:160px solid;  *zoom:1; margin-bottom:50px; overflow:visible;}
.contentHeader:after{ content:""; display:block; clear:both;}

.sky .contentHeader{ border-color:#4b6aa8;}
.cyan .contentHeader{ border-color:#41a7a6;}
.purple .contentHeader{ border-color:#8f3190;}
.orange .contentHeader{ border-color:#eea000;}

.contentHeader .title{ position:relative; float:left; width:140px; padding:20px 0 20px 20px; margin:0 0 0 -160px; color:#fff; *zoom:1;}
.contentHeader .title h2{ margin:0 0 12px 0; font-size:8px; font-weight:normal; font-family:Tahoma; letter-spacing:2px;}
.contentHeader .title h3{ margin:0 0 0 0; font-size:20px;}

.contentHeader .summary{ *zoom:1; padding:25px 30px; height:105px; overflow:hidden;}
.contentHeader .summary:after{ content:""; display:block; clear:both;}
.contentHeader .summary .thumb{ float:left; display:block; margin:0 20px 0 0;}
.contentHeader .summary .description { color:#7f7f7f; line-height:1.5;}
.contentHeader .summary .description p{ margin-top:0;}
.contentHeader .summary .description ul { overflow:hidden; list-style:none; margin:0; padding:0; font-size:11px; color:#8b8b8b;}
.contentHeader .summary .description ul li{ display:inline; position:relative; left:-10px; padding-left:10px; margin-right:5px; background:url("/layouts/xe_life_church_v2/img/lineHeaderVr.gif") no-repeat left center;}
.contentHeader .summary .description ul a { color:#8b8b8b;}

/* Content Section */
#content .section{ color:#666; line-height:1.5; margin-bottom:40px;}
#content .section em{ font-style:normal; color:#ff6600;}
#content .section strong{ color:#000;}

/* Content Table */
#content .section table { border-collapse:collapse; border:1px solid #ccc; border-right:none; border-bottom:none; margin-bottom:40px; width:100%; }
#content .section caption { position:relative; text-align:left; font-weight:bold; padding:10px 0;}
#content .section caption button{ overflow:visible; font:11px Tahoma; cursor:pointer;}
#content .section th,
#content .section td { padding:.3em .5em; vertical-align:top; border:1px solid #ccc; border-top:none; border-left:none; vertical-align:top;}
#content .section th { background:#f4f4f4; }
#content .section tbody th { text-align:left; }

/* Content Code */
#content .section code{ background:#f8f8f8; font-family:"Courier New", Monospace;}
#content .section code.block{ display:block; border:1px dashed #ddd; padding:1em;}

/* About */
.blue #content .info{ position:absolute; top:10px; right:0; font-size:11px; color:#8b8b8b; margin:0;}

.blue #content .history dl{ position:relative; margin:0; padding:0; *zoom:1;}
.blue #content .history dl:after{ content:""; display:block; clear:both;}
.blue #content .history dt{ position:absolute; top:0; font-weight:bold; color:#333; height:13px; padding-top:15px; padding-bottom:15px; text-align:center;}
.blue #content .history dt.dt1{ left:0; border:1px solid #efefef; border-right:0; width:259px; background:url("/layouts/xe_life_church_v2/img/aboutXeHistoryBg.gif") no-repeat right center;}
.blue #content .history dt.dt2{ left:260px; border:1px solid #efefef; border-left:0; border-right:0; width:259px; background:url("/layouts/xe_life_church_v2/img/aboutXeHistoryBg.gif") no-repeat right center;}
.blue #content .history dt.dt3{ left:519px; border:1px solid #efefef; border-left:0; width:240px;}
.blue #content .history dd{ float:left; _float:none; _display:inline; width:240px; margin:0 20px 0 0; padding-top:60px; *zoom:1; position:relative;}
.blue #content .history dd.dd1{ _top:-18px;}
.blue #content .history dd.dd3{ margin-right:0;}

.blue #content .character .item{ *zoom:1; margin-bottom:20px;}
.blue #content .character .item:after{ content:""; display:block; clear:both;}
.blue #content .character img { float:left; clear:left; margin-right:30px;}
.blue #content .character p{ margin-top:0;}

.blue #content .recommendation{ *zoom:1;}
.blue #content .recommendation:after{ content:""; display:block; clear:both;}
.blue #content .recommendation .item{ float:left;}
.blue #content .recommendation .xeType{ width:370px;}
.blue #content .recommendation .svType{ border-left:1px solid #f2f2f2; padding-left:35px;}
.blue #content .recommendation ul{ margin:0; padding:0; list-style:none;}
.blue #content .recommendation li{ padding:4px 0 0 20px; background:url("/layouts/xe_life_church_v2/img/aboutXeRecommendation.gif") no-repeat; margin-bottom:8px;}
.blue #content .recommendation .xeType li{ background-position:0 0;}
.blue #content .recommendation .svType li{ background-position:0 -44px;}

.blue #content .environment{ *zoom:1;}
.blue #content .environment:after{ content:""; display:block; clear:both;}
.blue #content .environment .item{ float:left;}
.blue #content .environment .php{ width:370px;}
.blue #content .environment .db{ border-left:1px solid #f2f2f2; padding-left:35px;}
.blue #content .environment ul{ margin:0; padding:0; list-style:none;}
.blue #content .environment li{ padding-left:8px; background:url("/layouts/xe_life_church_v2/img/bulletA.gif") no-repeat left center; color:#333;}

.blue #content .package{ overflow:hidden;}
.blue #content .package .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .package .item:after{ content:""; display:block; clear:both;}
.blue #content .package img { float:left; clear:left; margin-right:30px;}
.blue #content .package p{ margin-top:0;}

.blue #content .communication{ overflow:hidden;}
.blue #content .communication .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .communication .item:after{ content:""; display:block; clear:both;}
.blue #content .communication img { float:left; clear:left; margin-right:30px;}
.blue #content .communication p{ margin-top:0;}

.blue #content .textyle{ overflow:hidden;}
.blue #content .textyle .item{ position:relative; top:-30px; *zoom:1; margin-bottom:20px; border-top:1px solid #eee; padding-top:30px;}
.blue #content .textyle .item:after{ content:""; display:block; clear:both;}
.blue #content .textyle img { float:left; clear:left; margin-right:30px;}
.blue #content .textyle p{ margin-top:0;}

/* Download */
.sky .contentHeader .summary h4{ color:#5e95d6;}
.sky .contentHeader .summary h4 a{ color:#afcef3; }



/* Main Article */
.sitePopular { border:1px solid #CCC; overflow:hidden; }
.sitePopular table { border-collapse:collapse; table-layout:fixed; width:100%;}
.sitePopular td { cursor:pointer; padding:7px 0 5px 0; border-bottom:1px solid #CCC; background:#f6f6f6; color:#999;}
.sitePopular td.active { color:#000; font-weight:bold; border-bottom:1px solid #fff; background:#fff; }

.sitePopular .panels { background:#fff; } 

.sitePopular ul { display:none; margin:0; padding:12px 10px 10px; list-style-type:none; }
.sitePopular ul.active { display:block;}

.sitePopular li { display:block; white-space:nowrap; overflow:hidden; padding-left:8px; margin-bottom:6px; background:transparent url("/widgets/sitePopular/skins/xe_church_right/img/iconList.gif") no-repeat scroll 0 7px; }
.sitePopular li div.title { float:left; }
.sitePopular li div.author { float:right; cursor:pointer; width:120px; color:#999999;letter-spacing:-1px; }
.sitePopular li .regdate { font-size:.9em; color:#6F6F6F;}
.sitePopular li .readed_count { font-weight:bold; font-size:0.9em; color:#7182D2; padding:0 0 0 5px; }
.sitePopular li .bold { font-weight:bold !important; }
.sitePopular li a { color:#696969; text-decoration:none; white-space:nowrap;}

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

.sitePopular .comment { margin:0px 10px 10px 10px; padding-top:10px; border-top:1px dotted #ccc; }
.sitePopular .comment h4 { position:relative;font-size:1em; margin:0px; padding-left:16px; background:transparent url("/widgets/sitePopular/skins/xe_church_right/img/iconPencil.gif") no-repeat scroll 0 0; }
.sitePopular .comment span.action { background:transparent url("/widgets/sitePopular/skins/xe_church_right/img/btn_rw1.gif") no-repeat scroll 0 0; display:block; overflow:hidden; position:absolute; right:0; top:-1px; width:33px; }
.sitePopular .comment span.action a { display:block; float:left; height:15px; text-indent:-2000em; width:16px; }

.sitePopular .comment ul {display:none; padding:8px 0 0;}
.sitePopular .comment ul.active {display:block;}

.sitePopular li.line { background:transparent url("/widgets/sitePopular/skins/xe_church_right/img/dot_gray.gif") repeat-x scroll 0 5px; margin:0 2px; height:20px; }

#thumb_slideshow {display:none;list-style:none; color:#fff}
#thumb_slideshow span {display:none}
#thumb_slideshow a {visibility:hidden}
#thumb_wrapper {margin:0 auto; display:none}
#thumb_wrapper * {margin:0; padding:0}
#thumb_fullsize {position:relative; overflow:hidden; height:300px; margin-bottom:10px; padding:2px; border:1px solid #afafaf; background:#000}
#thumb_information {position:absolute; left:0; right:0; bottom:0; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#thumb_information h3 {padding:4px 8px 3px; font-size:14px}
#thumb_information p {padding:0 8px 8px}
#thumb_image { text-align:center; height:100%;  }
#thumb_image img {position:absolute; z-index:25; left:0; right:0; margin:0 auto;}
.imgnav {position:absolute; width:25%; height:100%; cursor:pointer; z-index:150}
#thumb_imgprev {left:0; background:url("/widgets/newest_images_slideshow/skins/thumbnail/images/left.gif") left center no-repeat}
#thumb_imgnext {right:0; background:url("/widgets/newest_images_slideshow/skins/thumbnail/images/right.gif") right center no-repeat}
#thumb_imglink {position:absolute; height:100%; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url("/widgets/newest_images_slideshow/skins/thumbnail/images/link.gif") center center no-repeat}
#thumb_thumbnails {padding:1px; border:1px solid #000; background:#111; }
#thumb_slideleft {float:left; width:20px; background:url("/widgets/newest_images_slideshow/skins/thumbnail/images/scroll-left.gif") center center no-repeat; background-color:#222}
#thumb_slideleft:hover {background-color:#333}
#thumb_slideright {float:right; width:20px; background:#222 url("/widgets/newest_images_slideshow/skins/thumbnail/images/scroll-right.gif") center center no-repeat}
#thumb_slideright:hover {background-color:#333}
#thumb_slidearea {float:left; background-color:#222; position:relative; margin:0 3px; overflow:hidden}
#thumb_slidearea img {cursor:pointer; border:1px solid #666; padding:2px}
.ni_box { padding-bottom:5px; overflow:hidden; position:relative;}
.ni_box h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:5px; color:#000000; background:url("/widgets/newest_images_slideshow/skins/thumbnail/images/normal/lineNotice.gif") no-repeat left bottom;}

.ni_box .more { position:absolute; top:12px; right:11px; color:#000000; font:.9em;}
.ni_box a.more { text-decoration:none;} 
.ni_box a.more:hover { text-decoration:underline;}