From 9fb8fb947c69fd60a37a6f28cb7de37ac58d9985 Mon Sep 17 00:00:00 2001
From: zero <skklove@gmail.com>
Date: Tue, 26 Jun 2007 06:52:54 +0000
Subject: [PATCH] git-svn-id: http://xe-core.googlecode.com/svn/trunk@1766
 201d5d3c-b55e-5fd7-737f-ddc643e51545

---
 common/js/common.js                           |  10 +
 common/tpl/common_layout.html                 |   2 +-
 common/tpl/popup_layout.html                  |   1 +
 modules/addon/tpl/setup_addon.html            |   1 -
 modules/admin/tpl/css/admin.css               |  12 +-
 modules/blog/skins/xe_blog/write_form.html    |   4 +-
 .../board/skins/xe_gallery/write_form.html    |   4 +-
 modules/board/skins/xe_list/write_form.html   |   4 +-
 .../board/skins/xe_webzine/write_form.html    |   4 +-
 .../editor/components/emoticon/tpl/popup.css  |  42 +--
 .../editor/components/emoticon/tpl/popup.html |  29 +-
 .../editor/components/html_editor/icon.gif    | Bin 1023 -> 1649 bytes
 .../components/image_gallery/tpl/popup.css    | 109 +-------
 .../components/image_gallery/tpl/popup.html   | 157 ++++++-----
 .../components/image_link/tpl/popup.css       |  74 +----
 .../components/image_link/tpl/popup.html      | 127 +++++----
 .../components/multimedia_link/tpl/popup.css  |  72 -----
 .../components/multimedia_link/tpl/popup.html |  59 ++--
 .../editor/components/naver_map/tpl/popup.css | 133 +--------
 .../components/naver_map/tpl/popup.html       |  72 +++--
 .../components/poll_maker/tpl/popup.css       | 123 +-------
 .../components/poll_maker/tpl/popup.html      | 132 +++++----
 .../editor/components/poll_maker/tpl/popup.js |  49 ++--
 .../editor/components/quotation/tpl/popup.css | 131 +--------
 .../components/quotation/tpl/popup.html       | 263 ++++++++++--------
 .../components/table_maker/tpl/popup.css      |  84 +-----
 .../components/table_maker/tpl/popup.html     | 192 +++++++------
 .../editor/components/url_link/tpl/popup.css  |  67 +----
 .../editor/components/url_link/tpl/popup.html |  93 ++++---
 modules/editor/tpl/admin_index.html           |   2 +-
 modules/editor/tpl/setup_component.html       |  53 ++--
 modules/editor/tpl/view_component.html        |  29 +-
 modules/file/tpl/file_list.html               |   4 +-
 modules/krzip/tpl/index.html                  |   8 +-
 modules/module/tpl/module_info.html           |  90 +++---
 modules/poll/tpl/config.html                  |   2 +
 modules/widget/lang/ko.lang.php               |   4 +-
 modules/widget/tpl/css/widget.css             |  81 +-----
 modules/widget/tpl/widget_detail_info.html    |  56 ++--
 modules/widget/tpl/widget_generate_code.html  | 125 +++++----
 .../tpl/widget_generate_code_in_page.html     | 185 ++++++------
 41 files changed, 1016 insertions(+), 1673 deletions(-)

diff --git a/common/js/common.js b/common/js/common.js
index 1479154f3..cd07553a2 100644
--- a/common/js/common.js
+++ b/common/js/common.js
@@ -239,6 +239,16 @@ function svc_folder_close(id) {
  * popup_layout 에서 window.onload 시 자동 요청됨.
  **/
 function setFixedPopupSize() {
+
+    if(xGetElementById('popBody')) {
+        if(xHeight('popBody')>600) {
+            xGetElementById('popBody').style.overflowY = 'scroll';
+            xGetElementById('popBody').style.overflowX = 'hidden';
+            xHeight('popBody', 600);
+        }
+
+    }
+
     var w = xWidth("popup_content");
     var h = xHeight("popup_content");
 
diff --git a/common/tpl/common_layout.html b/common/tpl/common_layout.html
index a9659bde1..86508131a 100644
--- a/common/tpl/common_layout.html
+++ b/common/tpl/common_layout.html
@@ -17,7 +17,7 @@
     <!--@end--><!--@if($rss_url)--><link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="{$rss_url}" />
     <!--@end--><link rel="stylesheet" href="./common/css/default.css" type="text/css" />
     <!--@foreach(Context::getCssFile() as $key => $css_file)--><link rel="stylesheet" href="{$css_file}" type="text/css" />
-    <!--@end--><!--@if(strpos($act,'Admin')!==false)--><link rel="stylesheet" href="./modules/admin/tpl/css/admin.css" type="text/css" />
+    <!--@end--><!--@if($module=='admin' || strpos($act,'Admin')>0)--><link rel="stylesheet" href="./modules/admin/tpl/css/admin.css" type="text/css" />
     <!--@end--><script type="text/javascript">//<![CDATA[
         var current_url = "{$current_url}";
         var request_uri = "{$request_uri}";
diff --git a/common/tpl/popup_layout.html b/common/tpl/popup_layout.html
index 23cffd058..70c074b59 100644
--- a/common/tpl/popup_layout.html
+++ b/common/tpl/popup_layout.html
@@ -1,4 +1,5 @@
 <!--%import("css/popup.css")-->
+<!--%import("../../modules/admin/tpl/css/admin.css")-->
 <div id="popup_content" style="float:right;">{$content}</div>
 
 <script type="text/javascript">
diff --git a/modules/addon/tpl/setup_addon.html b/modules/addon/tpl/setup_addon.html
index d6e64b469..64bafcdfa 100644
--- a/modules/addon/tpl/setup_addon.html
+++ b/modules/addon/tpl/setup_addon.html
@@ -36,7 +36,6 @@
         </table>
     </div>
 
-
     <div id="popFooter">
         <ul class="buttonRight nospace">
             <li><span class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_apply}" class="editor_button" /><img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
diff --git a/modules/admin/tpl/css/admin.css b/modules/admin/tpl/css/admin.css
index 013f0790d..a3a4759a7 100644
--- a/modules/admin/tpl/css/admin.css
+++ b/modules/admin/tpl/css/admin.css
@@ -19,7 +19,7 @@ IE7 Only
 .inputTypeText { border:1px solid #c9c9c9; padding:3px; height:1em; line-height:1em; background:#ffffff;}
 .inputTypeText:hover,
 .inputTypeText:focus { background:#f4f4f4;}
-.inputTypeTextArea { border:1px solid #c9c9c9; padding:3px; background:#ffffff;}
+.inputTypeTextArea { border:1px solid #c9c9c9; padding:3px; background:#ffffff; font-size:1em; }
 .inputTypeDate { width:10em; border:1px solid #c9c9c9; padding:3px; height:1em; line-height:1em; background:#ffffff;}
 
 /* Internet Explorer 6 PNG Bug Fix */
@@ -107,6 +107,8 @@ h4 .view { color:#158692; padding-right:.6em; font:bold .9em Tahoma; background:
 .tableType1 td.blue a { color:#158692;}
 .tableType1 td.red a { color:#c95b53;}
 .tableType1 td.red { color:#c95b53;}
+.tableType1 td .blue { color:#158692;}
+.tableType1 td .red { color:#c95b53;}
 
 .tableType2 { border:2px solid #c1c0bd; border-left:none; border-right:none; width:100%;}
 .tableType2 th { border-top:1px solid #fbfbfb; border-bottom:1px solid #e4e4e4; background:#f5f5f5; padding:10px 10px 10px 2em; font-weight:normal; text-align:left; color:#606060;}
@@ -127,6 +129,8 @@ h4 .view { color:#158692; padding-right:.6em; font:bold .9em Tahoma; background:
 .tableType3 td { text-align:center; color:#636363; border-left:1px solid #ededed; padding:10px 10px 7px 10px;}
 .tableType3 td.colSpan { text-align:left; border-top:1px solid #ededed;}
 .tableType3 td a { color:#1d1d1d;}
+.tableType3 th a.blue { color:#158692;}
+.tableType3 th a.red { color:#c95b53;}
 .tableType3 .tahoma { font-size:.9em; font-family:Tahoma;}
 .tableType3 .tahoma a { font-size:1em;}
 .tableType3 td.left { text-align:left; }
@@ -161,10 +165,10 @@ h4 .view { color:#158692; padding-right:.6em; font:bold .9em Tahoma; background:
 /* ----- Popup | Start ----- */
 
 /* popup */
-#popHeadder { width:500px; height:40px; background:url(../images/popupTopBg.png) repeat-x left top;}
+#popHeadder { width:620px; height:40px; background:url(../images/popupTopBg.png) repeat-x left top; }
 #popHeadder h1 { padding:13px 0 0 19px; height:27px; background:url(../images/popupTopBgEnd.png) no-repeat right top; font-size:1.2em; color:#d8d8d8;}
-#popBody { padding:1em; background:#ffffff;}
-#popFooter { background:#f7f7f6; border-top:1px solid #e8e8e7; padding:.5em 0 .5em 0; overflow:hidden; width:100%;}
+#popBody { width:600px; padding:10px; background:#ffffff;}
+#popFooter { width:620px; background:#f7f7f6; border-top:1px solid #e8e8e7; padding:.5em 0 .5em 0; overflow:hidden; }
 #popFooter .close { position:relative; left:50%; margin-left:-1em; float:left;}
 
 #popBody .tableType5 { border:1px solid #c1c0bd; border-left:none; border-right:none; width:100%;}
diff --git a/modules/blog/skins/xe_blog/write_form.html b/modules/blog/skins/xe_blog/write_form.html
index 4ecdd6aef..fab2a9baf 100644
--- a/modules/blog/skins/xe_blog/write_form.html
+++ b/modules/blog/skins/xe_blog/write_form.html
@@ -80,8 +80,8 @@
             </div>
 
             <div class="tag">
-                <label for="tag">{$lang->tag}</label>
-                <input type="text" name="tags" id="tag" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
+                <label for="tag_input">{$lang->tag}</label>
+                <input type="text" name="tags" id="tag_input" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
                 <p class="info">{$lang->about_tag}</p>
             </div>
 
diff --git a/modules/board/skins/xe_gallery/write_form.html b/modules/board/skins/xe_gallery/write_form.html
index bb55319b9..781e99e41 100644
--- a/modules/board/skins/xe_gallery/write_form.html
+++ b/modules/board/skins/xe_gallery/write_form.html
@@ -82,8 +82,8 @@
             </div>
 
             <div class="tag">
-                <label for="tag">{$lang->tag}</label>
-                <input type="text" name="tags" id="tag" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
+                <label for="tag_input">{$lang->tag}</label>
+                <input type="text" name="tags" id="tag_input" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
                 <p class="info">{$lang->about_tag}</p>
             </div>
 
diff --git a/modules/board/skins/xe_list/write_form.html b/modules/board/skins/xe_list/write_form.html
index bb55319b9..781e99e41 100644
--- a/modules/board/skins/xe_list/write_form.html
+++ b/modules/board/skins/xe_list/write_form.html
@@ -82,8 +82,8 @@
             </div>
 
             <div class="tag">
-                <label for="tag">{$lang->tag}</label>
-                <input type="text" name="tags" id="tag" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
+                <label for="tag_input">{$lang->tag}</label>
+                <input type="text" name="tags" id="tag_input" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
                 <p class="info">{$lang->about_tag}</p>
             </div>
 
diff --git a/modules/board/skins/xe_webzine/write_form.html b/modules/board/skins/xe_webzine/write_form.html
index bb55319b9..781e99e41 100644
--- a/modules/board/skins/xe_webzine/write_form.html
+++ b/modules/board/skins/xe_webzine/write_form.html
@@ -82,8 +82,8 @@
             </div>
 
             <div class="tag">
-                <label for="tag">{$lang->tag}</label>
-                <input type="text" name="tags" id="tag" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
+                <label for="tag_input">{$lang->tag}</label>
+                <input type="text" name="tags" id="tag_input" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
                 <p class="info">{$lang->about_tag}</p>
             </div>
 
diff --git a/modules/editor/components/emoticon/tpl/popup.css b/modules/editor/components/emoticon/tpl/popup.css
index 90b06c7bb..14051f8d4 100644
--- a/modules/editor/components/emoticon/tpl/popup.css
+++ b/modules/editor/components/emoticon/tpl/popup.css
@@ -1,45 +1,7 @@
 @charset "utf-8";
 
-.editor_window {
-    width:300px;
-    text-align:center;
-}
-
-.editor_emoticon {
-    padding:10px;
-}
-
-.editor_window img {
-    margin:2px;
+img.emoticon {
+    margin:10px;
     cursor:pointer;
 }
 
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.editor_button_area {
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:2px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:9pt;
-}
diff --git a/modules/editor/components/emoticon/tpl/popup.html b/modules/editor/components/emoticon/tpl/popup.html
index 0216bd22e..927aea389 100644
--- a/modules/editor/components/emoticon/tpl/popup.html
+++ b/modules/editor/components/emoticon/tpl/popup.html
@@ -1,17 +1,20 @@
 <!--%import("popup.js")-->
 <!--%import("popup.css")-->
 
-<div class="editor_window">
-    <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
-
-    <div class="editor_emoticon">
-        <!--@foreach($emoticon_list as $emoticon)-->
-        <img src="images/{$emoticon}" alt="emoticon" onclick="insertEmoticon(this); return false;" />
-        <!--@end-->
-    </div>
-
-    <div class="editor_button_area">
-        <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertImage()" />
-        <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
-    </div>
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
+<div id="popBody">
+
+    <!--@foreach($emoticon_list as $emoticon)-->
+    <img src="images/{$emoticon}" alt="emoticon" onclick="insertEmoticon(this); return false;" class="emoticon" />
+    <!--@end-->
+
+</div>
+
+<div id="popFooter">
+    <ul class="buttonRight nospace">
+        <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+    </ul>
 </div>
diff --git a/modules/editor/components/html_editor/icon.gif b/modules/editor/components/html_editor/icon.gif
index fc9382d860ebee26fb4a31ad1bd35b4adb3310f1..dccbcb346cf15331b240e7b1d6c9f67c9e61bc17 100644
GIT binary patch
delta 1459
zcmV;k1x)(?2k{JlM@dFFIbj$8KLGc;0D!CN{QUgz@a^*Q@ALEVx6t$T`2F+u{B)z>
z^!WYq_Wb$z_>{1OcB9{Jp5B41<0Ed(O^MYtchZl%XE$pZQ;aC}_4Ap#>NaT}veK0n
zPQZ=2WU$NdL31Tym*MvI^ufWw#l^+HzrXkQ_51t#$;ruoxw*Ob_x8rd#>&dd`1tq4
z#KgF`xVE;ozP`S<x3~NI`uh6$!otGq>+Agd`?R#Q;Nal1v$N9D(!0C6yu7@}$H(pS
z`%{hAn7r#(k1gZu`KHA0d8Xl$xascn{FJxom$Hby)9_S=hLNs;@%8+*&+^IJ^ozP;
zScFG!m0wbSi`hej)^4EUv(E9f)RkV8+VuDR+UECDj@yv6=Uj(K`1<}DV#%Js>z}{u
zd#K?!Y9JR=!Wdb^X`9`Es^fsF;*YfEZJynPt>vM?>=i+~SC7~mWyy}S<#3?lhOXlk
zN4<fo;}kx*cckWKnc8QX+}`Q;^Y{H(klk95*(OteU>I4(qQdUr>-g&N`kue+aiQL*
z$L?m1PpQW5jI-yl){=+1V2H5hvD1*y=DLr&YI&#Tx6ty8yk#0-$a|;aW0%?$L%o=~
z>VvK0_WAv5o!z$7oJob)e5vUC{r;%N?mmFl<?i|G^7@ClVD$I=Vwc;8ujHe`?QNah
zpt`6(V3pgBwCHG=+e~{gtjX_=wC8uE;a!fCw9W2oo8pPE<ksZ&6Fj$pt6~2B{_gJX
z{r&yR%geH|vfbU?`uh5ly#dmHA^8LW006rHEC2ui02ly2000R80C(XUNU)&6gSZ6F
z(8aK!!-o%N41`FrqOOS+Gcv@e(IQ6xAVXrB<HnT-JWwuelF;yDftQS?a7d*|RF?}y
z%)Elo5?4b21qKD-^T)>!Q->ZrLg1hbm!3bD5b?qzft3SHR9%?_3seJtF;E#U;$T2h
z0zwAJaB5|s4W%__G=$Y9B~Ye2TONEu0HjlbH+~|}i8R+kngeJQtU55J&k<5j1UW$x
zYc7@x3WO-Bq@ao&R<fuhQuIU5+$dR?)+v>zM+7a13h8Pz0mEDgq2hdL0BF=HNT@6|
z%s^o-1U8QLgwX&;jT|t4O$_PsRC}&PBNaAe*ia#fb&Cu-Q2*$_z#+$u6bCLu4^g5(
zgzyjU+GVT0{rmXy+oErSJwzL}q@c?zwG?RJfe0Eni!LdYpi6=fLa0j#JLnR?g&1b2
zp@zEbfPyYG&=8VHB$<SgN)m*q3ko6VLIMdu!6Xw+HsPcb1TX4;62c0)zyJeKLJ?&Y
zQc5x9l#jZsAcHP3!~lR)R9S_UR$O@{Mw7b80D>+HEHGACXQj1PTW`hHr7j?dz~usU
z-Ido~ef<^KU}uWpf-WkkU>IVGG3FR#l2MkYE-vVx%Lyl3mf2>VeHPkir6H<|4ms#D
z!U(9T#+qxe$wnK02AArRg9*BP@BwbR@#Y(F!ZAdgsk)f|z=AFoSa4i&%Qg30bko&V
zt1c|OpbG)S7Hcd4*lEXI62$8ALJPVKAnml&N*msI3{0y_3pLOxz_;LrD=xSe=u*QC
zIQaJv4ma#_%e(N#EAPCw%t!CN^ty`!E&TTD@4x@zaLWyUv;>gL!3Za;Fv0=oazhQY
zEG)6a=C%;=#26pE?F$!=2+~L;os`l_8o$6o$1fES(@Ztpl+#WcvtR<sK^ApXQcE?(
zg~lf2&@q%%U6s{VU45l-4mw=?rCDgH#g<!eX`rzVE?nFuUV8E67hr-#qOl7iT)byu
zi#7IGWRt~eqOk}dT&$>OoOuSCXr$?(F$gkToT&q=wNCb0Y_rv-u?#C*jOuQ^{TAGC
z6llCc2p8X~9COY=CmnSdXdD6x7h|04cHL==!VaBdd@XqhcUVHf8Bg4B2`TiaZbLSt
NK%aiN=eJ8h06Vx)65Rj*

delta 705
zcmV;y0zUom4F3mzM@dFFIbje05CHd)0JqTdbfe((`2F(s{PXwx_4xgnyXvyil}(A&
zjk;tOPQb9s@HKbRL31Tym*JGKgm$CfHfbJ@yk~)|<5P?%H)|OqZq06<-W5T+-s$%n
zWyzku>}{Rgqr&ZvwB}%y+a^<BjJ##3#_u?4AdIu;8eqtOVwc<e{r<Pm@=}Z0pTF$$
z_x*dQ;c=nfQ;ysC`u<*&+V=VVe5vT=?)jd;>r;)_ScFHQx~S0Rx?PTwYn$Tg@%ne9
z;gh)Ov(E8po85V*=Hu-7W|`V%j!(4Im58wBK7iKR=J&DIlJxieRECC!x?mJOxk-iC
z>+<@6tK)!ws^gBc<*3H)cckWquH&J>>=i@3aG>IZt>qU}!l=jYro``8k1bh{-DsKH
zSC81N$?tEKU-9+)?)3b7r{a;Wfwt6~OnWiD)9@Hs#EZIOkGpDapyES>))PFpiLm5{
zxnP5><87YZj<o0%N4=M_h=HqN7+J<zk=c2s;h4HW>SvnV^!NOfx9A#T$&R$=wa@aj
z&F*WR-R<-HfU4r)>-g5>_Oa8DkhSNSyz7Ur<YSlGqQdT6he*lW^nk1ClRE;^lTZSF
ze<Aq<0RRAz04x9i000mG5C8xO+yEm997wRB!Gj1B4t&J0p^Pb4bU5geqKOd(j{s;y
z;bQ?9DII7S=;Psyg^VJ$Fxrr)$DAS)$OO1R$j>7{V^j<hkc5DvKS$yiG65kCkOc+w
z2p~}a%8Wn-qQv+jM*$lxCsw?ez$ZWub0-3*>_8yIii0Wyungcq;71`eH^L0Dp~Q^~
z0|WAi5i|fsh8%W?;8?>2L>oji_k6%p13{xhNFarf5P^ZBCoCYe;NWG^88eVVAE;nK
nLy0?C6wtxIWQ3X}kl;{GScgJ_0|_XUQTU)ig$55I1q1*)U4egu

diff --git a/modules/editor/components/image_gallery/tpl/popup.css b/modules/editor/components/image_gallery/tpl/popup.css
index c66ead438..ee7c7be02 100644
--- a/modules/editor/components/image_gallery/tpl/popup.css
+++ b/modules/editor/components/image_gallery/tpl/popup.css
@@ -1,105 +1,5 @@
 @charset "utf-8";
 
-.editor_window {
-    width:550px;
-    text-align:center;
-}
-
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.short_header {
-    float:left;
-    width:80px;
-    text-align:left;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-}
-
-.short_body {
-    float:left;
-    width:90px;
-    text-align:left;
-    margin:5px;
-    font-size:9pt;
-}
-
-.header {
-    float:left;
-    width:80px;
-    clear:left;
-    text-align:left;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-}
-
-.body {
-    float:left;
-    width:350px;
-    text-align:left;
-    margin:5px;
-    font-size:9pt;
-}
-
-.image_list {
-    width:380px;
-}
-
-.about_image_list {
-    margin-top:10px;
-    font-size:9pt;
-    color:#AAAAAA;
-}
-
-.editor_input {
-    width:40px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
-
-.editor_button_area {
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:2px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:9pt;
-}
-
-.editor_color_box {
-    clear:both;
-    height:65px;
-    width:400px;
-    border:1px solid #DDDDDD;
-    padding:2px;
-    margin-bottom:3px;
-}
-
-.editor_color_input {
-    clear:both;
-}
-
 img.bg_preview_color {
     width:30px;
     height:16px;
@@ -127,9 +27,6 @@ img.color_icon_over {
     cursor:pointer;
 }
 
-.table_input {
-    width:40px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
+.editor_color_box { clear:both; height:65px; width:400px; border:1px solid #DDDDDD; padding:2px; }
+
+.image_list { width:100%; height:100px; border:1px solid #EEEEEE; }
diff --git a/modules/editor/components/image_gallery/tpl/popup.html b/modules/editor/components/image_gallery/tpl/popup.html
index 4094927b5..bb130f659 100644
--- a/modules/editor/components/image_gallery/tpl/popup.html
+++ b/modules/editor/components/image_gallery/tpl/popup.html
@@ -2,85 +2,90 @@
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
 
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="get" onSubmit="return false" id="fo">
+<input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
 
-    <input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
+    <div id="popBody">
 
-    <div class="editor_window">
-
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
-
-        <div class="short_header">{$lang->width}</div>
-        <div class="short_body"><input type="text" class="editor_input" id="width" value="400" />px</div>
-
-        <div class="header">{$lang->gallery_style}</div>
-        <div class="body">
-            <select id="gallery_style">
-                <option value="slide">{$lang->gallery_slide_style}</option>
-                <option value="list">{$lang->gallery_list_style}</option>
-            </select>
-        </div>
-
-        <div class="header">{$lang->gallery_slide_align}</div>
-        <div class="body">
-            <select id="gallery_align">
-                <option value="center">{$lang->gallery_slide_center}</option>
-                <option value="left">{$lang->gallery_slide_left}</option>
-                <option value="right">{$lang->gallery_slide_right}</option>
-            </select>
-        </div>
-
-        <div class="header">{$lang->gallery_border_thickness}</div>
-        <div class="body"><input type="text" class="editor_input" id="border_thickness" value="0" />px</div>
-
-        <div class="header">{$lang->gallery_border_color}</div>
-            <div class="body">
-            <div class="editor_color_box">
-                <script type="text/javascript">
-                printColor("border", "{$tpl_path}/images/blank.gif");
-                </script>
-            </div>
-            <div class="editor_color_input">
-                <table border="0" cellspacing="0">
-                <tr>
-                    <td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
-                    <td>#</td>
-                    <td><input type="text" id="border_color_input" size="6" maxlength="6" class="table_input" value="000000" onkeyup="manual_select_color('border',this)"/></td>
-                </tr>
-                </table>
-            </div>
-        </div>
-
-        <div class="header">{$lang->gallery_bg_color}</div>
-        <div class="body">
-            <div class="editor_color_box">
-                <script type="text/javascript">
-                    printColor("bg", "{$tpl_path}/images/blank.gif");
-                </script>
-            </div>
-            <div class="editor_color_input">
-                <table border="0" cellspacing="0">
-                <tr>
-                    <td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
-                    <td>#</td>
-                    <td><input type="text" id="bg_color_input" size="6" maxlength="6" class="table_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
-                </tr>
-                </table>
-            </div>
-        </div>
-
-        <div class="header">{$lang->image_list}</div>
-        <div class="body">
-            <div>
-                <select id="image_list" size="10" class="image_list" multiple="true" style="height:200px;">
+        <table cellspacing="0" class="tableType5">
+        <col width="120" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->width}</th>
+            <td><input type="text" class="inputTypeText" size="3" id="width" value="400" />px</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->gallery_style}</th>
+            <td>
+                <select id="gallery_style">
+                    <option value="slide">{$lang->gallery_slide_style}</option>
+                    <option value="list">{$lang->gallery_list_style}</option>
                 </select>
-            </div>
-            <div class="about_image_list">{$lang->about_image_list}</div>
-        </div>
-
-        <div class="editor_button_area">
-            <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertSlideShow()" />
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
-        </div>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->gallery_slide_align}</th>
+            <td>
+                <select id="gallery_align">
+                    <option value="center">{$lang->gallery_slide_center}</option>
+                    <option value="left">{$lang->gallery_slide_left}</option>
+                    <option value="right">{$lang->gallery_slide_right}</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->gallery_border_thickness}</th>
+            <td><input type="text" class="inputTypeText" size="1" id="border_thickness" value="0" />px</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->gallery_border_color}</th>
+            <td>
+                <div class="editor_color_box">
+                    <script type="text/javascript">
+                    printColor("border", "{$tpl_path}/images/blank.gif");
+                    </script>
+                </div>
+                <ul class="buttonLeft">
+                    <li><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></li>
+                    <li>#<input type="text" id="border_color_input" size="6" maxlength="6" class="inputTypeText" value="000000" onkeyup="manual_select_color('border',this)"/></li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->gallery_bg_color}</th>
+            <td>
+                <div class="editor_color_box">
+                    <script type="text/javascript">
+                        printColor("bg", "{$tpl_path}/images/blank.gif");
+                    </script>
+                </div>
+                <ul class="buttonLeft">
+                    <li><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></li>
+                    <li>#<input type="text" id="bg_color_input" size="6" maxlength="6" class="inputTypeText" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->image_list}</th>
+            <td>
+                <select id="image_list" size="10" multiple="true" class="image_list">
+                </select>
+                <p>{$lang->about_image_list}</p>
+            </td>
+        </tr>
+        </table>
     </div>
+
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><a href="#" onclick="insertSlideShow()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
 </form>
diff --git a/modules/editor/components/image_link/tpl/popup.css b/modules/editor/components/image_link/tpl/popup.css
index 8f7f62812..6814e5634 100644
--- a/modules/editor/components/image_link/tpl/popup.css
+++ b/modules/editor/components/image_link/tpl/popup.css
@@ -1,79 +1,7 @@
 @charset "utf-8";
-.editor_window {
-    width:500px;
-    text-align:center;
-}
-
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.header {
-    float:left;
-    width:100px;
-    clear:left;
-    text-align:left;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-}
-
-.body {
-    float:left;
-    width:350px;
-    text-align:left;
-    margin:5px;
-    font-size:9pt;
-    font-size:9pt;
-}
-
-.body label {
-    cursor:pointer;
-    font-size:9pt;
-}
 
 .image_align {
     margin:0px 0px 5px 0px;
     float:left;
-    width:150px;
-}
-
-.image_url {
-    width:350px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
-
-.editor_input {
-    width:40px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
-
-.editor_button_area {
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:2px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:9pt;
+    width:200px;
 }
diff --git a/modules/editor/components/image_link/tpl/popup.html b/modules/editor/components/image_link/tpl/popup.html
index 1a5e630f9..423a4bb4f 100644
--- a/modules/editor/components/image_link/tpl/popup.html
+++ b/modules/editor/components/image_link/tpl/popup.html
@@ -2,66 +2,83 @@
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
 
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="get" onSubmit="return false" id="fo">
-    <div class="editor_window">
 
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
+    <div id="popBody">
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
 
-        <div class="header">{$lang->image_url}</div>
-        <div class="body"><input type="text" class="image_url" id="image_url" value="{url_decode($manual_url)}" onblur="getImageScale();" /></div>
+        <tr>
+            <th scope="row">{$lang->image_url}</th>
+            <td><input type="text" id="image_url" value="{url_decode($manual_url)}" onblur="getImageScale();" class="inputTypeText w100" /></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->image_scale}</th>
+            <td>
+                <ul class="buttonLeft nospace">
+                    <li><input type="text" id="width" value="0" size="4" class="inputTypeText" />px </li>
+                    <li><input type="text" id="height" value="0" size="4" class="inputTypeText" />px </li>
+                    <li><a href="#" onclick="getImageScale(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_get_scale}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->image_alt}</th>
+            <td><input type="text" id="image_alt" value="" class="inputTypeText w100"/></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->image_align}</th>
+            <td>
+                <div class="image_align">
+                    <input type="radio" name="align" value="" id="align_normal" checked="true"/>
+                    <label for="align_normal">
+                        <img src="./images/align_normal.gif" alt="{$lang->image_align_normal}" />
+                        {$lang->image_align_normal}
+                    </label>
+                </div>
 
-        <div class="header">{$lang->image_scale}</div>
-        <div class="body">
-            <input type="text" class="editor_input" id="width" value="0" />px 
-            <input type="text" class="editor_input" id="height" value="0" />px 
-            <input type="button" value="{$lang->cmd_get_scale}" class="editor_button" onclick="getImageScale();return false;" />
-        </div>
+                <div class="image_align">
+                    <input type="radio" name="align" value="left" id="align_left" />
+                    <label for="align_left">
+                        <img src="./images/align_left.gif" alt="{$lang->image_align_left}" />
+                        {$lang->image_align_left}
+                    </label>
+                </div>
 
+                <div class="image_align">
+                    <input type="radio" name="align" value="middle" id="align_middle" />
+                    <label for="align_middle">
+                        <img src="./images/align_middle.gif" alt="{$lang->image_align_middle}" />
+                        {$lang->image_align_middle}
+                    </label>
+                </div>
 
-        <div class="header">{$lang->image_alt}</div>
-        <div class="body"><input type="text" class="image_url" id="image_alt" value="" /></div>
-
-        <div class="header">{$lang->image_align}</div>
-        <div class="body">
-            <div class="image_align">
-                <input type="radio" name="align" value="" id="align_normal" checked="true"/>
-                <label for="align_normal">
-                    <img src="./images/align_normal.gif" alt="{$lang->image_align_normal}" />
-                    {$lang->image_align_normal}
-                </label>
-            </div>
-
-            <div class="image_align">
-                <input type="radio" name="align" value="left" id="align_left" />
-                <label for="align_left">
-                    <img src="./images/align_left.gif" alt="{$lang->image_align_left}" />
-                    {$lang->image_align_left}
-                </label>
-            </div>
-
-            <div class="image_align">
-                <input type="radio" name="align" value="middle" id="align_middle" />
-                <label for="align_middle">
-                    <img src="./images/align_middle.gif" alt="{$lang->image_align_middle}" />
-                    {$lang->image_align_middle}
-                </label>
-            </div>
-
-            <div class="image_align">
-                <input type="radio" name="align" value="right" id="align_right" />
-                <label for="align_right">
-                    <img src="./images/align_right.gif" alt="{$lang->image_align_right}" />
-                    {$lang->image_align_right}
-                </label>
-            </div>
-        </div>
-
-        <div class="header">{$lang->image_border}</div>
-        <div class="body"><input type="text" class="editor_input" id="image_border" value="0" />px</div>
-
-        <div class="editor_button_area">
-            <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertImage()" />
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
-        </div>
+                <div class="image_align">
+                    <input type="radio" name="align" value="right" id="align_right" />
+                    <label for="align_right">
+                        <img src="./images/align_right.gif" alt="{$lang->image_align_right}" />
+                        {$lang->image_align_right}
+                    </label>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->image_border}</th>
+            <td><input type="text" id="image_border" value="0" size="2" class="inputTypeText" />px</td>
+        </tr>
+        </table>
     </div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><a href="#" onclick="insertImage()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
 </form>
diff --git a/modules/editor/components/multimedia_link/tpl/popup.css b/modules/editor/components/multimedia_link/tpl/popup.css
index 4bd59a790..e63c05cc5 100644
--- a/modules/editor/components/multimedia_link/tpl/popup.css
+++ b/modules/editor/components/multimedia_link/tpl/popup.css
@@ -1,73 +1 @@
 @charset "utf-8";
-.editor_window {
-    width:400px;
-    clear:both;
-}
-
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.header {
-    float:left;
-    width:100px;
-    clear:left;
-    text-align:left;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-    font-size:9pt;
-}
-
-.body {
-    float:left;
-    width:250px;
-    text-align:left;
-    margin:5px;
-    font-size:9pt;
-}
-
-.body label {
-    cursor:pointer;
-    font-size:9pt;
-}
-
-.multimedia_url {
-    width:240px;
-    border:1px solid #AAAAAA;
-    height:13px;
-    font-size:9pt;
-}
-
-.multimedia_size {
-    width:40px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
-
-.editor_button_area {
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:0px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:9pt;
-}
diff --git a/modules/editor/components/multimedia_link/tpl/popup.html b/modules/editor/components/multimedia_link/tpl/popup.html
index 4cce73a89..f1218d8d0 100644
--- a/modules/editor/components/multimedia_link/tpl/popup.html
+++ b/modules/editor/components/multimedia_link/tpl/popup.html
@@ -2,28 +2,43 @@
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
 
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="get" onSubmit="return false" id="fo">
-    <div class="editor_window">
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
-
-        <div class="header">{$lang->multimedia_url}</div>
-        <div class="body"><input type="text" class="multimedia_url" id="multimedia_url" value="{$manual_url}" /></div>
-
-        <div class="header">{$lang->multimedia_caption}</div>
-        <div class="body"><input type="text" class="multimedia_url" id="multimedia_caption" value="" /></div>
-
-        <div class="header">{$lang->multimedia_width}</div>
-        <div class="body"><input type="text" class="multimedia_size" id="multimedia_width" value="400" />px</div>
-
-        <div class="header">{$lang->multimedia_height}</div>
-        <div class="body"><input type="text" class="multimedia_size" id="multimedia_height" value="400" />px</div>
-
-        <div class="header">{$lang->multimedia_auto_start}</div>
-        <div class="body"><input type="checkbox" id="multimedia_auto_start" value="Y" /></div>
-
-        <div class="editor_button_area">
-            <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertMultimedia()" />
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
-        </div>
+    <div id="popBody">
+        <table cellspacing="0" class="tableType5">
+        <col width="150" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->multimedia_url}</th>
+            <td><input type="text" class="inputTypeText w100" id="multimedia_url" value="{$manual_url}" /></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->multimedia_caption}</th>
+            <td><input type="text" class="inputTypeText w100" id="multimedia_caption" value="" /></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->multimedia_width}</th>
+            <td><input type="text" class="inputTypeText" size="3" id="multimedia_width" value="400" />px</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->multimedia_height}</th>
+            <td><input type="text" class="inputTypeText" size="3" id="multimedia_height" value="400" />px</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->multimedia_auto_start}</th>
+            <td><input type="checkbox" id="multimedia_auto_start" value="Y" /></td>
+        </tr>
+        </table>
     </div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><a href="#" onclick="insertMultimedia()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
 </form>
diff --git a/modules/editor/components/naver_map/tpl/popup.css b/modules/editor/components/naver_map/tpl/popup.css
index f80e1d3ef..860f4056e 100644
--- a/modules/editor/components/naver_map/tpl/popup.css
+++ b/modules/editor/components/naver_map/tpl/popup.css
@@ -1,131 +1,10 @@
 @charset "utf-8";
-.editor_window {
-    width:700px;
-    clear:both;
-}
 
-.error_window {
-    width:700px;
-}
+.search { border:1px solid #DDDDDD; padding:5px; }
+#address { width:100px; }
+.about_address { clear:both; color:#DDDDDD; }
 
-.error_text {
-    padding:20px;
-    color:#444444;
-    border:10px solid #DDDDDD;
-    font-size:9pt;
-    line-height:200%;
-}
+.address_list_box { color:#AAAAAA; margin-top:1em; clear:both;}
+.address_list_box a { color:#AAAAAA; }
 
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.address_box {
-    float:left;
-    width:250px;
-    border:1px solid #EEEEEE;
-    padding:5px;
-    margin:5px;
-}
-
-
-.input_address {
-    width:200px;
-    border:1px solid #AAAAAA;
-    height:12px;
-    font-size:9pt;
-}
-
-.address_button {
-    margin-top:4px;
-    background-color:#AAAAAA;
-    border:1px solid #333333;
-    color:#FFFFFF;
-    height:16px;
-    font-size:9pt;
-}
-
-.about_address {
-    font-size:8pt;
-    color:#AAAAAA;
-    margin-top:3px;
-}
-
-.address_list_box {
-    border:1px solid #DDDDDD;
-    padding:5px;
-    float:left;
-    width:250px;
-    height:288px;
-    margin:5px;
-    font-size:9pt;
-    color:#AAAAAA;
-    overflow:auto;
-}
-
-.address_list_box A {
-    color:#888888;
-    line-height:15px;
-}
-
-.map_scale_box {
-    float:left;
-    width:250px;
-    border:1px solid #EEEEEE;
-    padding:5px;
-    margin:5px;
-}
-
-.map_scale_header {
-    float:left;
-    font-size:9pt;
-    width:60px;
-}
-
-.map_scale_body {
-    width:180px;
-    float:left;
-    margin-left:5px;
-    font-size:9pt;
-}
-
-.input_map_size {
-    width:30px;
-    border:1px solid #EEEEEE;
-    height:12px;
-    font-size:9pt;
-}
-
-.map_display {
-    float:right;
-    width:410px;
-    height:410px;
-    margin:5px 5px 0px 6px;
-}
-
-.editor_button_area {
-    width:100%;
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:0px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:9pt;
-}
+#display_map { width:400px; height:400px; border:0px; border:1px solid #DDDDDD; margin-left:10px; }
diff --git a/modules/editor/components/naver_map/tpl/popup.html b/modules/editor/components/naver_map/tpl/popup.html
index 1550ed6b6..c7bb26ff9 100644
--- a/modules/editor/components/naver_map/tpl/popup.html
+++ b/modules/editor/components/naver_map/tpl/popup.html
@@ -2,34 +2,58 @@
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
 
-<form action="./" method="get" onSubmit="search_address(); return false;" id="fo">
-    <input type="hidden" id="map_x" name="x" value="" />
-    <input type="hidden" id="map_y" name="x" value="" />
-    <input type="hidden" id="marker" name="marker_1" value="" />
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
 
-    <div class="editor_window">
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
+<div id="popBody">
 
-        <div class="map_display"><iframe name="display_map" id="display_map" frameBorder="0" style="width:400px;height:400px;border:0px;margin:5px;" src="./?module=editor&amp;component=naver_map&amp;act=procEditorCall&amp;method=displayMap&amp;width=400&amp;height=400"></iframe></div>
+    <table border="0">
+    <col width="190" />
+    <col />
+    <tr valign="top">
+        <td>
+            <div class="search">
+                <form action="./" method="get" onSubmit="search_address(); return false;" id="fo">
+                <input type="hidden" id="map_x" name="x" value="" />
+                <input type="hidden" id="map_y" name="x" value="" />
+                <input type="hidden" id="marker" name="marker_1" value="" />
 
-        <div class="address_box">
-            <input type="text" class="input_address" id="address" value="" /><input type="submit" value="{$lang->cmd_search}" class="address_button" onclick="search_address();return false;"/>
-            <div class="about_address">{$lang->about_address}</div>
-        </div>
+                <table border="0">
+                <tr>
+                    <td><input type="text" class="inputTypeText" id="address" value="" /></td>
+                    <td><div class="buttonLeft nospace"><span class="buttonTypeB"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_search}" /><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></div></td>
+                </tr>
+                </table>
 
-        <div class="address_list_box" id="address_list">{$lang->about_address_use}</div>
+                <div class="about_address">{$lang->about_address}</div>
 
-        <div class="map_scale_box">
-            <div class="map_scale_header">{$lang->map_width}</div>
-            <div class="map_scale_body"><input type="text" class="input_map_size" id="map_width" value="400" />px</div>
+                </form>
+            </div>
 
-            <div class="map_scale_header">{$lang->map_height}</div>
-            <div class="map_scale_body"><input type="text" class="input_map_size" id="map_height" value="300" />px</div>
-        </div>
+            <div class="address_list_box" id="address_list">{$lang->about_address_use}</div>
 
-        <div class="editor_button_area">
-            <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertNaverMap()" />
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
-        </div>
-    </div>
-</form>
+            <table cellspacing="0" class="tableType5 gap1">
+            <tr>
+                <th scope="row">{$lang->map_width}</th>
+                <td><input type="text" class="inputTypeText" size="3" id="map_width" value="400" />px</td>
+            </tr>
+            <tr>
+                <th scope="row">{$lang->map_height}</th>
+                <td><input type="text" class="inputTypeText" size="3" id="map_height" value="300" />px</td>
+            </table>
+        </td>
+        <td>
+            <iframe name="display_map" id="display_map" frameBorder="0" src="./?module=editor&amp;component=naver_map&amp;act=procEditorCall&amp;method=displayMap&amp;width=400&amp;height=400"></iframe>
+        </td>
+    </tr>
+    </table>
+</div>
+
+<div id="popFooter" class="clear">
+    <ul class="buttonRight nospace">
+        <li><a href="#" onclick="insertNaverMap()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+    </ul>
+</div>
diff --git a/modules/editor/components/poll_maker/tpl/popup.css b/modules/editor/components/poll_maker/tpl/popup.css
index af8277fc0..3a8829dcb 100644
--- a/modules/editor/components/poll_maker/tpl/popup.css
+++ b/modules/editor/components/poll_maker/tpl/popup.css
@@ -1,123 +1,4 @@
 @charset "utf-8";
 
-.editor_window {
-    width:500px;
-    height:260px;
-    clear:both;
-}
-
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.poll_header {
-    border:1px solid #888888;
-    background-color:#EFEFEF;
-    margin:5px;
-    padding:5px;
-    font-weight:bold;
-}
-
-.poll_box {
-    border:1px solid #888888;
-    height:140px;
-    margin:5px;
-    padding:5px;
-}
-
-.title_box {
-    background-color:#EFEFEF;
-    border:1px solid #DDDDDD;
-    padding-top:4px;
-    height:22px;
-    clear:both;
-}
-
-.item_box {
-    height:22px;
-    clear:both;
-    padding-top:3px;
-    margin-bottom:3px;
-    border-bottom:1px solid #DDDDDD;
-}
-
-.header {
-    float:left;
-    width:60px;
-    clear:left;
-    text-align:left;
-    font-weight:bold;
-    font-size:9pt;
-    padding:2px 0px 0px 20px;
-    height:20px;
-}
-
-.sub_header {
-    float:left;
-    width:60px;
-    clear:left;
-    text-align:left;
-    font-size:9pt;
-    padding:2px 0px 0px 20px;
-    height:20px;
-}
-
-.body {
-    float:left;
-    text-align:left;
-    font-size:9pt;
-    height:20px;
-}
-
-.sub_button_area {
-    padding:3px 20px 3px 0px;
-    clear:both;
-    height:25px;
-}
-
-.sub_button_area div {
-    float:left;
-    padding-right:10px;
-    margin-right:10px;
-    height:20px;
-}
-
-.editor_input {
-    width:335px;
-    border:1px solid #AAAAAA;
-    font-size:9pt;
-    height:13px;
-}
-
-.editor_small_input {
-    width:50px;
-    border:1px solid #AAAAAA;
-    font-size:9pt;
-    height:13px;
-}
-
-
-.editor_button_area {
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:10px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:17px;
-    font-size:9pt;
-}
+.pollButton { clear:both; margin:.5em 0 0 0; height:20px; }
+.pollButton label { vertical-align:middle; color:#888888; }
diff --git a/modules/editor/components/poll_maker/tpl/popup.html b/modules/editor/components/poll_maker/tpl/popup.html
index db9397687..9a6da0e7e 100644
--- a/modules/editor/components/poll_maker/tpl/popup.html
+++ b/modules/editor/components/poll_maker/tpl/popup.html
@@ -7,65 +7,95 @@
     var msg_poll_cannot_modify = "{$lang->msg_poll_cannot_modify}";
 </script>
 
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="post" id="fo_component" onSubmit="procFilter(this, insert_poll); return false;">
-    <input type="hidden" name="component" value="{$component_info->component_name}" />
-    <input type="hidden" name="method" value="insertPoll" />
-    <input type="hidden" name="poll_srl" value="" />
-    <input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
+<input type="hidden" name="component" value="{$component_info->component_name}" />
+<input type="hidden" name="method" value="insertPoll" />
+<input type="hidden" name="poll_srl" value="" />
+<input type="hidden" name="upload_target_srl" value="{$upload_target_srl}" />
 
-    <div class="editor_window">
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
+    <div id="popBody">
 
-        <div class="poll_header">
-            {$lang->poll_stop_date} : 
-            <select name="stop_year">
-                <!--@for($i=date("Y");$i<date("Y")+10;$i++)-->
-                <option value="{$i}">{$i}</option>
-                <!--@end-->
-            </select>
-            <select name="stop_month">
-                <!--@for($i=1;$i<=12;$i++)-->
-                <option value="{$i}" <!--@if($i==date("m", time()+60*60*24*30))-->selected="true"<!--@end-->>{$i}</option>
-                <!--@end-->
-            </select>
-            <select name="stop_day">
-                <!--@for($i=1;$i<=31;$i++)-->
-                <option value="{$i}" <!--@if($i==date("d", time()+60*60*24*30))-->selected="true"<!--@end-->>{$i}</option>
-                <!--@end-->
-            </select>
-            <input type="button" class="editor_button" value="{$lang->cmd_add_poll}" onclick="doPollAdd(); return false;" />
-        </div>
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->poll_stop_date}</th>
+            <td>
+                <ul class="buttonLeft nospace">
+                    <li>
+                        <select name="stop_year">
+                            <!--@for($i=date("Y");$i<date("Y")+10;$i++)-->
+                            <option value="{$i}">{$i}</option>
+                            <!--@end-->
+                        </select>
+                    </li>
+                    <li>
+                        <select name="stop_month">
+                            <!--@for($i=1;$i<=12;$i++)-->
+                            <option value="{$i}" <!--@if($i==date("m", time()+60*60*24*30))-->selected="true"<!--@end-->>{$i}</option>
+                            <!--@end-->
+                        </select>
+                    </li>
+                    <li>
+                        <select name="stop_day">
+                            <!--@for($i=1;$i<=31;$i++)-->
+                            <option value="{$i}" <!--@if($i==date("d", time()+60*60*24*30))-->selected="true"<!--@end-->>{$i}</option>
+                            <!--@end-->
+                        </select>
+                    </li>
+                    <li><a href="#" onclick="doPollAdd(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_add_poll}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+                </ul>
+            </td>
+        </tr>
+        </table>
 
-        <div id="poll_source" class="poll_box" style="display:none">
+        <div id="poll_source" class="clear" style="display:none">
 
-            <div class="title_box">
-                <div class="header">{$lang->poll_title}</div>
-                <div class="body"><input type="text" name="title_tidx" class="editor_input" /></div>
+            <table cellspacing="0" class="tableType5 gap1 clear">
+            <col width="100" />
+            <col />
+            <tr>
+                <th scope="row">{$lang->poll_title}</th>
+                <td><input type="text" name="title_tidx" class="inputTypeText w100" /></td>
+            </tr>
+
+            <tr>
+                <th scope="row">{$lang->poll_item} 1</th>
+                <td><input type="text" name="item_tidx_1" class="inputTypeText w100" /></td>
+            </tr>
+
+            <tr>
+                <th scope="row">{$lang->poll_item} 2</th>
+                <td><input type="text" name="item_tidx_2" class="inputTypeText w100" /></td>
+            </tr>
+            </table>
+
+            <div class="pollButton clear">
+                <ul class="buttonLeft nospace">
+                    <li><a href="#" onclick="doPollAddItem(this); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_add_item}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+                    <li><a href="#" onclick="doPollDelete(this); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_del_poll}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+                </ul>
+                <ul class="buttonRight nospace">
+                    <li><label>{$lang->poll_chk_count}</label></li>
+                    <li><input type="text" name="checkcount_tidx" value="1" size="1" class="inputTypeText" /></li>
+                </ul>
             </div>
 
-            <div class="item_box">
-                <div class="sub_header">{$lang->poll_item} 1</div>
-                <div class="body"><input type="text" name="item_tidx_1" class="editor_input" /></div>
-            </div>
-
-            <div class="item_box">
-                <div class="sub_header">{$lang->poll_item} 2</div>
-                <div class="body"><input type="text" name="item_tidx_2" class="editor_input" /></div>
-            </div>
-
-            <div class="sub_button_area">
-                <div><input type="button" value="{$lang->cmd_add_item}" class="editor_button" onclick="doPollAddItem(this); return false;" /></div>
-                <div>
-                    - {$lang->poll_chk_count} : <input type="text" name="checkcount_tidx" value="1" class="editor_small_input" />
-                </div>
-                <div><input type="button" value="{$lang->cmd_del_poll}" class="editor_button" onclick="doPollDelete(this); return false;" /></div>
-            </div>
-        </div>
-
-        <div class="editor_button_area">
-            <input type="submit" class="editor_button" value="{$lang->cmd_submit}" />
-            <input type="button" class="editor_button" value="{$lang->cmd_close}" onclick="window.close(); return false;" />
         </div>
 
     </div>
+
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><span class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_submit}" /><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
+
 </form>
diff --git a/modules/editor/components/poll_maker/tpl/popup.js b/modules/editor/components/poll_maker/tpl/popup.js
index 7fc888b3f..8e3618100 100644
--- a/modules/editor/components/poll_maker/tpl/popup.js
+++ b/modules/editor/components/poll_maker/tpl/popup.js
@@ -23,6 +23,8 @@ function setPoll() {
     obj.style.display = "block";
 
     source.parentNode.insertBefore(obj, source);
+
+    setFixedPopupSize();
 }
 
 /**
@@ -55,7 +57,7 @@ xAddEventListener(window, "load", setPoll);
 function doPollAdd() {
     var obj = xCreateElement("div");
     var source = xGetElementById("poll_source");
-    if(poll_index+1>3) return null;
+    if(poll_index+1>8) return null;
     poll_index++;
 
     var html = xInnerHtml(source);
@@ -77,7 +79,7 @@ function doPollAdd() {
  * 항목 삭제
  **/
 function doPollDelete(obj) {
-    var pobj = obj.parentNode.parentNode.parentNode;
+    var pobj = obj.parentNode.parentNode.parentNode.parentNode;
     var tmp_arr = pobj.id.split('_');
     var index = tmp_arr[1];
     if(index==1) return;
@@ -101,27 +103,36 @@ function doPollDelete(obj) {
  * 새 항목 추가
  **/
 function doPollAddItem(obj) {
-    var pobj = obj.parentNode.parentNode;
-    var source = xPrevSib(pobj);
-    var new_obj = xCreateElement("div");
-    var html = xInnerHtml(source);
+    var tbl = xPrevSib(obj.parentNode.parentNode.parentNode);
+    var tbody = tbl.lastChild;
+    var tmp = tbody.firstChild;
+    var source = null;
+    while(tmp.nextSibling) {
+        tmp = tmp.nextSibling;
+        if(tmp.nodeName == "TR") source = tmp;
+    }
 
-    var idx_match = html.match(/ ([0-9]+)</i);
-    if(!idx_match) return null;
-
-    var idx = parseInt(idx_match[1],10);
-    html = html.replace( / ([0-9]+)</, ' '+(idx+1)+'<');
-    html = html.replace( /value=("){0,1}([^"^\s]*)"{0,1}/, 'value=""');
-    html = html.replace( /item_([0-9]+)_([0-9]+)/, 'item_$1_'+(idx+1));
-
-    xInnerHtml(new_obj, html);
+    var new_obj = source.cloneNode(true);
     new_obj.className = source.className;
+    source.parentNode.appendChild(new_obj);
 
-    pobj.parentNode.insertBefore(new_obj, pobj);
+    var html = xInnerHtml(new_obj);
+    var idx_match = html.match(/ ([0-9]+)</i);
+    var idx = parseInt(idx_match[1],10);
 
-    var box_obj = pobj.parentNode;
-    var box_height = xHeight(box_obj);
-    xHeight(box_obj, box_height+29);
+    var tmp = new_obj.firstChild;
+    while(tmp) {
+        if(tmp.nodeName == "TH") {
+            var html = xInnerHtml(tmp);
+            html = html.replace(/ ([0-9]+)/, ' '+(idx+1));
+            xInnerHtml(tmp, html);
+        } else if(tmp.nodeName == "TD") {
+            var html = xInnerHtml(tmp);
+            html = html.replace(/item_([0-9]+)_([0-9]+)/, 'item_$1_'+(idx+1));
+            xInnerHtml(tmp, html);
+        }
+        tmp = tmp.nextSibling;
+    }
 
     setFixedPopupSize();
 
diff --git a/modules/editor/components/quotation/tpl/popup.css b/modules/editor/components/quotation/tpl/popup.css
index c7c06100b..a601ed3d2 100644
--- a/modules/editor/components/quotation/tpl/popup.css
+++ b/modules/editor/components/quotation/tpl/popup.css
@@ -1,132 +1,21 @@
 @charset "utf-8";
-.editor_window {
-    width:555px;
-    text-align:center;
-}
 
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
+#folder_area { clear:left; }
 
-.header {
-    float:left;
-    width:100px;
-    clear:left;
-    text-align:left;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-    font-size:9pt;
-}
+.border_type { float:left; margin-right:1em; width:120px; }
 
-.body {
-    float:left;
-    width:400px;
-    text-align:left;
-    margin:5px;
-    font-size:9pt;
-}
+img.color_icon { width:14px; height:14px; border:1px solid #FFFFFF; }
 
-#folder_area {
-    clear:left;
-    height:115px;
-    border:1px dotted #DDDDDD;
-    margin:0px 10px 10px 10px;
-}
+img.color_icon_over { width:14px; height:14px; border:1px solid #000000; cursor:pointer; }
 
-.body label {
-    cursor:pointer;
-    font-size:9pt;
-}
+img.border_preview_color { width:30px; height:16px; border:1px solid #EEEEEE; background-color:#88EE22; }
 
-.editor_input {
-    width:50px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
+img.border_preview_none_color { width:30px; height:12px; border:1px solid #EEEEEE; background-color:#FFFFFF; }
 
-.editor_input_long {
-    width:380px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
+img.bg_preview_color { width:30px; height:16px; border:1px solid #000000; background-color:#FFFFFF; }
 
-.editor_select {
-    width:80px;
-    height:14px;
-    font-size:9pt;
-}
+.editor_color_box { clear:both; height:65px; width:400px; border:1px solid #DDDDDD; padding:2px; }
 
-.editor_button_area {
-    clear:both;
-    text-align:center;
-    height:25px;
-    padding-top:3px;
-    background-color:#EEEEEE;
-}
+.editor_link_type { float:left; margin-right:.5em; vertical-align:middle; white-space:nowrap; }
 
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:8pt;
-}
-
-img.color_icon {
-    width:14px;
-    height:14px;
-    border:1px solid #FFFFFF;
-}
-
-img.color_icon_over {
-    width:14px;
-    height:14px;
-    border:1px solid #000000;
-    cursor:pointer;
-}
-
-img.border_preview_color {
-    width:30px;
-    height:16px;
-    border:1px solid #EEEEEE;
-    background-color:#88EE22;
-}
-
-img.border_preview_none_color {
-    width:30px;
-    height:12px;
-    border:1px solid #EEEEEE;
-    background-color:#FFFFFF;
-}
-
-img.bg_preview_color {
-    width:30px;
-    height:16px;
-    border:1px solid #000000;
-    background-color:#FFFFFF;
-}
-
-.editor_color_box {
-    clear:both;
-    height:65px;
-    width:400px;
-    border:1px solid #DDDDDD;
-    padding:2px;
-    margin-bottom:3px;
-}
-
-.editor_color_input {
-    clear:both;
-}
+.editor_color_input { clear:both; }
diff --git a/modules/editor/components/quotation/tpl/popup.html b/modules/editor/components/quotation/tpl/popup.html
index 589340bc6..29421e39a 100644
--- a/modules/editor/components/quotation/tpl/popup.html
+++ b/modules/editor/components/quotation/tpl/popup.html
@@ -2,131 +2,150 @@
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
 
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="get" onSubmit="return false" id="fo">
-    <div class="editor_window">
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
+    <div id="popBody">
+        <table cellspacing="0" class="tableType5">
+        <col width="120" />
+        <col />
+        <col />
+        <col />
+        <col />
+        <col />
+        <tr>
+            <th scope="row">{$lang->quotation_use_folder}</th>
+            <td colspan="5">
+                <input type="checkbox" id="quotation_use" value="Y" onclick="toggle_folder(this)" />
 
-        <div class="header">{$lang->quotation_use_folder}</div>
-        <div class="body"><input type="checkbox" id="quotation_use" value="Y" onclick="toggle_folder(this)" /></div>
+                <div id="folder_area" style="display:none">
+                    <table>
+                    <tr>
+                        <th scope="row">{$lang->quotation_opener}</th>
+                        <td><input type="text" class="inputTypeText" id="quotation_opener" value="{$lang->quotation_cmd_opener}" /></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">{$lang->quotation_closer}</th>
+                        <td><input type="text" class="inputTypeText" id="quotation_closer" value="{$lang->quotation_cmd_closer}" /></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">{$lang->folder_text_bold}</th>
+                        <td><input type="checkbox" name="bold" value="Y" id="quotation_bold" /> <label for="quotation_bold">{$lang->about_folder_text_bold}</label></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">{$lang->folder_text_color}</th>
+                        <td>
+                            <div class="editor_link_type" >
+                                <input type="radio" name="color" value="blue" id="quotation_color_blue" />
+                                <label for="quotation_color_blue" class="editor_blue_text">{$lang->folder_text_color_blue}</label>
+                            </div>
+                            <div class="editor_link_type" >
+                                <input type="radio" name="color" value="red" id="quotation_color_red" />
+                                <label for="quotation_color_red" class="editor_red_text">{$lang->folder_text_color_red}</label>
+                            </div>
+                            <div class="editor_link_type" >
+                                <input type="radio" name="color" value="yellow" id="quotation_color_yellow" />
+                                <label for="quotation_color_yellow" class="editor_yellow_text">{$lang->folder_text_color_yellow}</label>
+                            </div>
+                            <div class="editor_link_type" >
+                                <input type="radio" name="color" value="green" id="quotation_color_green" />
+                                <label for="quotation_color_green" class="editor_green_text">{$lang->folder_text_color_green}</label>
+                            </div>
+                        </td>
+                    </tr>
+                    </table>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->quotation_padding}</th>
+            <td><input type="text" class="inputTypeText" size="2" id="quotation_padding" value="5" />px</td>
+            <th scope="row">{$lang->quotation_margin}</th>
+            <td><input type="text" class="inputTypeText" size="2" id="quotation_margin" value="5" />px</td>
+            <th scope="row">{$lang->quotation_border_thickness}</th>
+            <td><input type="text" class="inputTypeText" size="1" id="border_thickness" value="1" />px</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->quotation_border_style}</th>
+            <td colspan="5">
+                <div class="border_type">
+                    <input type="radio" name="border_style" value="" id="border_style_none" />
+                    <label for="border_style_none">
+                        <img src="./images/blank.gif" class="border_preview_none_color" alt="blank" />
+                        {$lang->quotation_border_style_list[0]}
+                    </label>
+                </div>
+                <div class="border_type">
+                    <input type="radio" name="border_style" value="solid" id="border_style_solid" checked="true" />
+                    <label for="border_style_solid">
+                        <img src="./images/border_solid.gif" class="border_preview_color" id="border_style_solid_icon" alt="solid" />
+                        {$lang->quotation_border_style_list[1]}
+                    </label>
+                </div>
+                <div class="border_type">
+                    <input type="radio" name="border_style" value="dotted" id="border_style_dotted" />
+                    <label for="border_style_dotted">
+                        <img src="./images/border_dotted.gif" class="border_preview_color" id="border_style_dotted_icon" alt="dotted" />
+                        {$lang->quotation_border_style_list[2]}
+                    </label>
+                </div>
+                <div class="border_type">
+                    <input type="radio" name="border_style" value="left_solid" id="border_style_left_solid" />
+                    <label for="border_style_left_solid">
+                        <img src="./images/border_left_solid.gif" class="border_preview_color" id="border_style_left_solid_icon" alt="left solid"/>
+                        {$lang->quotation_border_style_list[3]}
+                    </label>
+                </div>
+                <div class="border_type">
+                    <input type="radio" name="border_style" value="left_dotted" id="border_style_left_dotted" />
+                    <label for="border_style_left_dotted">
+                        <img src="./images/border_left_dotted.gif" class="border_preview_color" id="border_style_left_dotted_icon" alt="left dotted"/>
+                        {$lang->quotation_border_style_list[4]}
+                    </label>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->quotation_border_color}</th>
+            <td colspan="5">
+                <div class="editor_color_box">
+                    <script type="text/javascript">
+                        printColor("border", "{$tpl_path}/images/blank.gif");
+                    </script>
+                </div>
 
-        <div id="folder_area" style="display:none">
-            <div class="header">{$lang->quotation_opener}</div>
-            <div class="body"><input type="text" class="editor_input_long" id="quotation_opener" value="{$lang->quotation_cmd_opener}" /></div>
+                <ul class="buttonLeft">
+                    <li><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></li>
+                    <li>#<input type="text" id="border_color_input" size="6" maxlength="6" class="inputTypeText" value="000000" onkeyup="manual_select_color('border',this)"/></li>
+                </ul>
 
-            <div class="header">{$lang->quotation_closer}</div>
-            <div class="body"><input type="text" class="editor_input_long" id="quotation_closer" value="{$lang->quotation_cmd_closer}" /></div>
-
-            <div class="header">{$lang->folder_text_bold}</div>
-            <div class="body"><input type="checkbox" name="bold" value="Y" id="quotation_bold" /> <label for="quotation_bold">{$lang->about_folder_text_bold}</label></div>
-
-            <div class="header">{$lang->folder_text_color}</div>
-            <div class="body">
-                <span>
-                    <input type="radio" name="color" value="blue" id="quotation_color_blue" />
-                    <label for="quotation_color_blue" class="editor_blue_text">{$lang->folder_text_color_blue}</label>
-                </span>
-                <span>
-                    <input type="radio" name="color" value="red" id="quotation_color_red" />
-                    <label for="quotation_color_red" class="editor_red_text">{$lang->folder_text_color_red}</label>
-                </span>
-                <span>
-                    <input type="radio" name="color" value="yellow" id="quotation_color_yellow" />
-                    <label for="quotation_color_yellow" class="editor_yellow_text">{$lang->folder_text_color_yellow}</label>
-                </span>
-                <span>
-                    <input type="radio" name="color" value="green" id="quotation_color_green" />
-                    <label for="quotation_color_green" class="editor_green_text">{$lang->folder_text_color_green}</label>
-                </span>
-            </div>
-        </div>
-
-        <div class="header">{$lang->quotation_padding}</div>
-        <div class="body"><input type="text" class="editor_input" id="quotation_padding" value="5" />px</div>
-
-        <div class="header">{$lang->quotation_margin}</div>
-        <div class="body"><input type="text" class="editor_input" id="quotation_margin" value="5" />px</div>
-
-        <div class="header">{$lang->quotation_border_style}</div>
-        <div class="body">
-            <div>
-                <input type="radio" name="border_style" value="" id="border_style_none" />
-                <label for="border_style_none">
-                    <img src="./images/blank.gif" class="border_preview_none_color" alt="blank" />
-                    {$lang->quotation_border_style_list[0]}
-                </label>
-            </div>
-            <div>
-                <input type="radio" name="border_style" value="solid" id="border_style_solid" checked="true" />
-                <label for="border_style_solid">
-                    <img src="./images/border_solid.gif" class="border_preview_color" id="border_style_solid_icon" alt="solid" />
-                    {$lang->quotation_border_style_list[1]}
-                </label>
-            </div>
-            <div>
-                <input type="radio" name="border_style" value="dotted" id="border_style_dotted" />
-                <label for="border_style_dotted">
-                    <img src="./images/border_dotted.gif" class="border_preview_color" id="border_style_dotted_icon" alt="dotted" />
-                    {$lang->quotation_border_style_list[2]}
-                </label>
-            </div>
-            <div>
-                <input type="radio" name="border_style" value="left_solid" id="border_style_left_solid" />
-                <label for="border_style_left_solid">
-                    <img src="./images/border_left_solid.gif" class="border_preview_color" id="border_style_left_solid_icon" alt="left solid"/>
-                    {$lang->quotation_border_style_list[3]}
-                </label>
-            </div>
-            <div>
-                <input type="radio" name="border_style" value="left_dotted" id="border_style_left_dotted" />
-                <label for="border_style_left_dotted">
-                    <img src="./images/border_left_dotted.gif" class="border_preview_color" id="border_style_left_dotted_icon" alt="left dotted"/>
-                    {$lang->quotation_border_style_list[4]}
-                </label>
-            </div>
-        </div>
-
-        <div class="header">{$lang->quotation_border_thickness}</div>
-        <div class="body"><input type="text" class="editor_input" id="border_thickness" value="1" />px</div>
-
-        <div class="header">{$lang->quotation_border_color}</div>
-        <div class="body">
-            <div class="editor_color_box">
-            <script type="text/javascript">
-                printColor("border", "{$tpl_path}/images/blank.gif");
-            </script>
-        </div>
-        <div class="editor_color_input">
-            <table border="0" cellspacing="0">
-            <tr>
-                <td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
-                <td>#</td>
-                <td><input type="text" id="border_color_input" size="6" maxlength="6" class="editor_input" value="88EE22" onkeyup="manual_select_color('border',this)"/></td>
-            </tr>
-            </table>
-            </div>
-        </div>
-
-        <div class="header">{$lang->quotation_bg_color}</div>
-        <div class="body">
-            <div class="editor_color_box">
-                <script type="text/javascript">
-                    printColor("bg", "{$tpl_path}/images/blank.gif");
-                </script>
-            </div>
-            <div class="editor_color_input">
-                <table border="0" cellspacing="0">
-                <tr>
-                    <td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
-                    <td>#</td>
-                    <td><input type="text" id="bg_color_input" size="6" maxlength="6" class="editor_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
-                </tr>
-                </table>
-            </div>
-        </div>
-
-        <div class="editor_button_area">
-            <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertQuotation()" />
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
-        </div>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->quotation_bg_color}</th>
+            <td colspan="5">
+                <div class="editor_color_box">
+                    <script type="text/javascript">
+                        printColor("bg", "{$tpl_path}/images/blank.gif");
+                    </script>
+                </div>
+                <ul class="buttonLeft">
+                    <li><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></li>
+                    <li>#<input type="text" id="bg_color_input" size="6" maxlength="6" class="inputTypeText" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></li>
+                </ul>
+            </td>
+        </tr>
+        </table>
     </div>
+
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><a href="#" onclick="insertQuotation()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
 </form>
diff --git a/modules/editor/components/table_maker/tpl/popup.css b/modules/editor/components/table_maker/tpl/popup.css
index d25f0839f..ac284f01d 100644
--- a/modules/editor/components/table_maker/tpl/popup.css
+++ b/modules/editor/components/table_maker/tpl/popup.css
@@ -1,82 +1,8 @@
 @charset "utf-8";
-.editor_window {
-    width:530px;
-    text-align:center;
-}
 
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.editor_option {
-    text-align:center;
-    padding:5px 0px 5px 0px;
-    background-color:#EEEEEE;
-    margin-bottom:5px;
-}
-
-.item_area {
-    clear:left;
-}
-
-.header {
-    width:85px;
-    float:left;
-    text-align:right;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-    overflow:hidden;
-}
-
-.body {
-    overflow:hidden;
-    width:140px;
-    float:left;
-    text-align:left;
-    margin:5px 5px 5px 0px;
-    font-size:9pt;
-}
-
-.wide_body {
-    width:380px;
-    float:left;
-    clear:right;
-    text-align:left;
-    margin:5px 10px 5px 0px;
-    font-size:9pt;
-}
-.table_input {
-    width:40px;
-    height:13px;
-    font-size:9pt;
-    border:1px solid #AAAAAA;
-}
-
-.editor_button_area {
-    clear:both;
-    text-align:center;
-    height:25px;
-    padding-top:3px;
-    background-color:#EEEEEE;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:8pt;
-}
+#table_option { border:1px solid #EEEEEE; padding:.5em; color:#555555; font-weight:bold; }
+#table_option input { vertical-align:middle; }
+#table_option label { margin-left:.3em; margin-right:2em; }
 
 img.color_icon {
     width:14px;
@@ -120,7 +46,3 @@ img.bg_preview_color {
     padding:2px;
     margin-bottom:3px;
 }
-
-.editor_color_input {
-    clear:both;
-}
diff --git a/modules/editor/components/table_maker/tpl/popup.html b/modules/editor/components/table_maker/tpl/popup.html
index aeb9ca3c4..2eca6b236 100644
--- a/modules/editor/components/table_maker/tpl/popup.html
+++ b/modules/editor/components/table_maker/tpl/popup.html
@@ -2,112 +2,138 @@
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
 
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="get" onSubmit="return false" id="fo">
-    <div class="editor_window">
 
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
+    <div id="popBody">
 
-        <div class="editor_option" id="table_option" style="display:none">
+        <div id="table_option" style="display:none">
             <input name="attr" type="radio" value="table" id="table_attribute_select" onclick="doSelectOption('table');"/> <label for="table_attribute_select">{$lang->table_attribute}</label>
             <input name="attr" type="radio" value="cell" id="cell_attribute_select" onclick="doSelectOption('cell');"/> <label for="cell_attribute_select">{$lang->cell_attribute}</label>
         </div>
 
         <div id="table_attribute" style="display:none">
-
-        <div class="item_area" id="col_row_area" style="display:none" >
-            <div class="header">{$lang->table_cols_count} :</div>
-            <div class="body"><input type="text" class="table_input" id="cols_count" value="2" /></div>
-
-            <div class="header">{$lang->table_rows_count} :</div>
-            <div class="body"><input type="text" class="table_input" id="rows_count" value="1" /></div>
-        </div>
-
-        <div class="item_area">
-            <div class="header">{$lang->table_width} :</div>
-            <div class="wide_body">
-                <input type="text" class="table_input" id="width" value="100" />
-                <input type="radio" name="width_unit" id="width_unit_percent" checked="true" /><label for="width_unit_percent">%</label>
-                <input type="radio" name="width_unit" id="width_unit_pixel" /><label for="width_unit_pixel">px</label>
+            <div class="" id="col_row_area" style="display:none" >
+                <table cellspacing="0" class="tableType5 gap1">
+                <col width="25%" />
+                <col width="25%" />
+                <col width="25%" />
+                <col width="25%" />
+                <tr>
+                    <th scope="row">{$lang->table_cols_count}</th>
+                    <td><input type="text" class="inputTypeText" size="2" id="cols_count" value="2" /></td>
+                    <th scope="row">{$lang->table_rows_count}</th>
+                    <td><input type="text" class="inputTypeText" size="2" id="rows_count" value="1" /></td>
+                </tr>
+                </table>
             </div>
-        </div>
 
-        <div class="item_area">
-            <div class="header">{$lang->table_cellspacing} :</div>
-            <div class="body"><input type="text" class="table_input" id="cellspacing" value="0" />px</div>
-
-            <div class="header">{$lang->table_cellpadding} :</div>
-            <div class="body"><input type="text" class="table_input" id="cellpadding" value="1" />px</div>
-        </div>
-
-        <div class="item_area">
-            <div class="header">{$lang->table_border} :</div>
-            <div class="body"><input type="text" class="table_input" id="border" value="1" />px</div>
-
-            <div class="header">{$lang->table_inner_border} :</div>
-            <div class="body"><input type="text" class="table_input" id="inner_border" value="0" />px</div>
-        </div>
+            <table cellspacing="0" class="tableType5 gap1">
+            <col width="25%" />
+            <col />
+            <tr>
+                <th scope="row">{$lang->table_width}</th>
+                <td>
+                    <input type="text" class="inputTypeText" size="3" id="width" value="100" />
+                    <input type="radio" name="width_unit" id="width_unit_percent" checked="true" /><label for="width_unit_percent">%</label>
+                    <input type="radio" name="width_unit" id="width_unit_pixel" /><label for="width_unit_pixel">px</label>
+                </td>
+            </tr>
+            </table>
 
         </div>
 
+        <table cellspacing="0" class="tableType5 gap1">
+        <col width="25%" />
+        <col width="25%" />
+        <col width="25%" />
+        <col width="25%" />
+        <tr>
+            <th scope="row">{$lang->table_cellspacing}</th>
+            <td><input type="text" class="inputTypeText" size="2" id="cellspacing" value="0" />px</td>
+            <th scope="row">{$lang->table_cellpadding}</th>
+            <td><input type="text" class="inputTypeText" size="2" id="cellpadding" value="1" />px</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->table_border}</th>
+            <td><input type="text" class="inputTypeText" size="2" id="border" value="1" />px</td>
+            <th scope="row">{$lang->table_inner_border}</th>
+            <td><input type="text" class="inputTypeText" size="2" id="inner_border" value="0" />px</td>
+        </tr>
+        </table>
+
         <div id="cell_attribute" style="display:none">
-            <div class="item_area">
-                <div class="header">{$lang->cell_width} :</div>
-                <div class="body">
-                    <input type="text" class="table_input" id="cell_width" value="0" />
+            <table cellspacing="0" class="tableType5 gap1">
+            <col width="25%" />
+            <col width="25%" />
+            <col width="25%" />
+            <col width="25%" />
+            <tr>
+                <th scope="row">{$lang->cell_width}</th>
+                <td>
+                    <input type="text" class="inputTypeText" size="3" id="cell_width" value="0" />
                     <input type="radio" name="cell_width_unit" id="cell_width_unit_percent" checked="true" /><label for="cell_width_unit_percent">%</label>
                     <input type="radio" name="cell_width_unit" id="cell_width_unit_pixel" /><label for="cell_width_unit_pixel">px</label>
-                </div>
-
-                <div class="header">{$lang->cell_height} :</div>
-                <div class="body"><input type="text" class="table_input" id="cell_height" value="0" />px</div>
-            </div>
+                </td>
+                <th scope="row">{$lang->cell_height}</th>
+                <td><input type="text" class="inputTypeText" size="3" id="cell_height" value="0" />px</td>
+            </tr>
+            </table>
         </div>
 
-        <div class="item_area" id="border_color_area" style="display:none">
-            <div class="header">{$lang->table_border_color} :</div>
-            <div class="wide_body">
-                <div class="editor_color_box">
-                    <script type="text/javascript">
-                        printColor("border", "{$tpl_path}/images/blank.gif");
-                    </script>
-                </div>
+        <div id="border_color_area" style="display:none">
+            <table cellspacing="0" class="tableType5 gap1">
+            <col width="25%" />
+            <col />
+            <tr>
+                <th scope="row">{$lang->table_border_color}</th>
+                <td>
+                    <div class="editor_color_box">
+                        <script type="text/javascript">
+                            printColor("border", "{$tpl_path}/images/blank.gif");
+                        </script>
+                    </div>
 
-                <div class="editor_color_input">
-                    <table border="0" cellspacing="0">
-                    <tr>
-                        <td><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></td>
-                        <td>#</td>
-                        <td><input type="text" id="border_color_input" size="6" maxlength="6" class="table_input" value="000000" onkeyup="manual_select_color('border',this)"/></td>
-                    </tr>
-                    </table>
-                </div>
-            </div>
+                    <ul class="buttonLeft">
+                        <li><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></li>
+                        <li>#<input type="text" id="border_color_input" size="6" maxlength="6" class="inputTypeText" value="000000" onkeyup="manual_select_color('border',this)"/></li>
+                    </ul>
+                </td>
+            </tr>
+            </table>
         </div>
 
-        <div class="item_area" id="bg_color_area" style="display:none">
-            <div class="header">{$lang->table_bg_color} :</div>
-            <div class="wide_body">
-                <div class="editor_color_box">
-                    <script type="text/javascript">
-                        printColor("bg", "{$tpl_path}/images/blank.gif");
-                    </script>
-                </div>
-                <div class="editor_color_input">
-                    <table border="0" cellspacing="0">
-                    <tr>
-                        <td><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></td>
-                        <td>#</td>
-                        <td><input type="text" id="bg_color_input" size="6" maxlength="6" class="table_input" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></td>
-                    </tr>
-                    </table>
-                </div>
-            </div>
-        </div>
+        <div id="bg_color_area" style="display:none">
+            <table cellspacing="0" class="tableType5 gap1">
+            <col width="25%" />
+            <col />
+            <tr>
+                <th scope="row">{$lang->table_bg_color}</th>
+                <td>
+                    <div class="editor_color_box">
+                        <script type="text/javascript">
+                            printColor("bg", "{$tpl_path}/images/blank.gif");
+                        </script>
+                    </div>
 
-        <div class="editor_button_area">
-            <input type="button" value="{$lang->cmd_insert}" class="editor_button" onclick="insertTable()" />
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();" />
+                    <ul class="buttonLeft">
+                        <li><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></li>
+                        <li>#<input type="text" id="bg_color_input" size="6" maxlength="6" class="inputTypeText" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></li>
+                    </ul>
+                </td>
+            </tr>
+            </table>
         </div>
+    </div>
 
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><a href="#" onclick="insertTable()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
     </div>
 </form>
diff --git a/modules/editor/components/url_link/tpl/popup.css b/modules/editor/components/url_link/tpl/popup.css
index 6683cfc6e..237d94e0c 100644
--- a/modules/editor/components/url_link/tpl/popup.css
+++ b/modules/editor/components/url_link/tpl/popup.css
@@ -1,68 +1,3 @@
 @charset "utf-8";
-.editor_window {
-    width:400px;
-    clear:both;
-}
 
-.editor_title {
-    font-size:10pt;
-    font-weight:bold;
-    clear:both;
-    height:20px;
-    background-color:#555555;
-    color:#EFEFEF;
-    vertical-align:middle;
-    padding-top:5px;
-    border-bottom:1px solid #000000;
-    text-align:center;
-}
-
-.header {
-    float:left;
-    width:60px;
-    clear:left;
-    text-align:left;
-    font-weight:bold;
-    margin:5px;
-    font-size:9pt;
-    padding-left:20px;
-}
-
-.body {
-    float:left;
-    width:290px;
-    text-align:left;
-    margin:5px;
-    font-size:9pt;
-}
-
-.editor_textarea {
-    width:280px;
-    height:50px;
-    border:1px solid #AAAAAA;
-    font-size:9pt;
-}
-
-.editor_input {
-    width:280px;
-    border:1px solid #AAAAAA;
-    font-size:9pt;
-    height:13px;
-}
-
-.editor_button_area {
-    border-top:1px solid #AAAAAA;
-    text-align:center;
-    background-color:#EEEEEE;
-    padding:0px 0px 2px 0px;
-    clear:both;
-    height:25px;
-}
-
-.editor_button {
-    margin-top:4px;
-    background-color:#FFFFFF;
-    border:1px solid #AAAAAA;
-    height:18px;
-    font-size:9pt;
-}
+.link_color { float:left; margin-right:2em; }
diff --git a/modules/editor/components/url_link/tpl/popup.html b/modules/editor/components/url_link/tpl/popup.html
index 0d119c128..847d46e79 100644
--- a/modules/editor/components/url_link/tpl/popup.html
+++ b/modules/editor/components/url_link/tpl/popup.html
@@ -1,46 +1,63 @@
 <!--%import("popup.js")-->
 <!--%import("popup.css")-->
 <!--%import("../lang")-->
+
+<div id="popHeadder">
+    <h1>{$component_info->title} ver. {$component_info->version}</h1>
+</div>
+
 <form action="./" method="get" id="fo_component" onSubmit="return false">
-    <div class="editor_window">
-        <div class="editor_title">{$component_info->title} ver. {$component_info->version} <a href="#" onclick="popopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo');return false;"><img src="../../../tpl/images/about_component.gif" title="{$lang->about_component}" alt="{$lang->about_component}" class="about_component_icon" border="0" /></a></div>
 
-        <div class="header">{$lang->urllink_title}</div>
-        <div class="body"><textarea name="text" class="editor_textarea"></textarea></div>
-
-        <div class="header">{$lang->urllink_url}</div>
-        <div class="body"><input type="text" name="url" class="editor_input" value="{$manual_url}"/></div>
-
-        <div class="header">{$lang->urllink_open_window}</div>
-        <div class="body"><input type="checkbox" name="open_window" value="Y" id="editor_open_window" /> <label for="editor_open_window">{$lang->about_url_link_open_window}</label></div>
-
-        <div class="header">{$lang->urllink_bold}</div>
-        <div class="body"><input type="checkbox" name="bold" value="Y" id="editor_bold" /> <label for="editor_bold">{$lang->about_url_link_bold}</label></div>
-
-        <div class="header">{$lang->urllink_color}</div>
-        <div class="body">
-            <span>
-                <input type="radio" name="color" value="blue" id="color_blue" />
-                <label for="color_blue" class="editor_blue_text">{$lang->urllink_color_blue}</label>
-            </span>
-            <span>
-                <input type="radio" name="color" value="red" id="color_red" />
-                <label for="color_red" class="editor_red_text">{$lang->urllink_color_red}</label>
-            </span>
-            <span>
-                <input type="radio" name="color" value="yellow" id="color_yellow" />
-                <label for="color_yellow" class="editor_yellow_text">{$lang->urllink_color_yellow}</label>
-            </span>
-            <span>
-                <input type="radio" name="color" value="green" id="color_green" />
-                <label for="color_green" class="editor_green_text">{$lang->urllink_color_green}</label>
-            </span>
-        </div>
-
-        <div class="editor_button_area">
-            <input type="button" class="editor_button" value="{$lang->cmd_insert}" onclick="setText()" />
-            <input type="button" class="editor_button" value="{$lang->cmd_close}" onclick="window.close()" />
-        </div>
+    <div id="popBody">
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
 
+        <tr>
+            <th scope="row">{$lang->urllink_title}</th>
+            <td><textarea name="text" class="inputTypeTextArea w100"></textarea></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->urllink_url}</th>
+            <td><input type="text" name="url" class="inputTypeText w100" value="{$manual_url}"/></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->urllink_open_window}</th>
+            <td><input type="checkbox" name="open_window" value="Y" id="editor_open_window" /> <label for="editor_open_window">{$lang->about_url_link_open_window}</label></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->urllink_bold}</th>
+            <td><input type="checkbox" name="bold" value="Y" id="editor_bold" /> <label for="editor_bold">{$lang->about_url_link_bold}</label></td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->urllink_color}</th>
+            <td>
+                <div class="link_color">
+                    <input type="radio" name="color" value="blue" id="color_blue" />
+                    <label for="color_blue" class="editor_blue_text">{$lang->urllink_color_blue}</label>
+                </div>
+                <div class="link_color">
+                    <input type="radio" name="color" value="red" id="color_red" />
+                    <label for="color_red" class="editor_red_text">{$lang->urllink_color_red}</label>
+                </div>
+                <div class="link_color">
+                    <input type="radio" name="color" value="yellow" id="color_yellow" />
+                    <label for="color_yellow" class="editor_yellow_text">{$lang->urllink_color_yellow}</label>
+                </div>
+                <div class="link_color">
+                    <input type="radio" name="color" value="green" id="color_green" />
+                    <label for="color_green" class="editor_green_text">{$lang->urllink_color_green}</label>
+                </div>
+            </td>
+        </tr>
+        </table>
     </div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><a href="#" onclick="setText()" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_insert}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="buttonTypeA"><img src="../../../../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->about_component}<img src="../../../../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
 </form>
diff --git a/modules/editor/tpl/admin_index.html b/modules/editor/tpl/admin_index.html
index 08524f05c..7884ffe3a 100644
--- a/modules/editor/tpl/admin_index.html
+++ b/modules/editor/tpl/admin_index.html
@@ -18,7 +18,7 @@
 <tbody>
     <!--@foreach($component_list as $component_name => $xml_info)-->
     <tr>
-        <th scope="row" rowspan="2">{$xml_info->title}<br />({$component_name})</th>
+        <th scope="row" rowspan="2"><a href="#" onclick="popopen('{getUrl('module','editor','act','dispEditorComponentInfo','component_name',$component_name)}');return false;" class="blue">{$xml_info->title}</a><br />({$component_name})</th>
         <td class="tahoam">{$xml_info->version}</td>
         <td><a href="mailto:{$xml_info->author->email_address}">{$xml_info->author->name}</a></td>
         <td class="tahoma blue"><a href="#" onclick="window.open('{$xml_info->author->link}');return false;">{$xml_info->author->link}</a></td>
diff --git a/modules/editor/tpl/setup_component.html b/modules/editor/tpl/setup_component.html
index d8e105226..8412112e3 100644
--- a/modules/editor/tpl/setup_component.html
+++ b/modules/editor/tpl/setup_component.html
@@ -1,42 +1,47 @@
 <!--%import("css/editor.css")-->
 <!--%import("filter/setup_component.xml")-->
 
-<div class="component_setup_window">
-    <form action="./" method="get" onsubmit="return procFilter(this, setup_component);">
-        <input type="hidden" name="component_name" value="{$component_name}" />
-        <table border="1" width="100%">
+<div id="popHeadder">
+    <h1>{$lang->cmd_setup}</h1>
+</div>
+
+<form action="./" method="get" onsubmit="return procFilter(this, setup_component);">
+<input type="hidden" name="component_name" value="{$component_name}" />
+
+    <div id="popBody">
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
         <tr>
-            <th>{$lang->component_name}</th>
+            <th scope="row">{$lang->component_name}</th>
             <td>{$component->component_name} ver. {$component->version}</td>
         </tr>
         <tr>
-            <th>{$lang->component_author}</th>
+            <th scope="row">{$lang->component_author}</th>
             <td>{$component->author->name}</td>
         </tr>
         <tr>
-            <th>{$lang->component_link}</th>
+            <th scope="row">{$lang->component_link}</th>
             <td><a href="#" onclick="winopen('{$component->author->link}');return false;">{$component->author->link}</a></td>
         </tr>
-        <tr>
-        <th colspan="2">{$lang->component_extra_vars}</th>
-        </tr>
 
         <!--@foreach($component->extra_vars as $key => $val)-->
         <tr>
-            <th rowspan="2">{$val->title}</th>
-            <td><input type="text" name="{$key}" value="{$val->value}" class="editor_input" /></td>
-        </tr>
-        <tr>
-            <td>{$val->description}</td>
-        </tr>
-        <!--@end-->
-
-        <tr>
-            <td colspan="2">
-                <input type="submit" value="{$lang->cmd_apply}" class="editor_button" />
-                <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();"/>
+            <th scope="row">{$val->title}</th>
+            <td>
+                <input type="text" name="{$key}" value="{$val->value}" class="inputTypeText" />
+                <p>{$val->description}</p>
             </td>
         </tr>
+        <!--@end-->
         </table>
-    </form>
-</div>
+    </div>
+
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><span class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_apply}" class="editor_button" /><img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
+            <li><span class="buttonTypeA"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span></li>
+        </ul>
+    </div>
+
+</form>
diff --git a/modules/editor/tpl/view_component.html b/modules/editor/tpl/view_component.html
index 25a81e4a4..1b8b87d5f 100644
--- a/modules/editor/tpl/view_component.html
+++ b/modules/editor/tpl/view_component.html
@@ -1,29 +1,28 @@
 <!--%import("css/editor.css")-->
 
-<div class="component_view_window">
-    <input type="hidden" name="component_name" value="{$component_name}" />
+<div id="popHeadder">
+    <h1>{$component->title} ver. {$component->version}</h1>
+</div>
 
-    <table border="1" width="100%">
+<div id="popBody">
+    <table cellspacing="0" class="tableType5">
+    <col width="100" />
+    <col />
     <tr>
-        <th>{$lang->component_name}</th>
-        <td>{$component->title} ver. {$component->version}</td>
-    </tr>
-    <tr>
-        <th>{$lang->component_author}</th>
+        <th scope="row">{$lang->component_author}</th>
         <td><a href="mailto:{$component->author->email_address}">{$component->author->name}</a></td>
     </tr>
     <tr>
-        <th>{$lang->component_link}</th>
+        <th scope="row">{$lang->component_link}</th>
         <td><a href="#" onclick="winopen('{$component->author->link}');return false;">{$component->author->link}</a></td>
     </tr>
     <tr>
-        <th>{$lang->component_description}</th>
+        <th scope="row">{$lang->component_description}</th>
         <td>{nl2br($component->description)}</td>
     </tr>
-    <tr>
-        <td colspan="2">
-            <input type="button" value="{$lang->cmd_close}" class="editor_button" onclick="window.close();"/>
-        </td>
-    </tr>
     </table>
 </div>
+
+<div id="popFooter">
+    <span class="close"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span>
+</div>
diff --git a/modules/file/tpl/file_list.html b/modules/file/tpl/file_list.html
index 764627b49..8daa5a4b8 100644
--- a/modules/file/tpl/file_list.html
+++ b/modules/file/tpl/file_list.html
@@ -36,9 +36,9 @@
         <td class="tahoma">{$val->file_size}</td>
         <td class="tahoma">
             <!--@if($val->isvalid=='Y')-->
-                {$lang->is_valid}
+                <span class="blue">{$lang->is_valid}</span>
             <!--@else-->
-                {$lang->is_stand_by}
+                <span class="red">{$lang->is_stand_by}</span>
             <!--@end-->
         </td>
         <td class="tahoma">{$val->download_count}</td>
diff --git a/modules/krzip/tpl/index.html b/modules/krzip/tpl/index.html
index ce56b6b57..6f6fb72f4 100644
--- a/modules/krzip/tpl/index.html
+++ b/modules/krzip/tpl/index.html
@@ -4,25 +4,27 @@
 
 <form action="./" method="get" onsubmit="return procFilter(this, insert_config)">
 <table cellspacing="0" class="tableType4">
+<col width="200" />
+<col />
 <thead>
     <tr>
         <th scope="col">{$lang->krzip_server_hostname}</th>
         <td>
-            <input type="text" name="krzip_server_hostname" value="{htmlspecialchars($config->krzip_server_hostname?$config->krzip_server_hostname:'kr.zip.zeroboard.com')}" class="inputTypeText" /> 
+            <input type="text" name="krzip_server_hostname" value="{htmlspecialchars($config->krzip_server_hostname?$config->krzip_server_hostname:'kr.zip.zeroboard.com')}" class="inputTypeText w100" /> 
             <p>{$lang->about_krzip_server_hostname}</p>
         </td>
     </tr>
     <tr>
         <th scope="col">{$lang->krzip_server_port}</th>
         <td>
-            <input type="text" name="krzip_server_port" value="{htmlspecialchars($config->krzip_server_port?$config->krzip_server_port:'80')}" class="inputTypeText"/> 
+            <input type="text" name="krzip_server_port" value="{htmlspecialchars($config->krzip_server_port?$config->krzip_server_port:'80')}" class="inputTypeText w100"/> 
             <p>{$lang->about_krzip_server_port}</p>
         </td>
     </tr>
     <tr>
         <th scope="col">{$lang->krzip_server_query}</th>
         <td>
-            <input type="text" name="krzip_server_query" value="{htmlspecialchars($config->krzip_server_query?$config->krzip_server_query:'/server.php?addr3=')}" class="inputTypeText"/> 
+            <input type="text" name="krzip_server_query" value="{htmlspecialchars($config->krzip_server_query?$config->krzip_server_query:'/server.php?addr3=')}" class="inputTypeText w100"/> 
             <p>{$lang->about_krzip_server_query}</p>
         </td>
     </tr>
diff --git a/modules/module/tpl/module_info.html b/modules/module/tpl/module_info.html
index df2568c72..b58f37ef5 100644
--- a/modules/module/tpl/module_info.html
+++ b/modules/module/tpl/module_info.html
@@ -1,56 +1,36 @@
-<table border="1" width="400">
-<col width="100" />
-<col width="300" />
-<tr>
-    <th colspan="2">{$lang->module_maker}</th>
-</tr>
-<tr>
-    <th>{$lang->title}</th>
-    <td>{$module_info->title} ver {$module_info->version}</td>
-</tr>
-<tr>
-    <th>{$lang->author}</th>
-    <td><a href="mailto:{$module_info->author->email_address}">{$module_info->author->name}</a></td>
-</tr>
-<tr>
-    <th>{$lang->homepage}</th>
-    <td><a href="#" onclick="window.open('{$module_info->author->homepage}');return false;">{$module_info->author->homepage}</a></td>
-</tr>
-<tr>
-    <th>{$lang->regdate}</th>
-    <td>{$module_info->author->date}</td>
-</tr>
-<tr>
-    <th>{$lang->description}</th>
-    <td>{nl2br($module_info->author->description)}</td>
-</tr>
+<div id="popHeadder">
+    <h1>{$lang->module_maker}</h1>
+</div>
 
-<tr>
-    <th colspan="2">{$lang->module_history}</th>
-</tr>
-<!--@foreach($module_info->history as $history)-->
-<!--@if($history->name)-->
-<tr>
-    <th>{$lang->name}</th>
-    <td><a href="mailto:{$history->email_address}">{$history->name}</a></td>
-</tr>
-<tr>
-    <th>{$lang->homepage}</th>
-    <td><a href="#" onclick="window.open('{$history->homepage}');return false;">{$history->homepage}</a></td>
-</tr>
-<tr>
-    <th>{$lang->regdate}</th>
-    <td>{$history->date}</td>
-</tr>
-<tr>
-    <th>{$lang->description}</th>
-    <td>{nl2br($history->description)}</td>
-</tr>
-<!--@end-->
-<!--@end-->
-<tr>
-    <td colspan="2">
-        <a href="#" onclick="self.close()">{$lang->cmd_close}</a>
-    </td>
-</tr>
-</table>
+<div id="popBody">
+
+    <table cellspacing="0" class="tableType5">
+    <col width="100" />
+    <col />
+    <tr>
+        <th scope="row">{$lang->title}</th>
+        <td>{$module_info->title} ver {$module_info->version}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->author}</th>
+        <td><a href="mailto:{$module_info->author->email_address}">{$module_info->author->name}</a></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->homepage}</th>
+        <td><a href="#" onclick="window.open('{$module_info->author->homepage}');return false;">{$module_info->author->homepage}</a></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->regdate}</th>
+        <td>{$module_info->author->date}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->description}</th>
+        <td>{nl2br($module_info->author->description)}</td>
+    </tr>
+    </table>
+
+</div>
+
+<div id="popFooter">
+    <span class="close"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span>
+</div>
diff --git a/modules/poll/tpl/config.html b/modules/poll/tpl/config.html
index c40edaa50..1bb3c1f95 100644
--- a/modules/poll/tpl/config.html
+++ b/modules/poll/tpl/config.html
@@ -5,6 +5,8 @@
 <form action="./" method="get" onsubmit="return procFilter(this, insert_config);" id="fo_poll">
 
     <table cellspacing="0" class="tableType2 gap1">
+    <col width="100" />
+    <col />
     <tr>
         <th scope="col">{$lang->skin}</th>
         <td>
diff --git a/modules/widget/lang/ko.lang.php b/modules/widget/lang/ko.lang.php
index d44b85676..9488d79ab 100644
--- a/modules/widget/lang/ko.lang.php
+++ b/modules/widget/lang/ko.lang.php
@@ -13,7 +13,7 @@
     $lang->widget_info = '위젯 정보';
     $lang->widget_code = '코드';
 
-    $lang->widget_fix_width = '가로크기 고정';
+    $lang->widget_fix_width = '크기 고정';
     $lang->widget_width = '가로크기';
     $lang->widget_position = '위치';
     $lang->widget_position_none = '줄바꿈';
@@ -29,6 +29,8 @@
     $lang->about_widget_position = '한 줄에 여러개의 위젯을 나열하고 싶을때에는 위치를 선택해주세요.';
     $lang->about_widget_margin = '한 줄에 여러개의 위젯을 나열하고 싶을때에는 위치를 선택해주세요.';
 
+    $lang->generated_code = '생성된 코드';
+
     $lang->msg_widget_is_not_exists = '%s 위젯을 찾을 수 없습니다';
     $lang->msg_widget_object_is_null = '%s 위젯의 객체 생성을 할 수가 없습니다';
     $lang->msg_widget_proc_is_null = '%s 위젯의 proc() 를 실행할 수가 없습니다';
diff --git a/modules/widget/tpl/css/widget.css b/modules/widget/tpl/css/widget.css
index f37c34fa8..d7ee34147 100644
--- a/modules/widget/tpl/css/widget.css
+++ b/modules/widget/tpl/css/widget.css
@@ -1,81 +1,8 @@
 @charset "utf-8";
 
-.widget_detail_info_window {
-    width:600px;
-    clear:both;
-}
+.widget_mid_list { margin-bottom:.3em; }
 
-.widget_title {
-    font-weight:bold;
-    font-size:10pt;
-    text-align:center;
-    padding:10px 0px 10px 0px;
-    color:#EEEEEE;
-    background-color:#444444;
-}
+#colorset_area { margin-top:.5em; }
 
-.widget_description {
-    margin:5px 2px 10px 2px;
-    border:1px solid #EEEEEE;
-    color:#444444;
-    clear:both;
-    padding:5px;
-}
-
-.widget_header {
-    clear:left;
-    font-weight:bold;
-    float:left;
-    width:90px;
-    margin-left:10px;
-    padding:5px 0px 5px 0px;
-}
-
-.widget_body {
-    float:left;
-    width:490px;
-    padding:5px 0px 5px 0px;
-}
-
-.widget_var_description {
-    clear:both;
-    padding:5px 0px 5px 0px;
-    margin-left:100px;
-    color:#AAAAAA;
-}
-
-.widget_button_area {
-    clear:both;
-    text-align:center;
-    padding:5px 0px 5px 0px;
-    background-color:#EFEFEF;
-    border-top:1px solid #AAAAAA;
-}
-
-.widget_button {
-    border:1px solid #AAAAAA;
-    background-color:#FFFFFF;
-    font-weight:bold;
-    height:16px;
-}
-
-.widget_code_area {
-    clear:both;
-    padding:4px;
-    border:1px solid #AAAAAA;
-    margin:5px;
-    height:100px;
-}
-
-.widget_code_area textarea {
-    border:0px;
-    height:100px;
-    width:570px;
-    font-family:tahoma;
-    font-size:8pt;
-}
-
-.widget_mid_list {
-    float:left;
-    margin-right:10px;
-}
+#colorset_area .header { float:left; margin-right:.5em; padding-top:.2em;}
+#colorset_area .footer { float:left; }
diff --git a/modules/widget/tpl/widget_detail_info.html b/modules/widget/tpl/widget_detail_info.html
index b4a7ca0c3..7e405c39c 100644
--- a/modules/widget/tpl/widget_detail_info.html
+++ b/modules/widget/tpl/widget_detail_info.html
@@ -1,26 +1,36 @@
 <!--%import("css/widget.css")-->
 
-<div class="widget_detail_info_window">
-
-    <div class="widget_title">{$lang->widget_maker}</div>
-
-    <div class="widget_header">{$lang->title}</div>
-    <div class="widget_body">{$widget_info->title} ver {$widget_info->version}</div>
-
-    <div class="widget_header">{$lang->author}</div>
-    <div class="widget_body"><a href="mailto:{$widget_info->author->email_address}">{$widget_info->author->name}</a></div>
-
-    <div class="widget_header">{$lang->homepage}</div>
-    <div class="widget_body"><a href="#" onclick="window.open('{$widget_info->author->homepage}');return false;">{$widget_info->author->homepage}</a></div>
-
-    <div class="widget_header">{$lang->regdate}</div>
-    <div class="widget_body">{$widget_info->author->date}</div>
-
-    <div class="widget_header">{$lang->description}</div>
-    <div class="widget_body">{nl2br($widget_info->author->description)}</div>
-
-    <div class="widget_button_area">
-        <a href="#" onclick="window.close();">{$lang->cmd_close}</a>
-    </div>
-
+<div id="popHeadder">
+    <h1>{$lang->widget_maker}</h1>
+</div>
+
+<div id="popBody">
+    <table cellspacing="0" class="tableType5">
+    <col width="100" />
+    <col />
+    <tr>
+        <th scope="row">{$lang->title}</th>
+        <td>{$widget_info->title} ver {$widget_info->version}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->author}</th>
+        <td><a href="mailto:{$widget_info->author->email_address}">{$widget_info->author->name}</a></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->homepage}</th>
+        <td><a href="#" onclick="window.open('{$widget_info->author->homepage}');return false;">{$widget_info->author->homepage}</a></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->regdate}</th>
+        <td>{$widget_info->author->date}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->description}</th>
+        <td>{nl2br($widget_info->author->description)}</td>
+    </tr>
+    </table>
+</div>
+
+<div id="popFooter">
+    <span class="close"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span>
 </div>
diff --git a/modules/widget/tpl/widget_generate_code.html b/modules/widget/tpl/widget_generate_code.html
index 267fd8b5c..99f75647d 100644
--- a/modules/widget/tpl/widget_generate_code.html
+++ b/modules/widget/tpl/widget_generate_code.html
@@ -5,72 +5,81 @@
 <form action="./" method="get" onsubmit="return procFilter(this, generate_code);" id="fo_widget">
 <input type="hidden" name="selected_widget" value="{$selected_widget}" />
 
-<div class="widget_detail_info_window">
-
-    <div class="widget_title">{$lang->cmd_generate_code}</div>
-
-    <div class="widget_description">{$lang->about_widget_code}</div>
-
-    <div class="widget_header">{$lang->widget}</div>
-    <div class="widget_body">{$widget_info->title} ver {$widget_info->version}</div>
-
-    <div class="widget_header">{$lang->skin}</div>
-    <div class="widget_body">
-        <select name="skin" onchange="doDisplaySkinColorset(this);return false;">
-            <option value="">&nbsp;</option>
-        <!--@foreach($skin_list as $key => $val)-->
-            <option value="{$key}">{$val->title} ({$key})</option>
-        <!--@end-->
-        </select>
+    <div id="popHeadder">
+        <h1>{$lang->cmd_generate_code}</h1>
     </div>
 
-    <div id="colorset_area" style="display:none">
-        <div class="widget_header">{$lang->colorset}</div>
-        <div class="widget_body">
-            <select name="colorset" id="widget_colorset">
-            </select>
-        </div>
-    </div>
+    <div id="popBody">
 
-    <!--@foreach($widget_info->extra_var as $id => $var)-->
-    <div class="widget_header">{$var->name}</div>
+        <div class="infoText">{nl2br($lang->about_widget_code)}</div>
 
-    <div class="widget_body">
-        <!--@if($var->type == "text")-->
-        <input type="text" name="{$id}" value="" />
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->widget}</th>
+            <td>{$widget_info->title} ver {$widget_info->version}</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->skin}</th>
+            <td>
+                <select name="skin" onchange="doDisplaySkinColorset(this);return false;">
+                    <option value="">&nbsp;</option>
+                <!--@foreach($skin_list as $key => $val)-->
+                    <option value="{$key}">{$val->title} ({$key})</option>
+                <!--@end-->
+                </select>
 
-        <!--@elseif($var->type == "textarea")-->
-        <textarea name="{$id}"></textarea>
-
-        <!--@elseif($var->type == "select")-->
-            <select name="{$id}">
-            <!--@foreach($var->options as $key => $val)-->
-            <option value="{$key}">{$val}</option>
-            <!--@end-->
-            </select>
-
-        <!--@elseif($var->type == "mid_list")-->
-
-            <div style="height:150px;overflow:scroll">
-            <!--@foreach($mid_list as $key => $val)-->
-                <div class="widget_mid_list">
-                    <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
-                    <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                <div id="colorset_area" style="display:none">
+                    <div class="header">{$lang->colorset}</div>
+                    <div class="footer">
+                        <select name="colorset" id="widget_colorset">
+                        </select>
+                    </div>
                 </div>
-            <!--@end-->
-            </div>
+            </td>
+        </tr>
+            <!--@foreach($widget_info->extra_var as $id => $var)-->
+        <tr>
+            <th scope="row">{$var->name}</th>
+            <td>
+                <!--@if($var->type == "text")-->
+                <input type="text" name="{$id}" value="" class="inputTypeText" />
+
+                <!--@elseif($var->type == "textarea")-->
+                <textarea name="{$id}" class="inputTypeTextArea w100"></textarea>
+
+                <!--@elseif($var->type == "select")-->
+                <select name="{$id}">
+                    <!--@foreach($var->options as $key => $val)-->
+                    <option value="{$key}">{$val}</option>
+                    <!--@end-->
+                </select>
+
+                <!--@elseif($var->type == "mid_list")-->
+                    <!--@foreach($mid_list as $key => $val)-->
+                        <div class="widget_mid_list">
+                            <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
+                            <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                        </div>
+                    <!--@end-->
+                <!--@end-->
+                <p class="clear">{$var->description}</p>
+            </td>
+        </tr>
         <!--@end-->
-    </div>
-    <div class="widget_var_description">{$var->description}</div>
-    <!--@end-->
-
-    <div class="widget_button_area">
-        <input type="submit" value="{$lang->cmd_generate_code}" class="widget_button" />
-        <input type="button" onclick="self.close()" value="{$lang->cmd_close}" class="widget_button" />
+        <tr>
+            <th>{$lang->generated_code}</th>
+            <td><textarea readonly="true" id="widget_code" class="inputTypeTextArea w100"></textarea></td>
+        </tr>
+        </table>
     </div>
 
-    <div class="widget_code_area"><textarea readonly="true" id="widget_code"></textarea></div>
-
-</div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><span class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_generate_code}" class="editor_button" /><img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
+            <li><span class="buttonTypeA"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span></li>
+        </ul>
+    </div>
 
 </form>
diff --git a/modules/widget/tpl/widget_generate_code_in_page.html b/modules/widget/tpl/widget_generate_code_in_page.html
index 2e64adcff..8cc3d442c 100644
--- a/modules/widget/tpl/widget_generate_code_in_page.html
+++ b/modules/widget/tpl/widget_generate_code_in_page.html
@@ -6,108 +6,113 @@
 <input type="hidden" name="selected_widget" value="{$selected_widget}" />
 <input type="hidden" name="module_srl" value="{$module_srl}" />
 
-<div class="widget_detail_info_window">
+    <div id="popHeadder">
+        <h1>{$lang->cmd_generate_code}</h1>
+    </div>
 
-    <div class="widget_title">{$widget_info->title} ver {$widget_info->version}</div>
+    <div id="popBody">
 
-    <div style="border:1px solid #EEEEEE;margin-bottom:5px;">
+        <div class="infoText">{nl2br($lang->about_widget_code_in_page)}</div>
 
-        <div class="widget_description">{$lang->about_widget_code_in_page}</div>
-
-        <div class="widget_header">{$lang->description}</div>
-        <div class="widget_body">{nl2br($widget_info->author->description)}</div>
-
-        <div class="widget_header">{$lang->skin}</div>
-        <div class="widget_body">
-            <select name="skin" onchange="doDisplaySkinColorset(this,'');return false;" id="widget_skin">
-                <option value="">&nbsp;</option>
-            <!--@foreach($skin_list as $key => $val)-->
-                <option value="{$key}">{$val->title} ({$key})</option>
-            <!--@end-->
-            </select>
-        </div>
-
-        <div id="colorset_area" style="display:none">
-            <div class="widget_header">{$lang->colorset}</div>
-            <div class="widget_body">
-                <select name="colorset" id="widget_colorset">
-                </select>
-            </div>
-        </div>
-
-        <!--@foreach($widget_info->extra_var as $id => $var)-->
-        <div class="widget_header">{$var->name}</div>
-
-        <div class="widget_body">
-            <!--@if($var->type == "text")-->
-            <input type="text" name="{$id}" value="" />
-
-            <!--@elseif($var->type == "textarea")-->
-            <textarea name="{$id}"></textarea>
-
-            <!--@elseif($var->type == "select")-->
-                <select name="{$id}">
-                <!--@foreach($var->options as $key => $val)-->
-                <option value="{$key}">{$val}</option>
+        <table cellspacing="0" class="tableType5">
+        <col width="100" />
+        <col />
+        <tr>
+            <th scope="row">{$lang->widget}</th>
+            <td>{$widget_info->title} ver {$widget_info->version}</td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->skin}</th>
+            <td>
+                <select name="skin" onchange="doDisplaySkinColorset(this);return false;">
+                    <option value="">&nbsp;</option>
+                <!--@foreach($skin_list as $key => $val)-->
+                    <option value="{$key}">{$val->title} ({$key})</option>
                 <!--@end-->
                 </select>
 
-            <!--@elseif($var->type == "mid_list")-->
-                <div style="height:150px;overflow:scroll">
-                <!--@foreach($mid_list as $key => $val)-->
-                    <div class="widget_mid_list">
-                        <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
-                        <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                <div id="colorset_area" style="display:none">
+                    <div class="header">{$lang->colorset}</div>
+                    <div class="footer">
+                        <select name="colorset" id="widget_colorset">
+                        </select>
                     </div>
-                <!--@end-->
                 </div>
-            <!--@end-->
-        </div>
-        <div class="widget_var_description">{$var->description}</div>
+            </td>
+        </tr>
+            <!--@foreach($widget_info->extra_var as $id => $var)-->
+        <tr>
+            <th scope="row">{$var->name}</th>
+            <td>
+                <!--@if($var->type == "text")-->
+                <input type="text" name="{$id}" value="" class="inputTypeText" />
+
+                <!--@elseif($var->type == "textarea")-->
+                <textarea name="{$id}" class="inputTypeTextArea w100"></textarea>
+
+                <!--@elseif($var->type == "select")-->
+                <select name="{$id}">
+                    <!--@foreach($var->options as $key => $val)-->
+                    <option value="{$key}">{$val}</option>
+                    <!--@end-->
+                </select>
+
+                <!--@elseif($var->type == "mid_list")-->
+                    <!--@foreach($mid_list as $key => $val)-->
+                        <div class="widget_mid_list">
+                            <input type="checkbox" value="{$key}" name="{$id}" id="chk_mid_list_{$key}" /> 
+                            <label for="chk_mid_list_{$key}">{$key} ({$val->browser_title})</label>
+                        </div>
+                    <!--@end-->
+                <!--@end-->
+                <p class="clear">{$var->description}</p>
+            </td>
+        </tr>
         <!--@end-->
-
+        <tr>
+            <th scope="row">{$lang->widget_fix_width}</th>
+            <td>
+                <input type="checkbox" value="Y" name="widget_fix_width" /> {$lang->about_widget_fix_width}
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->widget_width}</th>
+            <td>
+                <input type="text" value="400" name="widget_width" size="3" class="inputTypeText" />px
+                <p>{$lang->about_widget_width}</p>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->widget_position}</th>
+            <td>
+                <select name="widget_position">
+                    <option value="">{$lang->widget_position_none}</option>
+                    <option value="left">{$lang->widget_position_left}</option>
+                    <option value="right">{$lang->widget_position_right}</option>
+                </select>
+                <p>{$lang->about_widget_position}</p>
+            </td>
+        </tr>
+        <tr>
+            <th scope="row">{$lang->widget_margin}</th>
+            <td>
+                {$lang->widget_margin_top} <input type="text" name="widget_margin_top" value="0" size="2" class="inputTypeText" />px
+                {$lang->widget_margin_right} <input type="text" name="widget_margin_right" value="0" size="2" class="inputTypeText" />px
+                {$lang->widget_margin_bottom} <input type="text" name="widget_margin_bottom" value="0" size="2" class="inputTypeText" />px
+                {$lang->widget_margin_left} <input type="text" name="widget_margin_left" value="0" size="2" class="inputTypeText"/>px
+                <br />
+                {$lang->about_widget_margin}
+            </td>
+        </tr>
+        </table>
     </div>
-
-    <div style="border:1px solid #EEEEEE;margin-bottom:5px; ">
-        <div class="widget_header">{$lang->widget_fix_width}</div>
-        <div class="widget_body">
-            <input type="checkbox" value="Y" name="widget_fix_width" />
-            {$lang->about_widget_fix_width}
-        </div>
-
-        <div class="widget_header">{$lang->widget_width}</div>
-        <div class="widget_body">
-            <input type="text" value="400" name="widget_width" size="3" />px
-            {$lang->about_widget_width}
-        </div>
-
-        <div class="widget_header">{$lang->widget_position}</div>
-        <div class="widget_body">
-            <select name="widget_position">
-                <option value="">{$lang->widget_position_none}</option>
-                <option value="left">{$lang->widget_position_left}</option>
-                <option value="right">{$lang->widget_position_right}</option>
-            </select>
-            {$lang->about_widget_position}
-        </div>
-
-        <div class="widget_header">{$lang->widget_margin}</div>
-        <div class="widget_body">
-            {$lang->widget_margin_top} <input type="text" name="widget_margin_top" value="0" size="2" />
-            {$lang->widget_margin_right} <input type="text" name="widget_margin_right" value="0" size="2" />
-            {$lang->widget_margin_bottom} <input type="text" name="widget_margin_bottom" value="0" size="2" />
-            {$lang->widget_margin_left} <input type="text" name="widget_margin_left" value="0" size="2" />
-            <br />
-            {$lang->about_widget_margin}
-        </div>
+    <div id="popFooter">
+        <ul class="buttonRight nospace">
+            <li><span class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_generate_code}" class="editor_button" /><img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></span></li>
+            <li><span class="buttonTypeA"><a href="#" onclick="window.close(); return false;" class="buttonTypeA"><img src="../../admin/tpl/images/blank.gif" alt="" class="leftCap" />{$lang->cmd_close}<img src="../../admin/tpl/images/blank.gif" alt="" class="rightCap" /></a></span></li>
+        </ul>
     </div>
 
-    <div class="widget_button_area">
-        <input type="submit" value="{$lang->cmd_insert}" class="widget_button" />
-        <input type="button" onclick="self.close()" value="{$lang->cmd_close}" class="widget_button" />
-    </div>
-</div>
-
 </form>
 
 <script type="text/javascript">