Fixes

* style.css:
* style.css:
* UsersInRole.aspx: refactoring

* HomeController.cs: Fixes the restricted area error page

* PostActions.ascx: html structure

* TagControl.ascx: Tags reside in a list here, treat it as an Html one

* RestrictedArea.aspx: Shows allowed users or/and roles in the error
  page

* Web.csproj: cleaning

web/App_Themes/dark/style.css

@@ -6,9 +6,6 @@ body {
 	background-color: black;
 	color: #D0FFD0;
 }
-.tagname {  color: #D0FFD0; }
-.tagname+.tagname:before { content: ', '; } 
-.tagname:hover { cursor:pointer; background-color: red; }
 
 
 .rate {
@@ -101,7 +98,6 @@ main video, main img {
 aside { 
 	display: inline-block;
 	float: right;
-	max-width: 40em;
 }
 
 .postpreview {

web/App_Themes/style.css

@@ -4,9 +4,7 @@ body {
 	padding: 0;
 	margin: 0;
 }
-
-.tagname+.tagname:before { content: ', '; } 
-.tagname:hover { cursor:pointer; }
+ 
 
 /* Start by setting display:none to make this hidden.
    Then we position it in relation to the viewport window
@@ -27,6 +25,7 @@ body {
                 no-repeat;
     overflow:   auto; 
 }
+
 .dispmodal {
     position:   fixed;
     z-index:    1000;
@@ -140,9 +139,32 @@ display: inline-block;
 .c2 { font-size: small; font-style: italic; }
 .c3 { font-size: x-small; font-style: italic; }
 
-.rate { width:5em; cursor: pointer; text-align:center; }
+.rate { 
+	display:inline-bloc; width:5em; cursor: pointer; text-align:center; 
+	}
 h2 select { font-size: large; }
 
+ul.editablelist { 
+	display: inline;
+	}
+ul.editablelist>li { 
+	display: inline;
+	margin:.5em;
+	padding:.2em;
+	border: solid grey 1px;
+	border-radius: 1em;
+}
+
+ul.editablelist>li:hover { 
+	background-color: rgba(128,0,0,0.5);
+	cursor:pointer;
+}
+
+ul.editablelist>li:hover:after { 
+  font-family: 'FontAwesome';
+  content: "\f00d";
+  }
+
 @media print {
 		body {background-color:white;color:black;}
 		.control, .actionlink,  .menuitem, nav { display:none;}