@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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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("/xe/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;}


#memberModule { width:100%; padding-bottom:210px;}
#memberModule h3 {border-bottom:2px solid #ccc; width:100% !important; padding:5px 0 5px 25px; margin:0 0 10px 0; background:url("/xe/modules/member/skins/default_new/img/iconH2.gif") no-repeat left center; font-size:12px; color:#666; }
#memberModule h4 {padding:5px 0 5px 20px; background:url("/xe/modules/member/skins/default_new/img/iconH3.gif") no-repeat left center;}
#memberModule h4 span.vr { font-size:11px; color:#AAA; }
#memberModule h4 a.view { font-size:11px; font-family:vertical; color:#777e86; }
#memberModule p.summary, 
#memberModule div.infoText { margin:0 0 15px 0; line-height:1.6;}
#memberModule p.summary{ color:#888;}
#memberModule p.summary a { text-decoration:none; color:#888; }
#memberModule p.summary.red { color:#A54D4D; }
#memberModule p.summary.red a { text-decoration:none; color:#A54D4D; }
#memberModule div.infoText { color:#888;}

#memberModule .agreementBox { border:1px solid #CCC; margin:10px 0 0 0; padding:10px; border-bottom:none; height:200px; overflow-y:scroll;}
#memberModule .agreementButton { background-color:#EFEFEF; padding:10px; border:1px solid #CCC; border-top:none; margin-bottom:10px;}

#memberModule .localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; }
#memberModule .localNavigation:after {content:""; display:block; clear:both;}
#memberModule .localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
#memberModule .localNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url("/xe/modules/member/skins/default_new/img/bgTab.gif") repeat-x;}
#memberModule .localNavigation li a{ text-decoration:none !important; color:#666;}
#memberModule .localNavigation li.active a{ font-weight:bold; color:#1e6aac;}
#memberModule .localNavigation li.on { margin-bottom:-1px;}
#memberModule .localNavigation li.on a{ height:19px; background:none;}

#memberModule .layer { display:none; position:absolute; border:2px solid #777; margin:0; font-size:12px; background:#fff;}
#memberModule .layer * { margin:0; padding:0; font-size:12px; }
#memberModule .layer h4 { font-size:14px !important; font-family:Dotum; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; }
#memberModule .layer .xButton { position:absolute; top:9px; right:9px; width:15px; height:14px; background-color:transparent; background:url("/xe/modules/member/skins/default_new/img/buttonClose.gif") no-repeat; border:0; cursor:pointer; overflow:hidden; }
#memberModule .layer .xButton span { position:relative; z-index:-1; visibility:hidden; }
#memberModule .layer .layerBody{ margin:15px;}

#memberModule .crossTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .crossTable th div { white-space:nowrap; }
#memberModule .crossTable th,
#memberModule .crossTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .crossTable thead th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background-image:url("/xe/modules/member/skins/default_new/img/lineVrText.gif"); background-repeat:no-repeat; background-position:left center;}
#memberModule .crossTable thead th:first-child{ background-image:none;}
#memberModule .crossTable tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;}
#memberModule .crossTable td{ border-bottom:1px solid #f0f0f0;}

#memberModule .colTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .colTable th div { white-space:nowrap; }
#memberModule .colTable th,
#memberModule .colTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .colTable th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background:#f4f4f4; background-image:url("/xe/modules/member/skins/default_new/img/lineVrText.gif"); background-repeat:no-repeat; background-position:left center;}
#memberModule .colTable th:first-child{ background-image:none;}
#memberModule .colTable td{ border-bottom:1px solid #f0f0f0;}

#memberModule .rowTable{ width:100%; border:0; border-top:2px solid #cfcfcf; margin:0 0 20px 0; padding:0;}
#memberModule .rowTable th div { white-space:nowrap; }
#memberModule .rowTable th,
#memberModule .rowTable td{ border:0; padding:10px 10px; text-align:left; vertical-align:top; font-weight:normal;}
#memberModule .rowTable tbody th{ border-bottom:1px solid #e5e5e5;}
#memberModule .rowTable td{ border-bottom:1px solid #e5e5e5;}

#memberModule .rowTable th.button, 
#memberModule .colTable th.button, 
#memberModule .crossTable th.button { text-align:right; background:#EAEAEA; }

#memberModule .colTable td a,
#memberModule .rowTable td a,
#memberModule .crossTable td a { color:#000; text-decoration:none; }

#memberModule .colTable td.wide, 
#memberModule .rowTable td.wide, 
#memberModule .crossTable td.wide { width:100%;}

#memberModule .rowTable th.title,
#memberModule .crossTable th.title,
#memberModule .colTable th.title { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD;  background:url("/xe/modules/member/skins/default_new/img/bgTab.gif") repeat-x left bottom;}

#memberModule p { color:#AAA; margin:3px 0 0 0; padding:0;}
#dummy_check_nick_name { color:red; margin:3px 0 0 0; padding:0; }
#memberModule .require { color:red; font-size:10px; font-family:tahoma; font-weight:bold; margin-left:5px; }
#memberModule .publicItem { margin:5px 0 0 0; padding:0; color:#aaa; }
#memberModule .publicItem input { padding:0; margin: 0; }

#memberModule caption{ font-size:11px; font-family:Tahoma; color:#888; text-align:left;}

#memberModule td.openids div { float:left; margin-right:10px; margin-bottom:10px; }
#memberModule td.openids div a { color:#AAA; text-decoration:none;}
#memberModule .openid_user_id { background: url("/xe/modules/member/skins/default_new/img/openid_login_bg.gif") left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:200px;}
#memberModule .insertOpenID { clear:both; margin-top:10px; }
#memberModule .savedContent { margin-top:10px; border:1px solid #EEE; padding:10px; }

#memberModule .pagination{ padding:15px 0; margin:0; text-align:center; clear:both; }
#memberModule .pagination *{ margin:0; padding:0;}
#memberModule .pagination img{ border:0;}
#memberModule .pagination a,
#memberModule .pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
#memberModule .pagination a:hover,
#memberModule .pagination a:active,
#memberModule .pagination a:focus{ background-color:#f4f4f4 !important; }
#memberModule .pagination strong{ color:#ff6600 !important;}
#memberModule .pagination a.prev,
#memberModule .pagination a.prevEnd,
#memberModule .pagination a.next,
#memberModule .pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

#memberModule .pagination.a1 a,
#memberModule .pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
#memberModule .pagination.a1 a.prev{ padding-left:10px; background:#fff url("/xe/modules/member/skins/default_new/img/arrowPrevA1.gif") no-repeat left center; }
#memberModule .pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url("/xe/modules/member/skins/default_new/img/arrowPrevEndA1.gif") no-repeat left center; }
#memberModule .pagination.a1 a.next{ padding-right:10px; background:#fff url("/xe/modules/member/skins/default_new/img/arrowNextA1.gif") no-repeat right center; }
#memberModule .pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url("/xe/modules/member/skins/default_new/img/arrowNextEndA1.gif") no-repeat right center; }

#memberModule .memberSmallBox { border:1px solid #EFEFEF; margin:50px auto 20px auto; padding:0; width:340px;}
#memberModule .memberSmallBox .header { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD;  background:url("/xe/modules/member/skins/default_new/img/bgTab.gif") repeat-x left bottom;}
#memberModule fieldset { position:relative; border:0; margin:0; padding:10px;}
#memberModule .memberSmallBox .login dl { margin:0; padding:0; overflow:hidden; margin-right:10px; width:250px;}
#memberModule .memberSmallBox .login dl dt { margin:0; padding:0; width:100px; clear:left; float:left; color:#54564b; height:24px; padding-top:3px; text-indent:10px;}
#memberModule .memberSmallBox .login dl dd { margin:0; padding:0; float:left; height:27px; width:150px; }
#memberModule .memberSmallBox .login .keep { clear:both; white-space:nowrap; margin-left:100px;}
#memberModule .memberSmallBox .login .keep input { vertical-align:middle;}
#memberModule .memberSmallBox .login .keep label { margin:0; padding:0; font-size:12px; color:#999999;}
#memberModule .memberSmallBox .openid_user_id { background: url("/xe/modules/member/skins/default_new/img/openid_login_bg.gif") left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:120px;}
#memberModule .memberSmallBox .help { background:#f5f5f3; color:#666666; border-top:1px solid #eaebe7; overflow:hidden; padding:1.1em; color:#ccc;}
#memberModule .memberSmallBox .help a{ color:#666; text-decoration:underline;}
#memberModule .memberSmallBox .buttonArea{ position:absolute; top:10px; left:260px;}



#memberModule ul.checkbox,
#memberModule ul.radio { list-style:none; margin:0; padding:0; }

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

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

/* Layout */
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1; z-index:100}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1; background:url("/xe/layouts/xe_cafe_site_dia/img/bg_body.gif") repeat-y; padding:25px 22px 93px 23px; margin-top:20px; overflow:hidden}
#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:968px; 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 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 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;}
#body .top{ background: url("/xe/layouts/xe_cafe_site_dia/img/bg_body_top.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; top:0;}
#body .btm{ background: url("/xe/layouts/xe_cafe_site_dia/img/bg_body_btm.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; bottom:0;}

/* ----- 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:209px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:679px;}
.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{ float:right; clear:right; background:url("/xe/layouts/xe_cafe_site_dia/img/bg_extension_cen.gif") repeat-y; padding: 13px 9px 11px 9px; position: relative; margin-top:-8px}
.fixed .ec #body .e1{ float:left; clear:left;}
#body .e1 .top{ background:url("/xe/layouts/xe_cafe_site_dia/img/bg_extension_top.gif") no-repeat; position:absolute; left:0; top:0; overflow:hidden; height:13px; width:227px;}
#body .e1 .btm{ background:url("/xe/layouts/xe_cafe_site_dia/img/bg_extension_btm.gif") no-repeat; position:absolute; left:0; bottom:0; overflow:hidden; height:11px; width:227px;}

/* ----- 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;}

.member,.c11n{ width:100%; overflow:hidden}
.iSearch{ width:100%!important}


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

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

/* Element Reset */
html,
body{ height:100%; margin:0; font-family: Arial,Tahoma,Sans-serif; font-size:12px;background:#e8e8e8 url("/xe/layouts/xe_cafe_site_dia/img/bg_head.gif") repeat-x}
fieldset{ border:0; margin:0; padding:0;}
img{ border:0;}

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

/* Common Class */
.skipToContent { position:absolute; left:-1000%; display:block; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-decoration:none; white-space:nowrap;}
.skipToContent:hover,
.skipToContent:active,
.skipToContent:focus{ position:relative; left:0; width:98%; height:auto; padding:5px 1%; font-size:12px; line-height:1;}

.inputText{ font-size:12px;}
.hr{ display:none;}

/* Layout */
#content,
.extension.e1{ margin-bottom:30px;}
.extension.e2{ display:block !important; clear:both;}

/* body style override fw.css 2011/09/16 */
#body{background:url("/xe/layouts/xe_cafe_site_dia/img/bg_body.gif") repeat-y; padding:25px 22px 93px 23px; margin-top:20px; overflow:visible;}
.fixed #container{width:968px !important}
#body .top{ background: url("/xe/layouts/xe_cafe_site_dia/img/bg_body_top.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; top:0;}
#body .btm{ background: url("/xe/layouts/xe_cafe_site_dia/img/bg_body_btm.gif") no-repeat; overflow:hidden; height:5px; width:968px; position:absolute; left:0; bottom:0;}

.fixed #body .ow_e1{ width:209px !important;}

.fixed #body #content{ width:679px !important;}

.fixed #body .ow_e1{background:url("/xe/layouts/xe_cafe_site_dia/img/bg_extension_cen.gif") repeat-y; padding: 13px 9px 11px 9px; position: relative; margin-top:-8px}
#body .ow_e1 .top{ background:url("/xe/layouts/xe_cafe_site_dia/img/bg_extension_top.gif") no-repeat; position:absolute; left:0; top:0; overflow:hidden; height:13px; width:227px;}
#body .ow_e1 .btm{ background:url("/xe/layouts/xe_cafe_site_dia/img/bg_extension_btm.gif") no-repeat; position:absolute; left:0; bottom:0; overflow:hidden; height:11px; width:227px;}
.member,.c11n{ width:100%; overflow:hidden}
.iSearch{ width:100%!important}
/* Header */
#header{z-index:100;}
#header,
#header .header{}
#header .logo{ float:left; margin-right:10px}
#header{padding:0; margin:0; height:145px;}
#header .header{ padding:0; background-position:left bottom;}
#header .menu{ height:31px; position:relative; z-index:200}
#header .menu_lst{ overflow:hidden; margin:0; padding:0; float:left;}
#header .menu_lst li{ float:left; list-style:none; line-height:31px; background:url("/xe/layouts/xe_cafe_site_dia/img/line_2.gif") no-repeat 100% 50%; margin-right:8px;}
#header .menu_lst li a{ color:#b0b0b0; margin-right:8px;}
#header .menu_lst li a:hover{ color:#ececec;}
#header .menu_lst li.last{ background:none}
#header .menu_r{margin:0; padding:0; float:right;}
#header .menu_r li{ float:left; list-style:none; line-height:31px; background:url("/xe/layouts/xe_cafe_site_dia/img/line_2.gif") no-repeat 100% 50%; margin-right:8px; zoom:1}
#header .menu_r li a{ color:#b0b0b0; padding-right:10px; float:left}
#header .menu_r li.last{ background:none}
#header .menu_r li.sub{ position:relative;}
#header .menu_r li.sub a{ background:url("/xe/layouts/xe_cafe_site_dia/img/bu_2.gif") no-repeat 100% 50%; margin-right:8px; padding-right:15px!important}
#header .menu_r li.sub ul{ margin:0; width:108px;border:1px solid #8f8f8f; background:#fff; padding:5px 0 7px 5px; position:absolute;top:31px; left:-48px; _left:-56px; display:none;}
#header .menu_r li.sub ul li{ float:none; margin:0; padding:0; background: url("/xe/layouts/xe_cafe_site_dia/img/bu_3.gif") no-repeat 0 50%; height:17px; line-height:17px; *height:15px;*line-height:15px;}
#header .menu_r li.sub ul li a{ background:none; padding-left:7px; font-size:11px}
#header .menu_r li.sub ul li a:hover{ color:#0e87d0; text-decoration:none}
#header .menu_r li.on ul{display:block}
#header .menu_r li.on a{background:url("/xe/layouts/xe_cafe_site_dia/img/bu_4.gif") no-repeat 100% 50%}
#header .menu_r p{ padding:0; margin:0}
#header .menu_r li div{ zoom:0!important}
#header h1{ margin:40px 0 0; font-size:22px; line-height:1; float:left}
#header h1 a{ color:#3a3a3a; text-decoration:none}
#header h1 a:hover,
#header h1 a:active,
#header h1 a:focus{}
#header h1 a img{ _behavior:url("./common/js/iePngFix.htc");}
#header .url{ display:block; margin-top:5px}
#header .url a{ color:#767676; font-size:12px; line-height:1; text-decoration:none; font-weight:normal}
#header .url a:hover,
#header .url a:active,
#header .url a:focus{ color:#666;}
#header .search{ position:absolute; bottom:20px; right:0; text-align:right; background:url("/xe/layouts/xe_cafe_site_dia/img/bg_search.gif") no-repeat; width:205px; height:22px}
#header .search .inputText{ border:0; background:none; float:left; padding:4px 0 0 8px; color:#7f7f7f; width:166px}
#header .search .inputText:focus{}
#header .search .buttonSearch{ float:right; margin:3px 5px 0}
#header .topMenu { position:absolute; top:52px; padding:0; margin:0; right:0; list-style:none; }
#header .topMenu li { display:block; float:left; margin:0 0 0 15px; padding:2px 0 2px 18px; }
#header .topMenu li.homepage { background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 0 -18px;}
#header .topMenu li.setup {  background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 0 2px;}
#header .topMenu li a { color:#767676; font-size:12px}

/* Footer */
#footer{ padding:15px 0 50px 0;}
#footer address{ position:absolute; top:15px; left:6px; height:16px; padding:0; text-align:left; font-style:normal; font-size:10px; line-height:16px; z-index:2;color:#8a8a8a; font-size:12px}
#footer div{ position:relative; overflow:visible !important; z-index:1; text-align:right;}
#footer .widgetLanguage{ position:relative; *zoom:1;}
#footer .widgetLanguage:after{ content:""; display:block; clear:both;}
#footer .widgetLanguage p{ margin:0;}
#footer .language_selector{ font-size:12px; color:#8a8a8a; background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 100% -54px; padding-right:15px}
#footer .langList{ display:none; position:absolute; top:auto !important; bottom:20px !important; right:0 !important; list-style:none; border:1px solid #ddd; background:#fff; margin:0; padding:10px;}
#footer .langList a{ font-size:11px; white-space:nowrap; color:#767676;}

/* Extension E1 */

/* Info */
.extension .info{ position:relative; margin:0 0 6px 0; padding:0; background:#f8f8f8; *zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px;}
.extension .info .section{ position:static !important;}
.extension .info .tab{ position:absolute; top:4px; height:30px; line-height:30px; border:1px solid #ddd; padding:0; margin:0; overflow:visible; font-family:Tahoma; font-size:12px; cursor:pointer; color:#999; font-weight:bold; background:#f4f4f4; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;}
.extension .info .cafeInfo .tab{ left:4px; width:105px;}
.extension .info .memberInfo .tab{ right:4px; width:106px;}
.extension .info .widgetContainer{background:#ffffff; border:1px solid #e6e6e6; border-radius:5px; padding:13px}
.extension .info .widgetContainer2{ margin-top:-10px; _margin-top:0;}
.extension .info.cafe .cafeInfo .widgetContainer,
.extension .info.member .memberInfo .widgetContainer{ display:block;}
.extension .info.cafe .cafeInfo .tab,
.extension .info.member .memberInfo .tab{ color:#333; border-bottom:0; background:#fff}

.extension .info .button,
.extension .info .button span,
.extension .info .button input{ display:inline-block; position:relative; padding:0; margin:0; border:0; background-color:transparent; background-image:url("/xe/layouts/xe_cafe_site_dia/img/buttonAction.gif") !important; background-repeat:no-repeat; font-size:14px; color:#fff !important; font-weight:bold; height:32px; line-height:32px; vertical-align:top !important; overflow:visible; cursor:pointer; filter:none;}
.extension .info .button{ margin:6px 0 0 0;}
.extension .info .button span,
.extension .info .button input{ width:175px; left:3px; background-position:right top; text-align:center; top:0; margin:0 auto}
.extension .info .cafeInfo dl{ margin:0; color:#767676;}
.extension .info .cafeInfo dt{ float:left; clear:left; height:20px; margin:0 3px 0 0; padding:0 0 0 15px; background:url("/xe/layouts/xe_cafe_site_dia/img/iconInfo.gif") no-repeat left 2px;}
.extension .info .cafeInfo dd{ margin:0; height:20px; color:#999;}
.extension .info .memberInfo dl{ margin:0; color:#767676; overflow:hidden}
.extension .info .memberInfo dl dt{ float:left; color:#616161; margin-right:11px;}
.extension .info .memberInfo .widgetLogin dt{ position:absolute; width:1px; height:1px; overflow:hidden;}
.extension .info .memberInfo dd{ margin:0 0 6px 0; color:#3a3a3a;}
.extension .info .memberInfo dd.name{ color:#3a3a3a; font-weight:bold}
.extension .info .memberInfo dd.num{ color:#0e87d0}
.extension .info .memberInfo dd input{ border:1px solid #d1d1d1; padding:3px 4px; width:168px; font:bold 12px Tahoma; height:15px; background:#fff; margin:0 0 10px 0}
.extension .info .memberInfo dd input:focus{}
.extension .info .memberInfo p{ margin:0; color:#767676;}
.extension .info .memberInfo p input{ width:13px; height:13px; margin:0 3px 0 0; vertical-align:middle;}
.extension .btn_out{ margin:6px 0; background:#ffffff; border:1px solid #e6e6e6; border-radius:5px ;}
.extension .btn_out input{ width:159px; height:32px; margin:7px 0 7px 24px; background:url("/xe/layouts/xe_cafe_site_dia/img/btn_out_bg.gif") no-repeat; border:0; color:#fff; font-weight:bold; cursor:pointer}
.extension .btn_out_site_info{ margin:6px 0; background:#ffffff; border:1px solid #e6e6e6; border-radius:5px ;}
.extension .btn_out_site_info input{ width:159px; height:32px; margin:7px 0 7px 24px; background:url("/xe/layouts/xe_cafe_site_dia/img/btn_out_bg.gif") no-repeat; border:0; color:#fff; font-weight:bold; cursor:pointer}
.extension .info .memberInfo p label{ font:11px Dotum, 돋움;}
.extension .info .memberInfo .help{ margin:10px 0 0 0; padding:0; list-style:none;}
.extension .info .memberInfo .help li{ background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 0 -70px; padding:0 0 0 9px}
.extension .info .memberInfo .help a{ color:#767676; font:12px Dotum, 돋움;}
.extension .widgetMyInfo{ margin:0;list-style:none;padding:13px; background:#ffffff; border:1px solid #e6e6e6; border-radius:5px; *zoom:1; }
.extension .widgetMyInfo li{ color:#3a3a3a; padding:4px 0}
.extension .widgetMyInfo li span{ margin-right:11px;  color:#616161}
.extension .widgetMyInfo li span.b{color:#000; font-weight:bold}
.extension .widgetMyInfo li em{ margin-right:11px;color:#0e87d0; font-style:normal}
.extension .widgetMyInfo li a{ color:#767676;}
.extension .widgetMyInfo li img{ vertical-align:top; margin-top:2px;}

/* widgetTab */
.widgetTab{ overflow:hidden; padding:0; margin:-10px 0 0 0; position:relative; bottom:-10px;zoom:1}
.widgetTab li{ float:left;list-style:none; margin:0; padding:0; height:31px; line-height:31px;width:104px; text-align:center;font-weight:bold}

.widgetTab li.on{ background:url("/xe/layouts/xe_cafe_site_dia/img/tab_bg2.gif") no-repeat; height:40px; width:105px;}
.widgetTab li.on2{ background:url("/xe/layouts/xe_cafe_site_dia/img/tab_bg.gif") no-repeat; height:40px; width:105px;}
.widgetTab li a{ cursor:pointer;color:#989898; zoom:1;background:url("/xe/layouts/xe_cafe_site_dia/img/bu_5.gif") no-repeat 100% 50%; padding-right:10px; }
.widgetTab li.on a{ color:#3a3a3a; background:url("/xe/layouts/xe_cafe_site_dia/img/bu_6.gif") no-repeat 100% 50%; padding-right:10px}
.widgetTab li.on2 a{ color:#3a3a3a; background:url("/xe/layouts/xe_cafe_site_dia/img/bu_6.gif") no-repeat 100% 50%; padding-right:10px}
/* Menu */
.cafeMenu{ position:relative; padding:15px; margin:0 0 6px 0; border:1px solid #e2e2e2; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; *zoom:1;}
.cafeMenu h2{ position:absolute; left:-1000%; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.cafeMenu ul{ margin:0; padding:0; list-style:none;}
.cafeMenu ul li{ margin:0 0 5px 0; padding:0;}
.cafeMenu ul li ul{ padding:3px 0 0 0;}
.cafeMenu ul li li{ background:url("/xe/layouts/xe_cafe_site_dia/img/lineSub.gif") no-repeat 5px 2px;padding-left:16px;}
.cafeMenu ul li button{ display:none;}
.cafeMenu ul li a{ color:#3a3a3a;}
.cafeMenu ul li a.selected{ font-weight:bold;}

/* Visotor Stat */
.visitorStat{ position:relative; padding:10px 15px; *zoom:1;}
.visitorStat h2{ position:absolute; left:-1000%; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0;}
.visitorStat dl{ margin:0; color:#767676;}
.visitorStat dt{ clear:left;float:left; height:18px; color:#797979; font-weight:bold; margin-right:11px;}
.visitorStat dd{ color:#0078cb; height:18px; float:left; margin:0; padding:0; font-weight:bold}
.visitorStat dd.total{ margin:0; padding:0}

/* Extension E2 */
.extension.e2{ padding:15px 0 0 0; margin:0 0 15px 0;}
.extension.e2 .section{ width:188px; float:left; *display:inline; margin:0 3px 0 0;*zoom:1;}
.extension.e2 h2{ background:url("/xe/layouts/xe_cafe_site_dia/img/bg_tit.gif") repeat-x; height:25px; line-height:25px; padding:0 0 0 13px; margin:0; border:1px solid #dadada; font-size:12px; border-radius:1px 1px 0 0}
.extension.e2 ul{ margin:0; padding:12px 0 12px 14px; list-style:none; border:1px solid #ececec; border-top:0;}
.extension.e2 ol{ margin:0; padding:12px 0 12px 14px; list-style:none; border:1px solid #ececec; border-top:0;}
.extension.e2 li{ padding:0 0 0 8px; background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 0 -38px}
.extension.e2 li a{ color:#616161;}
.extension.e2 li sup{ color:#999; display:none}

.extension.e2 .newMember{ width:221px;}
.extension.e2 .newMember li{ padding:0 0 0 8px; background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 0 -38px}
.extension.e2 .docRank{ width:240px}
.extension.e2 .replyRank{ width:231px}
.extension.e2 .onMember{ float:right; margin:0; width:222px}
.extension.e2 .onMember li{ padding:0 0 0 8px;  background:url("/xe/layouts/xe_cafe_site_dia/img/ico_spr.gif") no-repeat 0 -38px}

/* Widget Reset */
.simpleWidgetStyle{ margin:0 0 30px 0 !important;}
.simpleWidgetStyle h2{ padding:5px 0 5px 16px !important; margin:0 0 25px 0 !important; font-size:12px !important; font-family:Tahoma !important; border-bottom:0 !important; background:#f8f8f8; color:#3a3a3a!important;}
.widgetGalleryA li{ _position:relative;}




.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer .open{ display:block !important;} 
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal; padding-left:15px}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.summary{ white-space:normal;}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url("/xe/layouts/xe_cafe_site_dia/img/white/buttonWidgetNavigation.gif"); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url("/xe/layouts/xe_cafe_site_dia/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#616161!important;}
.widgetTableA td .board{ color:#616161; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat 100% 3px; padding:0 10px 0 0; margin:0 7px 0 0}
.widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#bababa!important;}
.widgetTableA td .date{ color:#bababa!important;}
.widgetTableA td .hour{ color:#bababa!important;background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat 100% 2px;padding:0 10px 0 0; }

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333!important; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center!important;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url("/xe/layouts/xe_cafe_site_dia/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url("/xe/layouts/xe_cafe_site_dia/img/black/buttonWidgetTab.gif");}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url("/xe/layouts/xe_cafe_site_dia/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/layouts/xe_cafe_site_dia/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("/xe/layouts/xe_cafe_site_dia/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url("/xe/layouts/xe_cafe_site_dia/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url("/xe/layouts/xe_cafe_site_dia/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}

.cafeMenu ul li li {background: url("/xe/layouts/xe_cafe_site_dia/img/lineSub.gif") no-repeat scroll 5px 2px transparent;}


.open{ display:block !important;} 
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none;}
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.author{}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url("/xe/widgets/content/skins/default/img/white/buttonWidgetNavigation.gif"); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url("/xe/widgets/content/skins/default/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url("/xe/widgets/content/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url("/xe/widgets/content/skins/default/img/black/buttonWidgetTab.gif");}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url("/xe/widgets/content/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}