From 978a9e272f3e7bd7132e6c3e59820c8a1313cdbf Mon Sep 17 00:00:00 2001
From: ChanMyeong <dece24@gmail.com>
Date: Thu, 18 Oct 2012 08:30:42 +0000
Subject: [PATCH] /modules/member/ UI Cleaning.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11777 201d5d3c-b55e-5fd7-737f-ddc643e51545
---
 common/css/xe.css                        |   4 +-
 common/css/xe.min.css                    |   2 +-
 common/lang/lang.xml                     |  62 +++++----
 modules/admin/tpl/css/admin.css          |  44 +++---
 modules/admin/tpl/css/admin.min.css      |  44 +++---
 modules/admin/tpl/js/admin.js            |   1 -
 modules/admin/tpl/js/admin.min.js        |   4 +-
 modules/member/tpl/default_config.html   |   8 +-
 modules/member/tpl/design_config.html    |   2 +-
 modules/member/tpl/header.html           |   3 -
 modules/member/tpl/insert_join_form.html |  90 +++++++------
 modules/member/tpl/login_config.html     |  14 +-
 modules/member/tpl/member_list.html      | 163 +++++++++++------------
 modules/member/tpl/signup_config.html    |  48 +++----
 14 files changed, 243 insertions(+), 246 deletions(-)

diff --git a/common/css/xe.css b/common/css/xe.css
index a1dcf28b3..cd98f306a 100644
--- a/common/css/xe.css
+++ b/common/css/xe.css
@@ -28,9 +28,9 @@ input[type=button].text,
 button[type=submit].text,
 button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a !important;background:none;text-decoration:underline;cursor:pointer}
 /* Popup Menu Area */
-#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)}
+#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:3px;padding:10px;font-size:12px;box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)}
 #popup_menu_area ul{list-style:none;margin:0;padding:0}
-#popup_menu_area li{margin:0;padding:0}
+#popup_menu_area li{margin:0;padding:0;line-height:1.25}
 #popup_menu_area a{text-decoration:none;color:#333}
 #popup_menu_area a:hover,
 #popup_menu_area a:avtive,
diff --git a/common/css/xe.min.css b/common/css/xe.min.css
index b121b3142..739478205 100644
--- a/common/css/xe.min.css
+++ b/common/css/xe.min.css
@@ -1 +1 @@
-@charset "utf-8";body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:13px}body{word-wrap:break-word}a img{border:0}.xe_content img{max-width:100%;height:auto}@media \0screen{.xe_content img{max-width:none}}.btnArea{margin:1em 0;text-align:right;zoom:1;clear:both}.btnArea:after{content:"";display:block;clear:both}.btnArea .etc{float:left}.btn{position:relative;display:inline-block;vertical-align:middle}.btn *{display:inline-block;padding:0 8px;height:24px;line-height:22px;margin:0;font-weight:bold!important;color:#fff;text-decoration:none!important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}.btn *[disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}.btn a,.btn *[type=button]{border-color:#ccc;color:#333!important;background:#eee -webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff,endColorStr=#dddddd)}.btn *[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000))!important;background:#333 -moz-linear-gradient(top,#777,#000)!important;background-color:#333!important;color:#ffc!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777,endColorStr=#333333)}.btn a{height:22px}.btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}.btn.medium a{height:28px}.btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}.btn.large a{height:34px}input[type=submit].text,input[type=button].text,button[type=submit].text,button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a!important;background:0;text-decoration:underline;cursor:pointer}#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px;line-height:1.3;box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5)}#popup_menu_area ul{list-style:none;margin:0;padding:0}#popup_menu_area li{margin:0;padding:0}#popup_menu_area a{text-decoration:none;color:#333}#popup_menu_area a:hover,#popup_menu_area a:avtive,#popup_menu_area a:focus{text-decoration:underline}.message{position:relative;border:1px solid #ddd;background-color:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}body>.message{margin:1em}.message p{margin:1em 0!important}.message.info{border-color:#bce8f1;background-color:#d9edf7;color:#3a87ad}.message.error{border-color:#eed3d7;background-color:#f2dede;color:#b94a48}.message.update{border-color:#d6e9c6;background-color:#dff0d8;color:#468847}.wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100;border:1px solid #eae9dc;background:#fffdef url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-weight:bold}.wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}.wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:0;width:100%;height:100%;opacity:.5;z-index:2;filter:alpha(opacity=50);zoom:1}.wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
\ No newline at end of file
+@charset "utf-8";body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:13px}body{word-wrap:break-word}a img{border:0}.xe_content img{max-width:100%;height:auto}@media \0screen{.xe_content img{max-width:none}}.btnArea{margin:1em 0;text-align:right;zoom:1;clear:both}.btnArea:after{content:"";display:block;clear:both}.btnArea .etc{float:left}.btn{position:relative;display:inline-block;vertical-align:middle}.btn *{display:inline-block;padding:0 8px;height:24px;line-height:22px;margin:0;font-weight:bold!important;color:#fff;text-decoration:none!important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}.btn *[disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}.btn a,.btn *[type=button]{border-color:#ccc;color:#333!important;background:#eee -webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff,endColorStr=#dddddd)}.btn *[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000))!important;background:#333 -moz-linear-gradient(top,#777,#000)!important;background-color:#333!important;color:#ffc!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777,endColorStr=#333333)}.btn a{height:22px}.btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}.btn.medium a{height:28px}.btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}.btn.large a{height:34px}input[type=submit].text,input[type=button].text,button[type=submit].text,button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a!important;background:0;text-decoration:underline;cursor:pointer}#popup_menu_area{position:absolute;background:#fff;border:1px solid #e9e9e9;border-radius:3px;padding:10px;font-size:12px;box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5)}#popup_menu_area ul{list-style:none;margin:0;padding:0}#popup_menu_area li{margin:0;padding:0;line-height:1.25}#popup_menu_area a{text-decoration:none;color:#333}#popup_menu_area a:hover,#popup_menu_area a:avtive,#popup_menu_area a:focus{text-decoration:underline}.message{position:relative;border:1px solid #ddd;background-color:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}body>.message{margin:1em}.message p{margin:1em 0!important}.message.info{border-color:#bce8f1;background-color:#d9edf7;color:#3a87ad}.message.error{border-color:#eed3d7;background-color:#f2dede;color:#b94a48}.message.update{border-color:#d6e9c6;background-color:#dff0d8;color:#468847}.wfsr{display:none;position:absolute;position:fixed;left:0;top:0;z-index:100;border:1px solid #eae9dc;background:#fffdef url(../../common/img/msg.loading.gif) no-repeat 1em .5em;margin:1em;padding:1em 1em 1em 55px;border-radius:5px;line-height:1.4;font-weight:bold}.wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}.wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:0;width:100%;height:100%;opacity:.5;z-index:2;filter:alpha(opacity=50);zoom:1}.wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
\ No newline at end of file
diff --git a/common/lang/lang.xml b/common/lang/lang.xml
index e0a8e89ec..dc335854e 100644
--- a/common/lang/lang.xml
+++ b/common/lang/lang.xml
@@ -3308,6 +3308,31 @@
 			<value xml:lang="vi"><![CDATA[Khu vực nội dung]]></value>
 			<value xml:lang="mn"><![CDATA[Олон мөрөөр оруулах(textarea)]]></value>
 		</item>
+		<item name="radio">
+			<value xml:lang="ko"><![CDATA[단일 선택(radio)]]></value>
+			<value xml:lang="en"><![CDATA[radio button(radio)]]></value>
+			<value xml:lang="jp"><![CDATA[ラジオボタン(radio)]]></value>
+			<value xml:lang="zh-CN"><![CDATA[单选框(radio)]]></value>
+			<value xml:lang="zh-TW"><![CDATA[選項按紐(radio)]]></value>
+			<value xml:lang="de"><![CDATA[Radiobutton]]></value>
+			<value xml:lang="ru"><![CDATA[Кнопка радио(радио)]]></value>
+			<value xml:lang="tr"><![CDATA[radyo tuşu(radyo)]]></value>
+			<value xml:lang="mn"><![CDATA[Нэг eдeр сонгох(radio)]]></value>
+		</item>
+		<item name="select">
+			<value xml:lang="ko"><![CDATA[단일 선택(single select)]]></value>
+			<value xml:lang="en"><![CDATA[single select box]]></value>
+			<value xml:lang="jp"><![CDATA[ひとつ選択(select)]]></value>
+			<value xml:lang="zh-CN"><![CDATA[下拉列表框(select)]]></value>
+			<value xml:lang="zh-TW"><![CDATA[下拉式選單(select)]]></value>
+			<value xml:lang="fr"><![CDATA[Case d'option(seul choix)]]></value>
+			<value xml:lang="de"><![CDATA[Nur eine Auswahl]]></value>
+			<value xml:lang="ru"><![CDATA[Выбор(один вариант)]]></value>
+			<value xml:lang="es"><![CDATA[Selección(selección individual)]]></value>
+			<value xml:lang="tr"><![CDATA[kutuyu seç(tekli seçim)]]></value>
+			<value xml:lang="vi"><![CDATA[Ô chọn(Một lựa chọn)]]></value>
+			<value xml:lang="mn"><![CDATA[Ганц сонголт хийх(select)]]></value>
+		</item>
 		<item name="checkbox">
 			<value xml:lang="ko"><![CDATA[다중 선택(checkbox)]]></value>
 			<value xml:lang="en"><![CDATA[checkbox(multiple selection)]]></value>
@@ -3322,30 +3347,19 @@
 			<value xml:lang="vi"><![CDATA[Ô chọn(Nhiều lựa chọn)]]></value>
 			<value xml:lang="mn"><![CDATA[Олон сонголт хийх(checkbox)]]></value>
 		</item>
-		<item name="select">
-			<value xml:lang="ko"><![CDATA[단일 선택(select)]]></value>
-			<value xml:lang="en"><![CDATA[select box(single selection)]]></value>
-			<value xml:lang="jp"><![CDATA[ひとつ選択(select)]]></value>
-			<value xml:lang="zh-CN"><![CDATA[下拉列表框(select)]]></value>
-			<value xml:lang="zh-TW"><![CDATA[下拉式選單(select)]]></value>
-			<value xml:lang="fr"><![CDATA[Case d'option(seul choix)]]></value>
-			<value xml:lang="de"><![CDATA[Nur eine Auswahl]]></value>
-			<value xml:lang="ru"><![CDATA[Выбор(один вариант)]]></value>
-			<value xml:lang="es"><![CDATA[Selección(selección individual)]]></value>
-			<value xml:lang="tr"><![CDATA[kutuyu seç(tekli seçim)]]></value>
-			<value xml:lang="vi"><![CDATA[Ô chọn(Một lựa chọn)]]></value>
-			<value xml:lang="mn"><![CDATA[Ганц сонголт хийх(select)]]></value>
-		</item>
-		<item name="radio">
-			<value xml:lang="ko"><![CDATA[라디오 버튼(radio)]]></value>
-			<value xml:lang="en"><![CDATA[radio button(radio)]]></value>
-			<value xml:lang="jp"><![CDATA[ラジオボタン(radio)]]></value>
-			<value xml:lang="zh-CN"><![CDATA[单选框(radio)]]></value>
-			<value xml:lang="zh-TW"><![CDATA[選項按紐(radio)]]></value>
-			<value xml:lang="de"><![CDATA[Radiobutton]]></value>
-			<value xml:lang="ru"><![CDATA[Кнопка радио(радио)]]></value>
-			<value xml:lang="tr"><![CDATA[radyo tuşu(radyo)]]></value>
-			<value xml:lang="mn"><![CDATA[Нэг eдeр сонгох(radio)]]></value>
+		<item name="select_multiple">
+			<value xml:lang="ko"><![CDATA[다중 선택(multiple select)]]></value>
+			<value xml:lang="en"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="jp"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="zh-CN"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="zh-TW"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="fr"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="de"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="ru"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="es"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="tr"><![CDATA[multiple select box(multiple selection)]]></value>
+			<value xml:lang="vi"><![CDATA[multiple select box(multiple selection))]]></value>
+			<value xml:lang="mn"><![CDATA[multiple select box(multiple selection)]]></value>
 		</item>
 		<item name="kr_zip">
 			<value xml:lang="ko"><![CDATA[한국주소(zip)]]></value>
diff --git a/modules/admin/tpl/css/admin.css b/modules/admin/tpl/css/admin.css
index b481741bf..d0d7dd524 100644
--- a/modules/admin/tpl/css/admin.css
+++ b/modules/admin/tpl/css/admin.css
@@ -25,7 +25,8 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
 .x [class*=" x_icon-"]{text-decoration:none;border:0;padding:0;background-color:transparent;overflow:hidden;font-size:0}
 .x .x_close{width:24px;height:24px}
 .x .x_alert{ position:relative}
-.x .x_alert>.x_close{position:absolute;top:0;right:0}
+.x .x_alert>.x_close,
+.x.x_modal>.x_close{position:absolute;top:0;right:0}
 .x .x_pagination{height:32px}
 .x .x_pagination ul>li>a, 
 .x .x_pagination ul>li>span,
@@ -59,7 +60,9 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
 .x .x_inline{display:inline-block;*display:inline;*zoom:1}
 .x label.checked,
 .x input:checked+label,
-.x label:only-of-type{font-weight:bold}
+.x label:only-of-type,
+.x .x_form-horizontal .x_control-label{font-weight:bold}
+.x .x_form-horizontal .x_controls>label{padding-top:5px}
 .x input[type="radio"]+label,
 .x input[type="checkbox"]+label{font-weight:normal}
 .x label.x_inline{margin-right:16px}
@@ -92,6 +95,7 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
 .x button{line-height:16px}
 .x select{width:auto;padding:0;height:26px;line-height:26px}
 .x select[multiple]{height:auto}
+.x textarea{vertical-align:top}
 .x .x_tab-content{overflow-x:hidden}
 /* Custom Styles */
 .x .section{margin:20px 0 40px 0}
@@ -343,6 +347,20 @@ html[lang="mn"] .x .g11n.active>[disabled],
 .x .moduleWindow .siteList>ul>li{background:#fff}
 .x .moduleWindow .siteList>ul>li:first-child>a{border-top-left-radius:0;border-top-right-radius:0}
 .x .moduleWindow select{width:100%}
+/* Text List */
+.x .textList{border:1px solid #ddd !important;line-height:1.5em;height:125px;overflow:auto}
+.x .textList li{border:0;padding:0 10px;height:25px;line-height:25px;white-space:nowrap;overflow:hidden}
+.x .textList li:nth-child(even){background:#eee}
+.x .textList li a{float:right;height:25px}
+/* Up-Down Dragable */
+.x .uDrag .wrap{position:relative;padding-left:20px}
+.x .uDrag li>.wrap{margin:0 0 0 8px}
+.x .uDrag .dragActive{background:#FFD}
+.x .uDrag .dragActive th,
+.x .uDrag .dragActive td{background:none !important}
+.x .uDrag .dragBtn{position:absolute;width:8px;height:100%;padding:0;overflow:hidden;background:url(../img/bgDragable.gif);top:1px;left:0;text-indent:12px;border:0;cursor:n-resize;white-space:nowrap;font-size:0px}
+/* Layer */
+.x .layer{position:absolute;display:none;font-weight:normal}
 
 /* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
 /* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
@@ -352,13 +370,6 @@ html[lang="mn"] .x .g11n.active>[disabled],
 .x .fvOff,
 .x .fvOn{display:inline-block;width:16px;height:16px;overflow:hidden;text-indent:16px;background:transparent url(../img/iconFavorite.gif) no-repeat;border:0}
 .x .fvOn{background-position:0 -16px}
-/* Up-Down Dragable */
-.x .uDrag .wrap{position:relative;padding-left:20px}
-.x .uDrag li>.wrap{margin:0 0 0 8px}
-.x .uDrag .dragActive{background:#FFD}
-.x .uDrag .dragActive th,
-.x .uDrag .dragActive td{background:none !important}
-.x .uDrag .dragBtn{position:absolute;width:8px;height:100%;padding:0;overflow:hidden;background:url(../img/bgDragable.gif);top:1px;left:0;text-indent:12px;border:0;cursor:n-resize;white-space:nowrap;font-size:0px}
 /* Section & Heading */
 .x .h2, 
 .x .h3, 
@@ -496,21 +507,6 @@ html[lang="mn"] .x .g11n.active>[disabled],
 .modal .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
 .modalClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px}
 .modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
-/* Layer */
-.x .layer,
-.x.layer{position:absolute;background:#fff;padding:0 1em;*padding:1em;border:8px solid #ddd;z-index:2;zoom:1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)}
-.x .layer h2{font-size:14px}
-.x .layer ul, 
-.x .layer ol, 
-.x .layer .lined, 
-.x .layer .table{margin-bottom:1em}
-.x .layerClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
-.x .layerBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
-/* Text List */
-.x .textList{border:1px solid #ddd !important;line-height:1.5em;height:18.5em;overflow:auto}
-.x .textList li{border:0;padding:.25em 1em;height:1.5em;white-space:nowrap;overflow:hidden}
-.x .textList li:nth-child(even){background:#eee}
-.x .textList li a{float:right}
 /* Favicon Preview */
 .x #faviconPreview{position:relative;padding:80px 0 0 200px;background:url(../img/bgFavicon.gif) no-repeat}
 .x #faviconPreview img{position:absolute}
diff --git a/modules/admin/tpl/css/admin.min.css b/modules/admin/tpl/css/admin.min.css
index 7f07ccd2a..098eacb06 100644
--- a/modules/admin/tpl/css/admin.min.css
+++ b/modules/admin/tpl/css/admin.min.css
@@ -25,7 +25,8 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
 .x [class*=" x_icon-"]{text-decoration:none;border:0;padding:0;background-color:transparent;overflow:hidden;font-size:0}
 .x .x_close{width:24px;height:24px}
 .x .x_alert{ position:relative}
-.x .x_alert>.x_close{position:absolute;top:0;right:0}
+.x .x_alert>.x_close,
+.x.x_modal>.x_close{position:absolute;top:0;right:0}
 .x .x_pagination{height:32px}
 .x .x_pagination ul>li>a, 
 .x .x_pagination ul>li>span,
@@ -59,7 +60,9 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
 .x .x_inline{display:inline-block;*display:inline;*zoom:1}
 .x label.checked,
 .x input:checked+label,
-.x label:only-of-type{font-weight:bold}
+.x label:only-of-type,
+.x .x_form-horizontal .x_control-label{font-weight:bold}
+.x .x_form-horizontal .x_controls>label{padding-top:5px}
 .x input[type="radio"]+label,
 .x input[type="checkbox"]+label{font-weight:normal}
 .x label.x_inline{margin-right:16px}
@@ -92,6 +95,7 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
 .x button{line-height:16px}
 .x select{width:auto;padding:0;height:26px;line-height:26px}
 .x select[multiple]{height:auto}
+.x textarea{vertical-align:top}
 .x .x_tab-content{overflow-x:hidden}
 /* Custom Styles */
 .x .section{margin:20px 0 40px 0}
@@ -343,6 +347,20 @@ html[lang="mn"] .x .g11n.active>[disabled],
 .x .moduleWindow .siteList>ul>li{background:#fff}
 .x .moduleWindow .siteList>ul>li:first-child>a{border-top-left-radius:0;border-top-right-radius:0}
 .x .moduleWindow select{width:100%}
+/* Text List */
+.x .textList{border:1px solid #ddd !important;line-height:1.5em;height:125px;overflow:auto}
+.x .textList li{border:0;padding:0 10px;height:25px;line-height:25px;white-space:nowrap;overflow:hidden}
+.x .textList li:nth-child(even){background:#eee}
+.x .textList li a{float:right;height:25px}
+/* Up-Down Dragable */
+.x .uDrag .wrap{position:relative;padding-left:20px}
+.x .uDrag li>.wrap{margin:0 0 0 8px}
+.x .uDrag .dragActive{background:#FFD}
+.x .uDrag .dragActive th,
+.x .uDrag .dragActive td{background:none !important}
+.x .uDrag .dragBtn{position:absolute;width:8px;height:100%;padding:0;overflow:hidden;background:url(../img/bgDragable.gif);top:1px;left:0;text-indent:12px;border:0;cursor:n-resize;white-space:nowrap;font-size:0px}
+/* Layer */
+.x .layer{position:absolute;display:none;font-weight:normal}
 
 /* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
 /* ---------- Deprecated UI supports - Please do not use this CSS styles below. It will be removed as soon as possible. ---------- */
@@ -352,13 +370,6 @@ html[lang="mn"] .x .g11n.active>[disabled],
 .x .fvOff,
 .x .fvOn{display:inline-block;width:16px;height:16px;overflow:hidden;text-indent:16px;background:transparent url(../img/iconFavorite.gif) no-repeat;border:0}
 .x .fvOn{background-position:0 -16px}
-/* Up-Down Dragable */
-.x .uDrag .wrap{position:relative;padding-left:20px}
-.x .uDrag li>.wrap{margin:0 0 0 8px}
-.x .uDrag .dragActive{background:#FFD}
-.x .uDrag .dragActive th,
-.x .uDrag .dragActive td{background:none !important}
-.x .uDrag .dragBtn{position:absolute;width:8px;height:100%;padding:0;overflow:hidden;background:url(../img/bgDragable.gif);top:1px;left:0;text-indent:12px;border:0;cursor:n-resize;white-space:nowrap;font-size:0px}
 /* Section & Heading */
 .x .h2, 
 .x .h3, 
@@ -496,21 +507,6 @@ html[lang="mn"] .x .g11n.active>[disabled],
 .modal .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
 .modalClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px}
 .modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
-/* Layer */
-.x .layer,
-.x.layer{position:absolute;background:#fff;padding:0 1em;*padding:1em;border:8px solid #ddd;z-index:2;zoom:1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 6px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5)}
-.x .layer h2{font-size:14px}
-.x .layer ul, 
-.x .layer ol, 
-.x .layer .lined, 
-.x .layer .table{margin-bottom:1em}
-.x .layerClose{position:absolute;right:-8px;top:-8px;border:0;background:#ddd;padding:0;width:28px;height:28px;font-size:14px;font-weight:bold;cursor:pointer;color:#999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
-.x .layerBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
-/* Text List */
-.x .textList{border:1px solid #ddd !important;line-height:1.5em;height:18.5em;overflow:auto}
-.x .textList li{border:0;padding:.25em 1em;height:1.5em;white-space:nowrap;overflow:hidden}
-.x .textList li:nth-child(even){background:#eee}
-.x .textList li a{float:right}
 /* Favicon Preview */
 .x #faviconPreview{position:relative;padding:80px 0 0 200px;background:url(../img/bgFavicon.gif) no-repeat}
 .x #faviconPreview img{position:absolute}
diff --git a/modules/admin/tpl/js/admin.js b/modules/admin/tpl/js/admin.js
index f504f2324..8ffe03048 100644
--- a/modules/admin/tpl/js/admin.js
+++ b/modules/admin/tpl/js/admin.js
@@ -250,7 +250,6 @@ $.fn.xeModalWindow = function(){
 			} else {
 				$this.trigger('open.mw');
 			}
-
 			return false;
 		})
 		.bind('open.mw', function(){
diff --git a/modules/admin/tpl/js/admin.min.js b/modules/admin/tpl/js/admin.min.js
index 8536b70e1..8ffe03048 100644
--- a/modules/admin/tpl/js/admin.min.js
+++ b/modules/admin/tpl/js/admin.min.js
@@ -52,6 +52,9 @@ jQuery(function($){
 		var $this = $(this);
 		$this.parent('li').addClass('x_active').siblings().removeClass('x_active');
 		$this.closest('.x_nav-tabs').next('.x_tab-content').find('>.x_tab-pane').eq($this.attr('data-index')-1).addClass('x_active').show().siblings().removeClass('x_active').hide();
+		
+		$(this).parents('.x_tabbable').trigger('tab_change', [parseInt($(this).attr('data-index'))-1, $(this)]);
+		
 		return false;
 	});
 // GNB
@@ -247,7 +250,6 @@ $.fn.xeModalWindow = function(){
 			} else {
 				$this.trigger('open.mw');
 			}
-
 			return false;
 		})
 		.bind('open.mw', function(){
diff --git a/modules/member/tpl/default_config.html b/modules/member/tpl/default_config.html
index 2b1e8244f..b0377bd4d 100644
--- a/modules/member/tpl/default_config.html
+++ b/modules/member/tpl/default_config.html
@@ -15,24 +15,24 @@
 		<label class="x_control-label" for="webmaster_name">{$lang->webmaster_name}</label>
 		<div class="x_controls">
 			<input type="text" id="webmaster_name" name="webmaster_name" value="{$config->webmaster_name}" size="20" />
-			<p class="desc">{$lang->about_webmaster_name}</p>
+			<p class="x_help-block">{$lang->about_webmaster_name}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="webmaster_email">{$lang->webmaster_email}</label>
 		<div class="x_controls">
 			<input type="text" id="webmaster_email" name="webmaster_email" value="{$config->webmaster_email}" size="40" />
-			<p class="desc">{$lang->about_webmaster_email}</p>
+			<p class="x_help-block">{$lang->about_webmaster_email}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="member_sync">{$lang->cmd_member_sync}</label>
 		<div class="x_controls">
 			<input id="member_sync" type="button" value="{$lang->cmd_member_sync}" class="__sync x_btn x_btn-warning" />
-			<p class="description">{$lang->about_member_sync}</p>
+			<p class="x_help-block">{$lang->about_member_sync}</p>
 		</div>
 	</div>
-	<div class="x_clearfix">
+	<div class="btnArea x_clearfix">
 		<span class="x_pull-right"><input class="x_btn x_btn-large x_btn-primary" type="submit" value="{$lang->cmd_save}" /></span>
 	</div>
 </form>
diff --git a/modules/member/tpl/design_config.html b/modules/member/tpl/design_config.html
index b87868434..353c4bc2f 100644
--- a/modules/member/tpl/design_config.html
+++ b/modules/member/tpl/design_config.html
@@ -42,7 +42,7 @@
 			</select>
 		</div>
 	</div>
-	<div class="x_clearfix">
+	<div class="x_clearfix btnArea">
 		<span class="x_pull-right"><input class="x_btn x_btn-large x_btn-primary" type="submit" value="{$lang->cmd_save}" /></span>
 	</div>
 </form>
diff --git a/modules/member/tpl/header.html b/modules/member/tpl/header.html
index d56b6955d..033d77a19 100644
--- a/modules/member/tpl/header.html
+++ b/modules/member/tpl/header.html
@@ -2,18 +2,15 @@
 <div class="x_page-header">
 	<h1>{$lang->cmd_member_config}</h1>
 </div>
-
 <div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
 	<p>{$XE_VALIDATOR_MESSAGE}</p>
 </div>
-
 <ul class="x_nav x_nav-tabs">
 	<li class="x_active"|cond="$act == 'dispMemberAdminConfig'"><a href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminConfig')}">{$lang->member_default_info}</a></li>
 	<li id="signupTab" class="x_active"|cond="$act == 'dispMemberAdminSignUpConfig'"><a href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminSignUpConfig')}">{$lang->cmd_signup}</a></li>
 	<li class="x_active"|cond="$act == 'dispMemberAdminLoginConfig'"><a href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminLoginConfig')}">{$lang->cmd_login}</a></li>
 	<li class="x_active"|cond="$act == 'dispMemberAdminDesignConfig'"><a href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminDesignConfig')}">{$lang->cmd_set_design_info}</a></li>
 </ul>
-
 <script>
 	enableSignUpTab({$config->enable_join == 'Y' ? 'true' : 'false'});
 </script>
diff --git a/modules/member/tpl/insert_join_form.html b/modules/member/tpl/insert_join_form.html
index 1082110e5..ed471eed6 100644
--- a/modules/member/tpl/insert_join_form.html
+++ b/modules/member/tpl/insert_join_form.html
@@ -1,55 +1,57 @@
-<input type="hidden" name="member_join_form_srl" value="{$formInfo->member_join_form_srl}" />
-	<div class="x_page-header">
-		<h1>{$lang->cmd_input_extend_form}</h1>
+	<input type="hidden" name="member_join_form_srl" value="{$formInfo->member_join_form_srl}" />
+	<div class="x_modal-header">
+		<h3>{$lang->cmd_input_extend_form}</h3>
 	</div>
-	<div class="x_control-group">
-		<label for="column_id" class="x_control-label">{$lang->column_id} *</label>
-		<div class="x_controls">
-			<input type="text" id="column_id" name="column_id" value="{$formInfo->column_name}" />
-			<p class="x_help-block">{$lang->about_column_id}</p>
+	<div class="x_modal-body">
+		<div class="x_control-group">
+			<label for="column_id" class="x_control-label">{$lang->column_id} *</label>
+			<div class="x_controls">
+				<input type="text" id="column_id" name="column_id" value="{$formInfo->column_name}" />
+				<p class="x_help-inline">{$lang->about_column_id}</p>
+			</div>
+		</div>
+		<div class="x_control-group">
+			<label for="column_title" class="x_control-label">{$lang->column_title} *</label>
+			<div class="x_controls">
+				<input type="text" id="column_title" name="column_title" value="{$formInfo->column_title}" />
+			</div>
+		</div>
+		<div class="x_control-group">
+			<label for="columnType" class="x_control-label">{$lang->column_type} *</label>
+			<div class="x_controls">
+				<select id="columnType" class="typeSelect" name="column_type">
+					<option loop="$lang->column_type_list=>$key,$type_info" value="{$key}" selected="selected"|cond="$formInfo->column_type == $key" >{$lang->column_type_list[$key]}</option>
+				</select>
+			</div>
+		</div>
+		<div class="x_control-group multiExample">
+			<label for="multiSelect" class="x_control-label">{$lang->options} *</label>
+			<div class="x_controls">
+				<textarea rows="4" cols="42" id="multiSelect" name="default_value" style="vertical-align:top"><block cond="$default_value">{implode('<enter>', $default_value)}</block></textarea>
+				<p class="x_help-inline">{$lang->about_multi_type}</p>
+			</div>
+		</div>
+		<div class="x_control-group">
+			<label for="desc" class="x_control-label">{$lang->description}</label>
+			<div class="x_controls">
+				<textarea rows="4" cols="42" id="desc" name="description">{$formInfo->description}</textarea>
+			</div>
+		</div>
+		<div class="x_control-group">
+			<label class="x_control-label">{$lang->cmd_required}/{$lang->cmd_optional}</label>
+			<div class="x_controls">
+				<label for="radio_required" class="x_inline"><input type="radio" id="radio_required" name="required" value="Y" /> {$lang->cmd_required}</label>
+				<label for="radio_option" class="x_inline"><input type="radio" id="radio_option" name="required" value="N" /> {$lang->cmd_optional}</label>
+			</div>
 		</div>
 	</div>
-	<div class="x_control-group">
-		<label for="column_title" class="x_control-label">{$lang->column_title} *</label>
-		<div class="x_controls">
-			<input type="text" id="column_title" name="column_title" value="{$formInfo->column_title}" />
-		</div>
-	</div>
-	<div class="x_control-group">
-		<label for="columnType" class="x_control-label">{$lang->column_type} *</label>
-		<div class="x_controls">
-			<select id="columnType" class="typeSelect" style="width:290px" name="column_type">
-				<option loop="$lang->column_type_list=>$key,$type_info" value="{$key}" selected="selected"|cond="$formInfo->column_type == $key" >{$lang->column_type_list[$key]}</option>
-			</select>
-		</div>
-	</div>
-	<div class="x_control-group multiExample">
-		<label for="multiSelect" class="x_control-label">{$lang->options} *</label>
-		<div class="x_controls">
-			<textarea rows="8" cols="42" id="multiSelect" name="default_value"><block cond="$default_value">{implode('<enter>', $default_value)}</block></textarea>
-			<p class="x_help-block">{$lang->about_multi_type}</p>
-		</div>
-	</div>
-	<div class="x_control-group">
-		<label for="desc" class="x_control-label">{$lang->description}</label>
-		<div class="x_controls">
-			<textarea rows="8" cols="42" id="desc" name="description">{$formInfo->description}</textarea>
-		</div>
-	</div>
-	<div class="x_control-group">
-		<label class="x_control-label">{$lang->cmd_required}/{$lang->cmd_optional}</label>
-		<div class="x_controls">
-			<label for="radio_required" class="x_inline"><input type="radio" id="radio_required" name="required" value="Y" /> {$lang->cmd_required}</label>
-			<label for="radio_option" class="x_inline"><input type="radio" id="radio_option" name="required" value="N" /> {$lang->cmd_optional}</label>
-		</div>
-	</div>
-	<div class="x_clearfix" style="margin-right:20px">
+	<div class="x_modal-footer">
 		<span class="x_pull-right"><button class="x_btn x_btn-primary" type="submit" name="mode" <!--@if($formInfo)-->value="update"<!--@else-->value="insert"<!--@end--> >{$lang->cmd_save}</button></span>
 	</div>
 <script>
 	var $ = jQuery;
 	var typeSelect = $('.typeSelect');
-	var multiOption = $('.typeSelect>option[value=checkbox], .typeSelect>option[value=radio], .typeSelect>option[value=selectM], .typeSelect>option[value=select]');
+	var multiOption = $('.typeSelect>option[value=checkbox], .typeSelect>option[value=radio], .typeSelect>option[value=select_multiple], .typeSelect>option[value=select]');
 	var multiExample = $('.multiExample');
 {@$default_value_types = array('checkbox', 'radio', 'select')}
 <!--@if(!in_array($formInfo->column_type, $default_value_types))-->
diff --git a/modules/member/tpl/login_config.html b/modules/member/tpl/login_config.html
index c159dd107..fb0c76a61 100644
--- a/modules/member/tpl/login_config.html
+++ b/modules/member/tpl/login_config.html
@@ -7,45 +7,45 @@
 		<label class="x_control-label" for="change_password_date">{$lang->change_password_date}</label>
 		<div class="x_controls">
 			<input type="text" id="change_password_date" name="change_password_date" value="{$config->change_password_date}" style="width:30px" /> {$lang->unit_day}
-			<p class="desc">{$lang->about_change_password_date}</p>
+			<p class="x_help-inline">{$lang->about_change_password_date}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<p class="x_control-label">{$lang->enable_login_fail_report}</p>
 		<div class="x_controls">
 			<label class="x_inline" for="enable_login_fail_report_yes"><input type="radio" name="enable_login_fail_report" id="enable_login_fail_report_yes" value="Y" checked="checked"|cond="$config->enable_login_fail_report != 'N'" /> {$lang->cmd_yes}</label>
-			<label class="x_inline" for="enable_join_no"><input type="radio" name="enable_login_fail_report" id="enable_login_fail_report_no" value="N" checked="checked"|cond="$config->enable_login_fail_report == 'N'" /> {$lang->cmd_no}</label>
+			<label class="x_inline" for="enable_login_fail_report_no"><input type="radio" name="enable_login_fail_report" id="enable_login_fail_report_no" value="N" checked="checked"|cond="$config->enable_login_fail_report == 'N'" /> {$lang->cmd_no}</label>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="max_error_count">{$lang->login_trial_limit1}</label>
 		<div class="x_controls">
 			<input type="text" id="max_error_count" name="max_error_count" value="{$config->max_error_count}" style="width:30px" /> {$lang->unit_count}
-			<p class="desc">{$lang->about_login_trial_limit1}</p>
+			<p class="x_help-inline">{$lang->about_login_trial_limit1}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="max_error_count_time">{$lang->login_trial_limit2}</label>
 		<div class="x_controls">
 			<input type="text" id="max_error_count_time" name="max_error_count_time" value="{$config->max_error_count_time}" style="width:30px" /> {$lang->unit_sec}
-			<p class="desc">{$lang->about_login_trial_limit2}</p>
+			<p class="x_help-inline">{$lang->about_login_trial_limit2}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="after_login_url">{$lang->after_login_url}</label>
 		<div class="x_controls">
 			<input type="text" id="after_login_url" name="after_login_url" value="{$config->after_login_url}" />
-			<p class="desc">{$lang->about_after_login_url}</p>
+			<p class="x_help-inline">{$lang->about_after_login_url}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="after_logout_url">{$lang->after_logout_url}</label>
 		<div class="x_controls">
 			<input type="text" id="after_logout_url" name="after_logout_url" value="{$config->after_logout_url}" />
-			<p class="desc">{$lang->about_after_logout_url}</p>
+			<p class="x_help-inline">{$lang->about_after_logout_url}</p>
 		</div>
 	</div>
-	<div class="x_clearfix">
+	<div class="x_clearfix btnArea">
 		<span class="x_pull-right"><input class="x_btn x_btn-large x_btn-primary" type="submit" value="{$lang->cmd_save}" /></span>
 	</div>
 </form>
diff --git a/modules/member/tpl/member_list.html b/modules/member/tpl/member_list.html
index bccacda02..11cf80eab 100644
--- a/modules/member/tpl/member_list.html
+++ b/modules/member/tpl/member_list.html
@@ -10,15 +10,6 @@
 	<div class="x_page-header">
 		<h1>{$lang->user_list}</h1>
 	</div>
-	<p>
-		<a href="{getUrl('filter_type', '', 'page', '')}" class="active"|cond="$filter_type==''">{$lang->cmd_show_all_member}</a>
-		<i>|</i>
-		<a href="{getUrl('filter_type', 'super_admin', 'page', '')}" class="active"|cond="$filter_type==super_admin">{$lang->cmd_show_super_admin_member}</a>
-		<i>|</i>
-		<a href="{getUrl('filter_type', 'enable', 'page', '')}" class="active"|cond="$filter_type==enable">{$lang->approval}</a>
-		<i>|</i>
-		<a href="{getUrl('filter_type', 'disable', 'page', '')}" class="active"|cond="$filter_type==disable">{$lang->denied}</a>
-	</p>
 	<div class="x_clearfix" style="margin-bottom:-48px">
 		<div class="x_pull-right x_btn-group">
 			<a class="x_btn x_btn-inverse" href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminInsert')}">{$lang->cmd_make}</a>
@@ -26,7 +17,15 @@
 		</div>
 	</div>
 	<table class="_memberList x_table x_table-striped x_table-hover">
-		<caption>{$filter_type_title}({$total_count})</caption>
+		<caption>
+			<a href="{getUrl('filter_type', '', 'page', '')}" class="active"|cond="$filter_type==''">{$lang->cmd_show_all_member}<block cond="$filter_type==''">({$total_count})</block></a>
+			<i>|</i>
+			<a href="{getUrl('filter_type', 'super_admin', 'page', '')}" class="active"|cond="$filter_type==super_admin">{$lang->cmd_show_super_admin_member}<block cond="$filter_type==super_admin">({$total_count})</block></a>
+			<i>|</i>
+			<a href="{getUrl('filter_type', 'enable', 'page', '')}" class="active"|cond="$filter_type==enable">{$lang->approval}<block cond="$filter_type==enable">({$total_count})</block></a>
+			<i>|</i>
+			<a href="{getUrl('filter_type', 'disable', 'page', '')}" class="active"|cond="$filter_type==disable">{$lang->denied}<block cond="$filter_type==disable">({$total_count})</block></a>
+		</caption>
 		<thead>
 			<tr>
 				<th scope="col" class="nowr">{$lang->email}</th>
@@ -61,7 +60,7 @@
 			<tr loop="$member_list=>$no,$member_info">
 {@$member_info = get_object_vars($member_info)}
 				<td class="nowr">
-					<a href="#popup_menu_area" class="cMenu member_{$member_info['member_srl']}">Info</a>
+					<a href="#popup_menu_area" class="member_{$member_info['member_srl']}" title="Info"><i class="x_icon-user"></i></a>
 					<span class="masked">{getEncodeEmailAddress($member_info['email_address'])}</span>
 				</td>
 				{@ $member_info['group_list'] = implode(', ', $member_info['group_list'])}
@@ -83,7 +82,7 @@
 			</tr>
 		</tbody>
 	</table>
-	<div class="x_clearfix">
+	<div class="x_clearfix" style="margin-top:-12px">
 		<div class="x_pull-right x_btn-group">
 			<a class="x_btn x_btn-inverse" href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminInsert')}">{$lang->cmd_make}</a>
 			<a href="#listManager" class="modalAnchor _member x_btn">{$lang->cmd_selected_user_manage}...</a>
@@ -111,21 +110,19 @@
 				<tbody id="popupBody">
 				</tbody>
 			</table>
-			<p>{$lang->status}</p>
-			<p id="status">
+			<div class="x_control-group">
+				<h3>{$lang->status}</h3>
 				<label class="x_inline" ><input type="radio" name="denied" id="approval" value="N" > {$lang->approval}</label> 
 				<label class="x_inline" ><input type="radio" name="denied" id="deny" value="Y" > {$lang->denied}</label> 
-			</p>
-			<p>{$lang->member_group}</p>
-			<p>
-				<!--@foreach($group_list as $key=>$val)-->
-				<label for="g{$val->group_srl}" class="x_inline"><input type="checkbox" name="groups[]" id="g{$val->group_srl}" value="{$val->group_srl}"/> {$val->title}</label>
-				<!--@end-->
-			</p>
-			<p><label for="message">{$lang->about_send_message}</label></p>
-			<p>
-				<textarea rows="5" cols="42" id="message" style="width:98%" name="message" ></textarea>
-			</p>
+			</div>
+			<div class="x_control-group">
+				<h3>{$lang->member_group}</h3>
+				<label loop="$group_list => $key,$val" for="g{$val->group_srl}" class="x_inline"><input type="checkbox" name="groups[]" id="g{$val->group_srl}" value="{$val->group_srl}"/> {$val->title}</label>
+			</div>
+			<div class="x_control-group">
+				<h3>{$lang->about_send_message}</h3>
+				<textarea rows="5" cols="42" id="message" style="width:98%" name="message" title="{$lang->about_send_message}"></textarea>
+			</div>
 		</div>
 		<div class="x_modal-footer">
 			<button type="button" class="x_btn x_pull-left" data-hide="#listManager">{$lang->cmd_close}</button>
@@ -136,82 +133,76 @@
 		</div>
 	</form>
 </div>
-<div class="search">
-	<form cond="$page_navigation" action="./" class="x_pagination x_pagination-centered" no-error-return-url="true">
-		<input type="hidden" name="module" value="{$module}" />
-		<input type="hidden" name="act" value="{$act}" />
-		<input cond="$order_target" type="hidden" name="order_target" value="{$order_target}" />
-		<input cond="$order_type" type="hidden" name="order_type" value="{$order_type}" />
-		<input cond="$category_srl" type="hidden" name="category_srl" value="{$category_srl}" />
-		<input cond="$childrenList" type="hidden" name="childrenList" value="{$childrenList}" />
-		<input cond="$search_keyword" type="hidden" name="search_keyword" value="{$search_keyword}" />
+<form cond="$page_navigation" action="./" class="x_pagination x_pagination-centered" no-error-return-url="true">
+	<input type="hidden" name="module" value="{$module}" />
+	<input type="hidden" name="act" value="{$act}" />
+	<input cond="$order_target" type="hidden" name="order_target" value="{$order_target}" />
+	<input cond="$order_type" type="hidden" name="order_type" value="{$order_type}" />
+	<input cond="$category_srl" type="hidden" name="category_srl" value="{$category_srl}" />
+	<input cond="$childrenList" type="hidden" name="childrenList" value="{$childrenList}" />
+	<input cond="$search_keyword" type="hidden" name="search_keyword" value="{$search_keyword}" />
+	<ul>
+		<li class="x_disabled"|cond="!$page || $page == 1"><a href="{getUrl('page', '')}">&laquo; {$lang->first_page}</a></li>
 
-		<ul>
-			<li class="x_disabled"|cond="!$page || $page == 1"><a href="{getUrl('page', '')}">&laquo; {$lang->first_page}</a></li>
+		<block cond="$page_navigation->first_page != 1 && $page_navigation->first_page + $page_navigation->page_count > $page_navigation->last_page - 1 && $page_navigation->page_count != $page_navigation->total_page">
+			{@$isGoTo = true}
+			<li>
+				<a href="#goTo" data-toggle="#goTo" title="{$lang->cmd_go_to_page}">...</a>
+				<span cond="$isGoTo" id="goTo" class="x_input-append">
+					<input type="number" min="1" max="{$page_navigation->last_page}" required name="page" title="{$lang->cmd_go_to_page}" />
+					<button type="submit" class="x_add-on">Go</button>
+				</span>
+			</li>
+		</block>
 
-			<block cond="$page_navigation->first_page != 1 && $page_navigation->first_page + $page_navigation->page_count > $page_navigation->last_page - 1 && $page_navigation->page_count != $page_navigation->total_page">
-				{@$isGoTo = true}
-				<li>
-					<a href="#goTo" data-toggle="#goTo" title="{$lang->cmd_go_to_page}">...</a>
-					<span cond="$isGoTo" id="goTo" class="x_input-append">
-						<input type="number" min="1" max="{$page_navigation->last_page}" required name="page" title="{$lang->cmd_go_to_page}" />
-						<button type="submit" class="x_add-on">Go</button>
-					</span>
-				</li>
-			</block>
+		<!--@while($page_no = $page_navigation->getNextPage())-->
+			{@$last_page = $page_no}
+			<li class="x_active"|cond="$page_no == $page"><a  href="{getUrl('page', $page_no)}">{$page_no}</a></li>
+		<!--@end-->
 
-			<!--@while($page_no = $page_navigation->getNextPage())-->
-				{@$last_page = $page_no}
-				<li class="x_active"|cond="$page_no == $page"><a  href="{getUrl('page', $page_no)}">{$page_no}</a></li>
-			<!--@end-->
+		<block cond="$last_page != $page_navigation->last_page && $last_page + 1 != $page_navigation->last_page">
+			{@$isGoTo = true}
+			<li>
+				<a href="#goTo" data-toggle="#goTo" title="{$lang->cmd_go_to_page}">...</a>
+				<span cond="$isGoTo" id="goTo" class="x_input-append">
+					<input type="number" min="1" max="{$page_navigation->last_page}" required name="page" title="{$lang->cmd_go_to_page}" />
+					<button type="submit" class="x_add-on">Go</button>
+				</span>
+			</li>
+			
+		</block>
 
-			<block cond="$last_page != $page_navigation->last_page && $last_page + 1 != $page_navigation->last_page">
-				{@$isGoTo = true}
-				<li>
-					<a href="#goTo" data-toggle="#goTo" title="{$lang->cmd_go_to_page}">...</a>
-					<span cond="$isGoTo" id="goTo" class="x_input-append">
-						<input type="number" min="1" max="{$page_navigation->last_page}" required name="page" title="{$lang->cmd_go_to_page}" />
-						<button type="submit" class="x_add-on">Go</button>
-					</span>
-				</li>
-				
-			</block>
-
-			<li class="x_disabled"|cond="$page == $page_navigation->last_page"><a href="{getUrl('page', $page_navigation->last_page)}" title="{$page_navigation->last_page}">{$lang->last_page} &raquo;</a></li>
-		</ul>
-	</form>
-	<form action="" method="post" class="search center x_input-append">
-		<input type="hidden" name="module" value="{$module}" />
-        <select name="selected_group_srl" style="width:auto;margin-right:4px">
-            <option value="0">그룹 전체</option>
-            <!--@foreach($group_list as $key => $val)-->
-            <option value="{$val->group_srl}" <!--@if($selected_group_srl==$val->group_srl)-->selected="selected"<!--@end-->>{$val->title}</option>
-            <!--@end-->
-        </select>
-		<select name="search_target" style="width:auto;margin-right:4px">
-			<option value="">{$lang->search_target}</option>
-			{@$lang->search_target_list = array_merge($lang->search_target_list, $usedIdentifiers)}
-			<option value="{$key}" loop="$lang->search_target_list=>$key,$val" selected="selected"|cond="$search_target==$key">{$val}</option>
-		</select>
-		<input type="search" name="search_keyword" value="{htmlspecialchars($search_keyword)}" style="width:140px">
-		<button class="x_btn x_btn-inverse" type="submit">{$lang->cmd_search}</button>
-		<a class="x_btn" href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminList', 'page', $page)}">{$lang->cmd_cancel}</a>
-	</form>
-</div>
+		<li class="x_disabled"|cond="$page == $page_navigation->last_page"><a href="{getUrl('page', $page_navigation->last_page)}" title="{$page_navigation->last_page}">{$lang->last_page} &raquo;</a></li>
+	</ul>
+</form>
+<form action="" method="post" class="search center x_input-append">
+	<input type="hidden" name="module" value="{$module}" />
+	<select name="selected_group_srl" style="width:auto;margin-right:4px">
+		<option value="0">그룹 전체</option>
+		<!--@foreach($group_list as $key => $val)-->
+		<option value="{$val->group_srl}" <!--@if($selected_group_srl==$val->group_srl)-->selected="selected"<!--@end-->>{$val->title}</option>
+		<!--@end-->
+	</select>
+	<select name="search_target" style="width:auto;margin-right:4px">
+		<option value="">{$lang->search_target}</option>
+		{@$lang->search_target_list = array_merge($lang->search_target_list, $usedIdentifiers)}
+		<option value="{$key}" loop="$lang->search_target_list=>$key,$val" selected="selected"|cond="$search_target==$key">{$val}</option>
+	</select>
+	<input type="search" name="search_keyword" value="{htmlspecialchars($search_keyword)}" style="width:140px">
+	<button class="x_btn x_btn-inverse" type="submit">{$lang->cmd_search}</button>
+	<a class="x_btn" href="{getUrl('', 'module', 'admin', 'act', 'dispMemberAdminList', 'page', $page)}">{$lang->cmd_cancel}</a>
+</form>
 <script>
 jQuery(function($){
 	var clickedBTN = '';
-
 	$('.btnArea button').click(function(){
 		clickedBTN = $(this).val();
 	});
-
 	var CheckConfirm = xe.createPlugin('checkConfirm', {
 		API_BEFORE_VALIDATE : function(sender, params){
 			if (clickedBTN == 'delete') return confirm(xe.lang.msg_delete_user);
 		}
 	});
-
 	var checkConfirm = new CheckConfirm();
 	var v = xe.getApp('Validator')[0];
 	v.registerPlugin(checkConfirm);
diff --git a/modules/member/tpl/signup_config.html b/modules/member/tpl/signup_config.html
index 47e13a50a..f50414380 100644
--- a/modules/member/tpl/signup_config.html
+++ b/modules/member/tpl/signup_config.html
@@ -18,14 +18,14 @@
 		<div class="x_controls">
 			<label class="x_inline" for="enable_confirm_yes"><input type="radio" name="enable_confirm" id="enable_confirm_yes" value="Y" checked="checked"|cond="$config->enable_confirm == 'Y'" /> {$lang->cmd_yes}</label>
 			<label class="x_inline" for="enable_confirm_no"><input type="radio" name="enable_confirm" id="enable_confirm_no" value="N" checked="checked"|cond="$config->enable_confirm != 'Y'"/> {$lang->cmd_no}</label>
-			<p class="desc">{$lang->about_enable_confirm}</p>
+			<p class="x_help-inline">{$lang->about_enable_confirm}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="limit_day">{$lang->limit_day}</label>
 		<div class="x_controls">
 			<input type="text" id="limit_day" name="limit_day" value="{$config->limit_day}" style="width:30px" /> {$lang->unit_day}
-			<p class="desc">{$lang->about_limit_day}</p>
+			<p class="x_help-inline">{$lang->about_limit_day}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
@@ -35,9 +35,9 @@
 			<ul class="textList" id="deniedNickNameList" style="margin-left:0">
 				<li loop="$deniedNickNames=>$nicknameInfo" id="denied_{$nicknameInfo->nick_name}">{$nicknameInfo->nick_name} <a href="#" class="side" onclick="doUpdateDeniedNickName('{$nicknameInfo->nick_name}','delete','{$lang->confirm_delete}');return false;">{$lang->delete}</a></li>
 			</ul>
-			<textarea rows="5" cols="42" id="prohibited_nick_name" title="{$lang->add_prohibited_id}"></textarea>
-			<span class="btn"><button type="button" class="_addDeniedNickName x_btn">{$lang->add}</button></span>
-			<p class="desc">{$lang->multi_line_input}</p>
+			<textarea rows="2" cols="42" id="prohibited_nick_name" title="{$lang->add_prohibited_id}" style="vertical-align:top"></textarea>
+			<button type="button" class="_addDeniedNickName x_btn">{$lang->add}</button>
+			<p class="x_help-inline">{$lang->multi_line_input}</p>
 		</div>
 	</div>
 	<div class="x_control-group" cond="$useUserID">
@@ -47,16 +47,16 @@
 			<ul class="textList" id="deniedList" style="margin-left:0">
 				<li loop="$deniedIDs=>$denied_info" id="denied_{$denied_info->user_id}">{$denied_info->user_id} <a href="#" class="side" onclick="doUpdateDeniedID('{$denied_info->user_id}','delete','{$lang->confirm_delete}');return false;">{$lang->delete}</a></li>
 			</ul>
-			<textarea rows="5" cols="42" id="prohibited_id" title="{$lang->add_prohibited_id}"></textarea>
-			<span class="btn"><button type="button" class="_addDeniedID x_btn">{$lang->add}</button></span>
-			<p class="desc">{$lang->multi_line_input}</p>
+			<textarea rows="2" cols="42" id="prohibited_id" title="{$lang->add_prohibited_id}" style="vertical-align:top"></textarea>
+			<button type="button" class="_addDeniedID x_btn">{$lang->add}</button>
+			<p class="x_help-inline">{$lang->multi_line_input}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
 		<label class="x_control-label" for="redirect_url">{$lang->redirect_url}</label>
 		<div class="x_controls">
 			<input type="text" id="redirect_url" name="redirect_url" value="{$config->redirect_url}" />
-			<p class="desc">{$lang->about_redirect_url}</p>
+			<p class="x_help-inline">{$lang->about_redirect_url}</p>
 		</div>
 	</div>
 	<div class="x_control-group">
@@ -71,16 +71,16 @@
 				<tr>
 					<th scope="col">{$lang->target}</th>
 					<th scope="col">{$lang->identifier}
-						[<a href="#helpDefault" class="tgAnchor">?</a>]
-						<div class="tgContent layer" id="helpDefault" style="right:0">
+						[<a href="#helpDefault" data-toggle="#helpDefault">?</a>]
+						<div class="layer x_alert x_alert-info" id="helpDefault">
 							<p>{$lang->about_identifier}</p>
 						</div>
 					</th>
 					<th scope="col">{$lang->use}</th>
 					<th scope="col">{$lang->cmd_required}/{$lang->cmd_optional}</th>
 					<th scope="col">{$lang->public}
-						[<a href="#helpPublic" class="tgAnchor">?</a>]
-						<div class="tgContent layer" id="helpPublic" style="right:0">
+						[<a href="#helpPublic" data-toggle="#helpPublic">?</a>]
+						<div class="layer x_alert x_alert-info" id="helpPublic">
 							<p>{$lang->about_public_item}</p>
 						</div>
 					</th>
@@ -125,9 +125,9 @@
 							<label for="{$item->name}_re" class="x_inline"><input type="radio" id="{$item->name}_re" name="{$item->name}" value="required" checked="checked"|cond="$item->mustRequired || $item->required" disabled="disabled"|cond="$item->mustRequired || !$item->isUse" /> {$lang->cmd_required}</label>
 							<label for="{$item->name}_op" class="x_inline"><input type="radio" id="{$item->name}_op" name="{$item->name}" value="option" checked="checked"|cond="!$item->mustRequired && ($item->isUse && !$item->required)" disabled="disabled"|cond="$item->mustRequired || !$item->isUse" /> {$lang->cmd_optional}</label>
 							<div cond="$item->imageType" class="_subItem">
-								<label for="{$item->name}_max_width" class="x_inline">{$lang->cmd_image_max_width}<input type="text" name="{$item->name}_max_width" id="{$item->name}_max_width" value="{$item->max_width}" style="width:30px" /> px</label>
+								<label for="{$item->name}_max_width" class="x_inline">{$lang->cmd_image_max_width} <input type="text" name="{$item->name}_max_width" id="{$item->name}_max_width" value="{$item->max_width}" style="width:30px" /> px</label>
 								/
-								<label for="{$item->name}_max_height" class="x_inline">{$lang->cmd_image_max_height}<input type="text" name="{$item->name}_max_height" id="{$item->name}_max_height" value="{$item->max_height}" style="width:30px" /> px</label>
+								<label for="{$item->name}_max_height" class="x_inline">{$lang->cmd_image_max_height} <input type="text" name="{$item->name}_max_height" id="{$item->name}_max_height" value="{$item->max_height}" style="width:30px" /> px</label>
 							</div>
 							<div cond="$item->name == 'signature'" style="padding-top:10px">
 								<select id="signature_editor" name="signature_editor_skin" onchange="getEditorSkinColorList(this.value)">
@@ -176,16 +176,16 @@
 		</div>
 	</div>
 	</section>
-	<div class="x_clearfix">
+	<div class="x_clearfix btnArea">
 		<span class="x_pull-right"><input class="x_btn x_btn-large x_btn-primary" type="submit" value="{$lang->cmd_save}" /></span>
 	</div>
 </form>
-<div class="x_modal" id="userDefine">
-	<form action="./" class="x_form-horizontal" ruleset="insertJoinForm" method="post">
-		<input type="hidden" name="module" value="member" />
-		<input type="hidden" name="act" value="procMemberAdminInsertJoinForm" />
-		<input type="hidden" name="success_return_url" value="{getUrl('act', $act)}" />
-		<div id="extendForm">
-		</div>
-	</form>
+<form action="./" class="x_modal" id="userDefine" ruleset="insertJoinForm" method="post">
+	<input type="hidden" name="module" value="member" />
+	<input type="hidden" name="act" value="procMemberAdminInsertJoinForm" />
+	<input type="hidden" name="success_return_url" value="{getUrl('act', $act)}" />
+	<div id="extendForm" class="x_form-horizontal">
+	</div>
+</form>
+<div>
 </div>