diff --git a/widgets/newest_document/skins/xe_official/css/black.css b/widgets/newest_document/skins/xe_official/css/black.css
index 195851f5f..303d4efe5 100644
--- a/widgets/newest_document/skins/xe_official/css/black.css
+++ b/widgets/newest_document/skins/xe_official/css/black.css
@@ -1,12 +1,17 @@
-.latest { padding-bottom:15px; overflow:hidden; position:relative;}
-.latest h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url(../images/black/lineNotice.gif) no-repeat left bottom;}
-.latest ul {}
-.latest ul li { white-space:nowrap; height:21px; background:url(../images/black/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden;}
-.latest ul li a { color:#818181; text-decoration:none; }
-.latest ul li a:hover { text-decoration:underline; }
-.latest ul li span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
-.latest ul li span.date { color:#999999; font:.8em Tahoma; margin-right:5px;}
-.latest ul li span.writer { color:#999999; font-size:.9em; margin-left:.3em;}
-.latest .more { position:absolute; top:12px; right:11px; color:#818181; font:.8em Tahoma;}
-.latest a.more { text-decoration:none;} 
-.latest a.more:hover { text-decoration:underline;} 
+.latest_black { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
+.latest_black h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url(../images/black/lineNotice.gif) no-repeat left bottom; font-size:1em;}
+
+.latest_black ul { }
+.latest_black ul li { position:relative; height:21px; background:url(../images/black/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; }
+
+.latest_black ul li .title { position:relative; z-index:0; overflow:hidden; width:100%; white-space:nowrap;}
+.latest_black ul li .title a { color:#818181; text-decoration:none; }
+.latest_black ul li .title a:hover { text-decoration:underline; }
+.latest_black ul li .title span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
+
+.latest_black ul li .date { position:relative; z-index:1; }
+.latest_black ul li .date span { background:#FFFFFF; position:relative; z-index:1; padding:3px 5px 3px 3px; text-align:right; float:right; top:-16px; _top:-18px; color:#999999; font:.8em Tahoma; }
+
+.latest_black .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
+.latest_black a.more { text-decoration:none;} 
+.latest_black a.more:hover { text-decoration:underline;} 
diff --git a/widgets/newest_document/skins/xe_official/css/white.css b/widgets/newest_document/skins/xe_official/css/white.css
index 2f5553ec7..1cc32e009 100644
--- a/widgets/newest_document/skins/xe_official/css/white.css
+++ b/widgets/newest_document/skins/xe_official/css/white.css
@@ -1,12 +1,17 @@
-.latest { padding-bottom:15px; overflow:hidden; position:relative;}
-.latest h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom;}
-.latest ul { overflow:hidden; width:100%;}
-.latest ul li { white-space:nowrap; height:21px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden;}
-.latest ul li a { color:#555555; text-decoration:none; }
-.latest ul li a:hover { text-decoration:underline; }
-.latest ul li span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
-.latest ul li span.date { color:#999999; font:.8em Tahoma; margin-right:5px;}
-.latest ul li span.writer { color:#999999; font-size:.9em; margin-left:.3em;}
-.latest .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
-.latest a.more { text-decoration:none;} 
-.latest a.more:hover { text-decoration:underline;} 
+.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
+.latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;}
+
+.latest_white ul { }
+.latest_white ul li { position:relative; height:21px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; }
+
+.latest_white ul li .title { position:relative; z-index:0; overflow:hidden; width:100%; white-space:nowrap;}
+.latest_white ul li .title a { color:#555555; text-decoration:none; }
+.latest_white ul li .title a:hover { text-decoration:underline; }
+.latest_white ul li .title span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
+
+.latest_white ul li .date { position:relative; z-index:1; }
+.latest_white ul li .date span { background:#FFFFFF; position:relative; z-index:1; padding:3px 5px 3px 3px; text-align:right; float:right; top:-16px; _top:-18px; color:#999999; font:.8em Tahoma; }
+
+.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
+.latest_white a.more { text-decoration:none;} 
+.latest_white a.more:hover { text-decoration:underline;} 
diff --git a/widgets/newest_document/skins/xe_official/list.html b/widgets/newest_document/skins/xe_official/list.html
index cfb2d94e4..d377f24ff 100644
--- a/widgets/newest_document/skins/xe_official/list.html
+++ b/widgets/newest_document/skins/xe_official/list.html
@@ -6,19 +6,20 @@
     <!--%import("css/white.css")-->
 <!--@end-->
 
-<div class="latest">
+<div class="latest_{$colorset}">
     <!--@if($widget_info->title)-->
     <h2>{$widget_info->title}</h2>
     <!--@end-->
     <ul>
         <!--@foreach($widget_info->document_list as $oDocument)-->
         <li>
-          <span class="date">[{$oDocument->getRegdate("Y-m-d")}]</span>
-          <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitleText($widget_info->subject_cut_size)}</a>
-          <!--@if($oDocument->getCommentCount())-->
-          <span class="comment"><a href="{$oDocument->getPermanentUrl()}#comment">*{$oDocument->getCommentCount()}</a></span>
-          <!--@end-->
-          <span class="writer">- {$oDocument->getNickName()}</span>
+          <span class="title">
+            <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitleText($widget_info->subject_cut_size)}</a>
+            <!--@if($oDocument->getCommentCount())-->
+              <span class="comment"><a href="{$oDocument->getPermanentUrl()}#comment">*{$oDocument->getCommentCount()}</a></span>
+            <!--@end-->
+          </span>
+          <span class="date"><span>{$oDocument->getRegdate("Y-m-d")}</span></span>
         </li>
         <!--@end-->
     </ul>