diff --git a/app/views/cms/select_article_type.rhtml b/app/views/cms/select_article_type.rhtml
index d0fd8c2..058f471 100644
--- a/app/views/cms/select_article_type.rhtml
+++ b/app/views/cms/select_article_type.rhtml
@@ -1,6 +1,8 @@
+<div class="select-article-type">
+
 <h2> <%= _('Choose the type of content:') %> </h2>
 
-<ul id="article_types">
+<ul class="article-types">
   <% for type in @article_types %>
     <% action = type[:class].name == 'UploadedFile' ? {:action => 'upload_files'} : {:action => 'new', :type => type[:class].name} %>
     <% content_tag('a', :href => url_for(action.merge(:parent_id => @parent_id, :back_to => @back_to))) do %>
@@ -14,3 +16,5 @@
 <br style="clear:both" />
 
 <%= colorbox_close_button(_('Cancel')) %>
+
+</div>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index a93b389..e403c55 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -2998,11 +2998,17 @@ table.cms-articles a.icon, table.cms-articles a.icon-parent-folder {
 table.cms-articles .icon:hover {
   background-color: transparent;
 }
-#article_types {
+
+.select-article-type {
+  padding: 5px 20px;
+  width: 455px;
+}
+
+.article-types {
   padding-left: 5px;
   margin-top: 20px;
 }
-#article_types li {
+.article-types li {
   list-style: none;
   float: left;
   width: 180px;
@@ -3016,18 +3022,18 @@ table.cms-articles .icon:hover {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
 }
-#article_types .description {
+.article-types .description {
   color: #888a85;
   font-size: smaller;
 }
-#article_types .icon-newrss-feed, #content .icon-rss-feed {
+.article-types .icon-newrss-feed, #content .icon-rss-feed {
   background-image: url(../images/icons-mime/rss-feed-16.png);
 }
-#article_types a {
+.article-types a {
   text-decoration: none;
   color: black;
 }
-#article_types li.mouseover {
+.article-types li.mouseover {
   background-color: #eeeeec;
 }
 .controller-cms #article-subitems-hide.hide-button {
--
libgit2 0.21.2