[SONAR-1973] Improve UI

5 files changed, 1680 insertions, 1682 deletions

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/resource/_violation.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/resource/_violation.html.erb
index 6ab4515f77d..476a0383255 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/resource/_violation.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/resource/_violation.html.erb
@@ -1,46 +1,48 @@
-<% 
-  displayReviewFailureDiv = 'block'
-  if violation.reviews.blank?
-    displayReviewFailureDiv = 'none'
-  end
-%>
-<div class="violation">
-  <table>
-    <tr>
-    
-      <td width="30px" valign="top">
-      	<% if current_user && violation.reviews.blank? %>
-          <%= link_to_remote image_tag("reviews/+review.png"),  
-        		:url => { :controller => "reviews", :action => "form", :violation_id => violation.id },
-        		:update => "reviewFailure" + violation.id.to_s,
-        		:html => { :id => "createReviewLink" + violation.id.to_s, :title => "Add a review" },
-        		:complete => "$('reviewFailure" + violation.id.to_s + "').style.display='';$('reviewText').focus();" -%>
-          <%= link_to_remote image_tag("reviews/+false-positive.png"),  
-        		:url => { :controller => "reviews", :action => "form", :violation_id => violation.id },
-        		:update => "reviewFailure" + violation.id.to_s,
-        		:html => { :id => "createReviewLink" + violation.id.to_s, :title => "Flag as false-positive" },
-        		:complete => "$('reviewFailure" + violation.id.to_s + "').style.display='';$('reviewText').focus();" -%>
-      	<% end %>
-      </td>
-      
-      <td>
-		<img src="<%= ApplicationController.root_context -%>/images/priority/<%=violation.failure_level-%>.png"/>
-		
-		<span class="rulename"><a onclick="window.open(this.href,'rule','height=800,width=900,scrollbars=1,resizable=1');return false;" href="<%= url_for :controller => 'rules', :action => 'show', :id => violation.rule.key, :layout => 'false' -%>"><%= h(violation.rule.name) -%></a></span>
-		 »
-		<%= h(violation.message) -%>
-		<%
-		   if violation.created_at
-		    duration=Date.today - violation.created_at.to_date
-		%>
-		  <span class="violation_date"><%= duration==0 ? 'today' : "#{duration} days ago" -%></span>
-		<% end %>
-		
-		<div id="reviewFailure<%= violation.id -%>" style="display:<%= displayReviewFailureDiv -%>">
-		  <%= render :partial => "reviews/list", :locals => { :reviews => violation.reviews } %>
-		</div>
-      </td>
-      
-    </tr>
-  </table>
-</div>
+<% 

+  displayReviewFailureDiv = 'block'

+  if violation.reviews.blank?

+    displayReviewFailureDiv = 'none'

+  end

+%>

+<div class="violation">

+  <table style="width:100%">

+    <tr>

+      <td style="width: 30px; vertical-align: top; text-align: center;">

+      	<% if current_user && violation.reviews.blank? %>

+          <%= link_to_remote image_tag("reviews/+review.png"),  

+        		:url => { :controller => "reviews", :action => "form", :violation_id => violation.id },

+        		:update => "reviewFailure" + violation.id.to_s,

+        		:html => { :id => "createReviewLink" + violation.id.to_s, :title => "Add a review" },

+        		:complete => "$('reviewFailure" + violation.id.to_s + "').style.display='';$('reviewText').focus();" -%>

+      	<% end %>

+      	<% unless violation.reviews.blank? %>

+      	  <%= image_tag("reviews/review.png") -%>

+      	<% end %>

+      </td>

+      

+      <td>

+		<img src="<%= ApplicationController.root_context -%>/images/priority/<%=violation.failure_level-%>.png"/>

+		

+		<span class="rulename"><a onclick="window.open(this.href,'rule','height=800,width=900,scrollbars=1,resizable=1');return false;" href="<%= url_for :controller => 'rules', :action => 'show', :id => violation.rule.key, :layout => 'false' -%>"><%= h(violation.rule.name) -%></a></span>

+		 »

+		<%= h(violation.message) -%>

+		<%

+		   if violation.created_at

+		    duration=Date.today - violation.created_at.to_date

+		%>

+		  <span class="violation_date"><%= duration==0 ? 'today' : "#{duration} days ago" -%></span>

+		<% end %>

+		

+      </td>

+    </tr>

+    

+    <tr>

+      <td colspan="2">

+		<div id="reviewFailure<%= violation.id -%>" style="margin-left: 13px; padding: 10px 5px 5px 10px; border-left: 2px solid #EFEFEF; display:<%= displayReviewFailureDiv -%>">

+		  <%= render :partial => "reviews/list", :locals => { :reviews => violation.reviews } %>

+		</div>

+      </td>

+    </tr>

+    

+  </table>

+</div>
\ No newline at end of file
diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_form.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_form.html.erb
index 49f229d9523..375e4fa0873 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_form.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_form.html.erb
@@ -1,20 +1,16 @@
-<h3>Create a new review</h3>
-<% form_for :review, @review do |f| %>
-      <%= f.hidden_field :rule_failure_id %>
-      Review made by: <%= @review.user.name -%>
-      <br/>
-      Severity: 
-      <%= select_tag "review[severity]", options_for_select(Review.severity_options, @review.severity)  %>
-      <br/>
-      Comment:
-      <br/>
-      <%= text_area :review_comment, :review_text, :id => "reviewText", :rows => 10 %>
-      <br/>
-      
-      <%= submit_to_remote "create_btn", "Create review", :url => { :action => 'create' } %>
-      <input type="button" name="cancel_btn" value="Cancel" 
-             onclick="new Ajax.Updater({success:'reviewFailure<%= @review.rule_failure_id.to_s -%>'}, '<%= ApplicationController.root_context -%>/reviews/list?rule_failure_id=<%= @review.rule_failure_id.to_s -%>', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this.form), }); $('reviewFailure<%= @review.rule_failure_id.to_s -%>').style.display='none';">
-
-      <%= f.error_messages :header_message => "Can't create the review", :message => "", :header_tag => :h3 %>
-      
+<b>Create a new review</b>

+<% form_for :review, @review do |f| %>

+      <%= f.hidden_field :rule_failure_id %>

+      Severity: 

+      <%= select_tag "review[severity]", options_for_select(Review.severity_options, @review.severity)  %>

+      <br/>

+      <%= text_area :review_comment, :review_text, :id => "reviewText", :rows => 8, :style => "width:100%" %>

+      <br/>

+      

+      <%= submit_to_remote "create_btn", "Create review", :url => { :action => 'create' } %>

+      <input type="button" name="cancel_btn" value="Cancel" 

+             onclick="new Ajax.Updater({success:'reviewFailure<%= @review.rule_failure_id.to_s -%>'}, '<%= ApplicationController.root_context -%>/reviews/list?rule_failure_id=<%= @review.rule_failure_id.to_s -%>', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this.form), }); $('reviewFailure<%= @review.rule_failure_id.to_s -%>').style.display='none';">

+

+      <%= f.error_messages :header_message => "Can't create the review", :message => "", :header_tag => :h3 %>

+      

 <% end %>
\ No newline at end of file
diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_view.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_view.html.erb
index 1007acd9061..b93300505bd 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_view.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/reviews/_view.html.erb
@@ -1,21 +1,21 @@
-  <div id="review<%= review.id -%>" style="margin: 5px 5px 5px 20px">

+  <div id="review<%= review.id -%>">

 	  <div>

-      	<b>Reviewed by <%= h(review.user.name) -%></b> - <%= l review.created_at -%>

+      	<b>Review initiated by <%= h(review.user.name) -%></b> - <%= l review.created_at -%>

         <br/>

         Status: <%= h(review.status) -%> / Severity: <%= h(review.severity) -%>      

       </div>

       

-      <div style="margin: 5px 0px 0px 30px">

-        <table style="border-left:solid 3px grey">

+      <div style="margin-top: 10px">

+        <table style="width:100%">

         <% unless review.review_comments.blank? 

 		     review.review_comments.each do |review_comment|

 		%>

 		  <tr>

-		    <td style="width:180px; vertical-align:top; padding: 5px; border:solid 1px grey">

+		    <td style="width:180px; vertical-align:top; padding: 5px; border:solid 1px grey; background-color: #F7F7F7">

 				<%= image_tag("user.png") -%> <b><%= h(review_comment.user.name) -%></b> »

 				<br/><%= l review_comment.created_at -%>

 		    </td>

-		    <td style="width:1000px; vertical-align:top; padding: 5px; border:solid 1px grey; background: white">

+		    <td style="vertical-align:top; padding: 5px; border:solid 1px grey; background: white">

 		    	<%= h(review_comment.review_text) -%>

 		    </td>

 		  </tr>

@@ -26,7 +26,7 @@
 		</table>

       

         <% if current_user %>

-           <div style="width:1200px; text-align: right; padding: 5px">

+           <div style="text-align: right; padding: 5px">

              <%= link_to_remote "Add a comment", 

         		:url => { :controller => "reviews", :action => "form_comment", :review_id => review.id, :rule_failure_id => review.rule_failure_id },

         		:update => "createComment" + review.id.to_s, 

diff --git a/sonar-server/src/main/webapp/images/reviews/+review.png b/sonar-server/src/main/webapp/images/reviews/+review.png
index 4adea42ba4e..622e48e194a 100644
--- a/sonar-server/src/main/webapp/images/reviews/+review.png
+++ b/sonar-server/src/main/webapp/images/reviews/+review.png
diff --git a/sonar-server/src/main/webapp/stylesheets/style.css b/sonar-server/src/main/webapp/stylesheets/style.css
index 435d6dd9fc4..be59f091b76 100644
--- a/sonar-server/src/main/webapp/stylesheets/style.css
+++ b/sonar-server/src/main/webapp/stylesheets/style.css
@@ -1,1610 +1,1610 @@
-/* CSS optimized by http://www.cleancss.com */
-
-@media print {
-/* ------------------- PRINT ------------------- */
-  html, body {
-    font-size: 8pt;
-  }
-  a, a:link, a:visited {
-    text-decoration: none;
-    border-bottom: 0;
-  }
-  .noprint {
-    display: none !important;
-  }
-  .print {
-    display: inline;
-    position: static;
-    left: 0;
-  }
-  #hd, #sb {
-    display: none;
-  }
-  .with_sidebar, .wo_sidebar {
-    padding: 0 !important;
-    margin: 0;
-  }
-  #content {
-    margin-left: 0 !important;
-  }
-}
-@media screen {
-  .print {
-    display: none;
-  }
-}
-html, body {
-  height: 100%;
-}
-body {
-  background-color: #FFF;
-  color: #444;
-  font-family: Arial, Helvetica, sans-serif;
-  text-align: left;
-}
-a {
-  color: #444;
-}
-
-/*
-
-  LAYOUT
-
-*/
-#container {
-  height: auto !important;
-}
-#hd {
-  background: #262626;
-  padding: 0 5px;
-  height: 30px;
-  line-height: 28px;
-  font-size: 93%;
-  margin: 0 10px;
-}
-#crumbs ol, #nav ol {
-  list-style-type:none;
-  padding: 0;
-  margin:0;
-  
-}
-#crumbs li {
-  float: left;
-  margin:0;
-  color: #fff;
-  padding: 0 10px 0 5px;
-}
-#nav li {
-  float: right;
-  margin:0;
-  line-height: 29px;
-  color: #fff;
-  padding: 0 0 0 10px;
-}
-#crumbs li a, #nav li a {
-  color: #fff;
-  vertical-align: middle;
-}
-#crumbs li a:link, #crumbs li a:visited, #nav li a:link, #nav li a:visited {
-  text-decoration:none;
-}
-#crumbs li a:hover, #crumbs li a:focus, #nav li a:hover, #nav li a:focus {
-  text-decoration:underline;
-}
-#crumbs li img, #nav li img {
-  vertical-align: text-bottom;
-}
-#nonav {
-  text-align: left;
-  margin: 50px 180px 0;
-}
-#ft {
-  height: 30px;
-}
-#body {
-  clear: both;
-}
-.with_sidebar {
-  padding-left: 160px;
-}
-.wo_sidebar {
-  padding-left: 20px;
-}
-#content {
-  margin: 0 10px 0 10px;
-  padding-top: 10px;
-  position: relative;
-  min-height: 400px;
-}
-#sb {
-  position: absolute;
-  width: 150px;
-  left: 10px;
-  top: 30px;
-  float: none;
-  margin: 0;
-}
-#sidebar {
-  background-color: #CAE3F2;
-  color: #262626;
-  text-align: left;
-  line-height: 1.1em;
-  border: 2px solid #4b9fd5;
-  border-top: 0;
-  padding: 10px 0;
-}
-#sidebar li {
-  list-style-type: none;
-  padding: 3px 0 3px 8px;
-}
-#sidebar li.h2 {
-  color: #003366;
-  padding: 20px 0 3px 8px;
-  text-transform: uppercase;
-  font-size: 100% !important;
-  font-weight: bold;
-}
-#sidebar .selected {
-  background-color: #4b9fd5;
-}
-#sidebar a, #sidebarpages a:visited {
-  text-decoration: none;
-  border-bottom: 0;
-}
-
-#sidebar a:hover {
-  color: #4b9fd5;
-}
-#sidebar .selected a, #sidebar .selected a:hover, #sidebar.selected a:visited {
-  font-weight: bold;
-  color: #efefef;
-}
-#logo {
-  text-align: center;
-  padding: 8px 0 0 0;
-}
-#logo a {
-  text-decoration: none;
-  border-bottom-width: 0;
-}
-#logo img {
-  display: block;
-}
-#sidebarconf {
-  background-color: #ECECEC;
-  border: 2px solid #DDD;
-  color: #666;
-  line-height: 1.1em;
-  margin-top: 10px;
-  padding: 10px;
-}
-.nolayout {
-  padding: 10px;
-}
-
-/* ------------------- PROJECTS SEARCH FORM ------------------- */
-#projectSearch {
-  color: #444;
-  margin: 4px 0 0 0;
-}
-#projectResults {
-  position: relative;
-  background: #fff;
-  color: #111;
-  line-height: 1em;
-  border: 1px solid #ccc;
-  z-index: 999999;
-  margin: 0;
-  padding: 0;
-}
-#projectResults ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-#projectResults ul li.selected {
-  background-color: #4b9fd5;
-  color: #fff;
-  margin: 0;
-}
-#projectResults ul li {
-  float: none;
-  display: block;
-  list-style-type: none;
-  cursor: pointer;
-  color: #333;
-  margin: 0;
-  padding: 5px 10px;
-  line-height: 1em;
-}
-#projectResults strong {
-  font-weight: bold;
-}
-/*
-  FOOTER
-*/
-#ftlinks {
-  background: #fff;
-  color: #262626;
-  text-align: center;
-  border-top: 1px solid #fff;
-  font-size: 85%;
-  padding: 4px 0;
-  margin-top: 10px;
-}
-#ftlinks a {
-  color: #333;
-}
-
-
-/*
-  GENERAL
-*/
-.loading {
-  background-image: url("../images/loading.gif");
-  background-position: 4px 2px;
-  background-repeat: no-repeat;
-  color: #444;
-  padding: 3px 25px;
-}
-
-.right {
-  text-align: right;
-}
-
-.left {
-  text-align: left;
-}
-
-.center {
-  text-align: center;
-}
-
-code {
-  font-size: 93%;
-}
-
-.hidden {
-  display: none;
-  visibility: hidden;
-}
-
-.clear {
-  height: 0;
-  clear: both;
-}
-
-.note {
-  color: #777;
-  font-size: 93%;
-  font-weight: normal;
-}
-.note img {
-  vertical-align: bottom;
-}
-.crossout {
-  text-decoration: line-through;
-}
-
-.small {
-  font-size: 85%;
-}
-em {
-  color: #AAA;
-  font-size: 85%;
-  font-style: normal;
-}
-
-a.external {
-	background: url('../images/links/external.png') no-repeat 100% 0;
-	padding: 0 16px 0px 0;
-}
-.fav {
-  display: inline-block;
-  background: url('../images/star.png') no-repeat 100% 0;
-  width: 16px;
-  height: 16px;
-  vertical-align: text-bottom;
-}
-.notfav {
-  display: inline-block;
-  background: url('../images/star_off.png') no-repeat 100% 0;
-  width: 16px;
-  height: 16px;
-  vertical-align: text-bottom;
-}
-button, .button {
-  max-height: 20px;
-}
-/* ------------------- PAGE ------------------- */
-h1 {
-  color: #444;
-  font-size: 16px;
-}
-h1 a {
-  color: #444;
-  text-decoration: none;
-  border-bottom: 1px dotted #2B547D;
-}
-h2, .h2 {
-  color: #2B547D;
-  font-size: 16px;
-  font-weight: normal;
-}
-h2 a {
-  color: #2B547D;
-  text-decoration: none;
-  border-bottom: 1px dotted #2B547D;
-}
-h3, .h3 {
-  font-size: 100%;
-  font-weight: bold;
-}
-
-h4, .h4 {
-  font-size: 85%;
-  color: #777;
-}
-.subtitle {
-  color: #777;
-  font-size: 85%;
-  margin: 0;
-  padding: 0;
-}
-.notes {
-  color: #777;
-  font-size: 85%;
-  margin-bottom: 10px;
-  background-color: #ECECEC;
-  border: 1px solid #cdcdcd;
-  padding: 4px;
-}
-.treemap {
-  position: relative;
-  cursor: pointer;
-}
-
-.treemap .label {
-  color: #fff;
-  padding: 2px;
-}
-
-/* ------------------- MESSAGES ------------------- */
-.warning {
-  border: solid 1px #FFD324;
-  background-color: #FFF6BF;
-  color: #514721;
-  margin: 0 0 4px;
-  padding: 4px;
-}
-
-.error {
-  border: 1px solid red;
-  background-color: #FF5252;
-  color: #eee;
-  margin: 0 0 4px;
-  padding: 4px;
-}
-
-.error a {
-  color: #eee;
-}
-
-.notice {
-  border: 1px solid #9c9;
-  background-color: #e2f9e3;
-  color: #060;
-  margin: 0 0 4px;
-  padding: 4px;
-}
-
-/* ------------------- LOGIN FORM ------------------- */
-#login_form {
-  border: 1px solid #4b9fd5;
-  width: 230px;
-  text-align: left;
-  background-color: #d4e7ff;
-  padding: 15px 20px;
-}
-
-#login_form h4 {
-  text-align: left;
-  font-weight: bold;
-  color: #036;
-}
-
-#login_form p {
-  padding: 3px 0 10px;
-}
-#login_form .desc {
-  font-size: 85%;
-  font-weight: normal;
-}
-/* ------------------- DOCUMENTATION --------------------- */
-.doc p {
-	margin: 10px 0;
-}
-.doc pre, pre.code {
-	color: #777;
-	background-color: #ECECEC;
-	padding: 10px;
-	margin: 10px 0;
-	border: 1px dashed #777;
-	font-size: 93%;
-	line-height: 1.5em;
-}
-
-/* ------------------- TABLES ------------------- */
-.odd {
-  background-color: #fff;
-}
-.odd.selected, .even.selected, .odd.selected a, .even.selected a, .even.selected span, .odd.selected span {
-  background-color: #4b9fd5;
-  color: #fff;
-}
-table.data > thead > tr > th {
-  font-size: 93%;
-  padding: 4px 7px 4px 3px;
-  font-weight: bold;
-}
-table.data > tfoot > tr > td {
-  font-size: 93%;
-  color: #777;
-  padding: 4px 0 4px 10px;
-}
-
-table.data > tbody > tr > td {
-  padding: 4px 7px 4px 3px;
-  vertical-align: text-top;
-}
-table.data td.small, table.data th.small {
-  padding: 0;
-  white-space: nowrap;
-}
-table.data th img, table.data td img {
-  vertical-align: top;
-}
-.data thead tr.total {
-  background-color: #ECECEC;
-  font-weight: normal;
-  border: 1px solid #DDD;
-}
-.data thead tr.total th {
-  font-weight: normal;
-}
-.data thead tr.blank {
-  background-color: #fff;
-  line-height: 15px;
-}
-.data tr.highlight {
-  background-color: #CAE3F2;
-  border-top: 1px solid #4B9FD5;
-  border-bottom: 1px solid #4B9FD5;
-}
-.data input, .data select, .data button {
-  vertical-align: baseline;
-}
-.hoverable:hover {
-  background-color: #CAE3F2;
-}
-
-.hoverable:hover a {
-  color: #111;
-}
-
-table.sortable .sortcol {
-  cursor: pointer;
-  padding-right: 15px;
-  background-repeat: no-repeat;
-  background-position: right center;
-  text-decoration: underline;
-}
-
-table.sortable .sortasc {
-  background-image: url('../images/bullet_arrow_up.gif');
-  background-position: right center;
-}
-
-table.sortable .sortdesc {
-  background-image: url('../images/bullet_arrow_down.gif');
-  background-position: right center;
-}
-
-table.sortable .nosort {
-  cursor: default;
-}
-
-table.spaced th {
-  font-weight: bold;
-  color: #333;
-  padding: 4px 5px;
-}
-
-table.spaced td, table.matrix tfoot td {
-  padding: 3px 5px;
-  line-height: 18px;
-}
-table.spaced td img {
-  vertical-align: text-bottom;
-}
-
-table.spacedicon th {
-  font-weight: bold;
-  color: #333;
-  padding: 4px 5px;
-}
-
-table.spacedicon td {
-  padding: 0px 5px;
-  height: 24px;
-}
-
-.thin {
-  width: 1%;
-}
-td.sep {
-	width: 10px;
-}
-.spacer {
-  width: 5px;
-  display: inline-block;
-}
-.formError {
-  display: inline-block;
-  background-color: #FF9090;
-  color: #000;
-  padding: 0 5px;
-}
-table.form td {
-  padding: 2px 5px;
-  vertical-align: top;
-}
-table.form td.first {
-  min-width: 120px;
-  text-align: right;
-  font-weight: bold;
-  vertical-align: middle;
-}
-table.form td img {
-  vertical-align: bottom;
-}
-.admin hr {
-  background: transparent;
-  border-left:  none;
-  border-right: none;
-  border-top:   none;
-  border-bottom: 1px dashed #FFD324;
-  height: 1px;
-}
-
-
-
-/* OPERATIONS */
-#page-operations {
-  display: inline-block;
-  width: 100%;
-}
-div.operations {
-  float: right;
-  margin: 0;
-}
-ul.operations {
-  float: right;
-  list-style-type: none;
-  margin: 0;
-  background-color: #ECECEC;
-  border: 1px solid #cdcdcd;
-  border-radius: 3px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-}
-ul.operations li {
-  float: left;
-  margin: 0;
-  padding: 2px 7px;
-  font-size: 85%;
-  border-right: 1px solid #cdcdcd;
-}
-ul.operations li.selected {
-  background-color: #d4d4d4;
-}
-ul.operations li.last {
-  border-right-width:0;
-}
-ul.operations li a {
-  color: #555;
-}
-ul.operations li img {
-  vertical-align: middle;
-  margin-right: 5px;
-}
-
-/* RESOURCE VIEWER */
-.resourceName h1 {
-	margin: 5px 0;
-}
-
-
-
-/* SOURCE */
-.sources2 {
-  width: 100%;
-  border-top: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-  margin: 0;
-}
-.sources2 td.lid {
-  background-color: #ECECEC;
-  border-right: 1px solid #DDDDDD;
-  border-left: 1px solid #DDDDDD;
-  text-align: right;
-  padding: 2px 0.5em 0 0.5em;
-  vertical-align: top;
-  font-size: 85%;
-}
-.sources2 td.lid a {
-  text-decoration: none;
-  color: #AAA;
-}
-.sources2 td.scm {
-  border-right: 1px solid #DDD;
-  border-left: 1px solid #DDD;
-  background-color: #ECECEC;
-}
-.sources2 td.revision {
-  border-top: 1px solid #DDD;
-  vertical-align: top;
-  padding: 0 0.3em;
-  white-space: nowrap;
-}
-.sources2 span.date, .sources2 span.date a {
-  color: #AAA;
-  font-size: 85%;
-  text-decoration: none;
-}
-.sources2 span.author, .sources2 span.author a {
-  font-size: 85%;
-}
-.sources2 div.violations {
-  background-color: #EFEFEF;
-  margin: 2px;
-  border: 1px solid #DDD;
-}
-.sources2 div.violation {
-  background-color: #EFEFEF;
-  margin: 0;
-  padding: 3px 5px;
-}
-span.rulename, span.rulename a {
-  color: #4183C4;
-  text-decoration: none;
-}
-span.violation_date {
-  color: #AAA;
-  font-size: 85%;
-}
-span.rulename a:hover {
-  text-decoration: underline;
-}
-.sources2 div.violation img {
-  vertical-align: sub;
-}
-.sources2 td.line {
-  width: 100%;
-  border-right: 1px solid #DDD;
-}
-.sources2 td.line pre {
-  font-size: 12px;
-  font-family: monospace;
-  margin-left: 1em;
-}
-.sources2 td.section {
-  border-top: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-}
-.sources2 td.ind {
-  border-right: 1px solid #DDD;
-  min-width: 1.5em;
-  padding: 0 0.3em;
-  text-align: center;
-  vertical-align: middle;
-}
-.sources2 td.ok {
-  background-color: #ACE97C;
-  border-top: 1px solid #6EC563;
-  border-bottom: 1px solid #6EC563;
-}
-.sources2 td.warn {
-  background-color: #FFF6BF;
-}
-.sources2 td.ko {
-  background-color: #FF9090;
-}
-.sources2 td.new_section {
-  border-top: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-  height: 40px;
-}
-#source_title {
-  padding: 10px 0;
-}
-#source_title span.h1 {
-  font-size: 16px;
-  margin-right: 10px;
-}
-.source_links {
-  font-size: 11px;
-}
-#global_violations {
-  width: 100%;
-  border: 1px solid #DDD;
-  margin-bottom: 10px;
-}
-#global_violations td {
-  background-color: #ECECEC;
-  padding: 3px 0.5em;
-}
-#global_violations td img, #source_title img {
-  vertical-align: text-bottom;
-}
-.tab_header {
-  border: 1px solid #DDD;
-  border-top-width: 0;
-  background-color: #ECECEC;
-  padding: 5px 10px;
-  margin-bottom: 10px;
-  color: #444;
-}
-.tab_header td {
-  padding-right: 7px;
-}
-.tab_header td.name {
-  font-weight: bold;
-  text-align: left;
-  white-space: nowrap;
-}
-.tab_header td.value {
-  text-align: right;
-  white-space: nowrap;
-}
-#source_options {
-  margin-top: 5px;
-  padding-top: 5px;
-  border-top: 1px solid #ddd;
-  font-size: 85%;
-}
-#source_options td {
-  background: url("../images/sep12.png") no-repeat scroll 0 50% transparent;
-  padding: 0 10px;
-}
-#source_options td.first {
-  background: none;
-  padding: 0 10px 0 0;
-}
-
-
-
-#gwtpage {
-	width: 100%;
-	clear: both;
-}
-.gwt-SourcePanel {
-  font-size: 12px;
-  background-color: #fff;
-  border-top: 1px solid silver;
-  border-bottom: 1px solid silver;
-  width: 100%;
-}
-
-.gwt-SourcePanel .ln {
-  background-color: #ECECEC;
-  white-space: nowrap;
-  text-align: right;
-  font-size: 85%;
-  color: #AAAAAA;
-  border-right: 1px solid #DDD;
-  padding: 0 3px;
-  height: 14px;
-}
-
-.gwt-SourcePanel .src {
-  padding: 0 5px;
-  height: 14px;
-}
-
-.gwt-SourcePanel .val {
-  background-color: #ECECEC;
-  border-right: 1px solid #DDD;
-  text-align: right;
-  color: #777;
-  padding: 0 3px;
-  height: 14px;
-  white-space: nowrap;
-}
-
-.gwt-SourcePanel .red {
-  background-color: #F0C8C8;
-}
-
-.gwt-SourcePanel .orange {
-  background-color: #FFF6BF;
-  color: #514721;
-}
-
-.gwt-SourcePanel .green {
-  background-color: #ACE97C;
-}
-
-.gwt-SourcePanel .msg {
-  font-family: sans-serif;
-  vertical-align: top;
-  padding: 3px 0;
-  height: 1.3em;
-  background-position: 5px 1px;
-  background-repeat: no-repeat;
-}
-.gwt-SourcePanel .bigln {
-  font-family: sans-serif;
-  vertical-align: top;
-  padding: 3px 0;
-  height: 1.6em;
-  background-position: 5px 1px;
-  background-repeat: no-repeat;
-  background-color: #ECECEC;
-}
-
-.gwt-SourcePanel .warn {
-  font-family: sans-serif;
-  vertical-align: top;
-  background-color: #FFFFC9;
-  border: 1px solid #DCDCDC;
-  border-top: none;
-  color: black;
-  line-height: 1.6em;
-  margin: 0;
-  padding: 0 0 2px 5px;
-}
-
-.gwt-SourcePanel .msg.error {
-  background-image: url("../images/exclamation.png");
-}
-
-.gwt-SourcePanel .msg.warning {
-  background-image: url("../images/warning.png");
-}
-
-.gwt-SourcePanel .msg.BLOCKER {
-  padding: 1px 5px 1px 25px;
-  background-image: url("../images/priority/BLOCKER.gif");
-  background-color: #FF5252;
-  color: #eee;
-  border: 1px solid red;
-  margin: 1px 0 1px 5px;
-  height: 100%;
-}
-
-.gwt-SourcePanel .msg.CRITICAL {
-  padding: 1px 5px 1px 25px;
-  background-image: url("../images/priority/CRITICAL.gif");
-  background-color: #FF5252;
-  color: #eee;
-  border: 1px solid red;
-  margin: 1px 0 1px 5px;
-  height: 100%;
-}
-
-.gwt-SourcePanel .msg.MAJOR {
-  padding: 1px 5px 1px 25px;
-  background-image: url("../images/priority/MAJOR.gif");
-  background-color: #FF5252;
-  color: #eee;
-  border: 1px solid red;
-  margin: 1px 0 1px 5px;
-  height: 100%;
-}
-
-.gwt-SourcePanel .msg.MINOR {
-  padding: 1px 5px 1px 25px;
-  background-image: url("../images/priority/MINOR.gif");
-  background-color: #FFF6BF;
-  border: 1px solid #FFD324;
-  margin: 1px 0 1px 5px;
-  height: 100%;
-}
-
-.gwt-SourcePanel .msg.INFO {
-  padding: 1px 5px 1px 25px;
-  background-image: url("../images/priority/INFO.gif");
-  background-color: #FFF6BF;
-  border: 1px solid #FFD324;
-  margin: 1px 0 1px 5px;
-  height: 100%;
-}
-
-.gwt-ViewerHeader {
-  background-color: #ECECEC;
-  border: 1px solid #DDD;
-  border-top: none;
-  margin-bottom: 8px;
-  color: #333;
-  vertical-align: bottom;
-}
-
-.gwt-ViewerHeader .metric {
-  padding: 8px 2px 5px 10px;
-  font-size: 93%;
-  text-align: right;
-  font-weight: bold;
-}
-
-.gwt-ViewerHeader .value {
-  padding: 8px 15px 5px 2px;
-  font-size: 93%;
-  text-align: left;
-  font-weight: normal;
-}
-
-.gwt-ViewerHeader .cell {
-  padding: 3px 10px;
-}
-
-.gwt-ViewerHeader .big {
-  padding: 4px 10px 2px 10px;
-  font-size: 152%;
-  font-weight: bold;
-}
-
-/* ------------------- DASHBOARD ------------------- */
-.page_title {
-  margin: 0 0 7px 0;
-}
-
-.color_OK {
-  background-color: #6ec563;
-  color: #fff;
-}
-
-.color_WARN {
-  background-color: #ff8500;
-  color: #fff;
-}
-
-.color_ERROR {
-  background-color: #f93f40;
-  color: #FFF;
-}
-
-#alerts_widget {
-  margin-bottom: 10px;
-  padding: 5px 5px 5px 10px;
-}
-
-#alerts_widget img {
-  vertical-align: bottom;
-}
-
-.dashbox {
-  float: left;
-  vertical-align: top;
-  text-align: left;
-  min-width: 60px;
-  padding: 0 7px 7px 0;
-}
-
-.big {
-  font-size: 152%;
-  font-weight: bold;
-}
-
-.adminportlet {
-  border: 2px dashed #ccc;
-  margin-bottom: 10px;
-  padding: 10px;
-}
-
-
-/* ------------------- VARIATIONS ------------------- */
-.var {
-  color: #444 !important;
-}
-.varb {/* better */
-   color: #078C00 !important;
-}
-.varw {/* worst */
-  color: #cc0000 !important;
-}
-
-/* ------------------- HELP ------------------- */
-.help {
-  border: 1px solid #DDD;
-  background-color: #ECECEC;
-  color: #444;
-  padding: 5px;
-}
-
-.help h2 {
-  padding-left: 23px;
-  color: #444;
-  vertical-align: bottom;
-  font-weight: bold;
-  background-repeat: no-repeat;
-  background-position: left center;
-  background-image: url('../images/information.png');
-}
-
-.help p {
-  padding: 5px 0;
-}
-
-/* ------------------- FORMS ------------------- */
-.admintable {
-  border: solid 1px #FFD324;
-  background-color: #FFF6BF;
-  color: #111;
-}
-.admintable td {
-  padding: 5px 10px;
-}
-.admintable span.desc {
-  font-size: 85%;
-  font-weight: normal;
-}
-
-/* ------------------- BOXES ------------------- */
-.box {
-  border: 1px solid #ccc;
-  background-color: #ECECEC;
-  margin-bottom: 5px;
-  color: #444;
-  padding: 10px;
-}
-
-.box a, .box a:visited {
-  color: #555;
-}
-
-.admin {
-  border: solid 1px #FFD324;
-  background-color: #FFF6BF;
-  color: #514721;
-  margin-bottom: 5px;
-  padding: 5px;
-}
-
-.admin h3 {
-  font-size: 100%;
-  text-align: left;
-  font-weight: bold;
-  color: #333;
-}
-
-.column {
-  vertical-align: top;
-  text-align: left;
-  padding: 0 0 0 10px;
-}
-
-.column.first {
-  padding: 0;
-}
-
-.column h3 {
-  padding: 3px 0;
-}
-
-.scrollable {
-  height: 144px;
-  overflow: auto;
-  border: 1px solid #ccc;
-  margin-right: 17px;
-}
-
-html>body .scrollable {
-  margin-right: 0;
-}
-
-.red {
-  color: #8B0000;
-}
-
-.green {
-  color: #050;
-}
-
-ul.bullet {
-  margin: 3px 0 3px 25px;
-}
-
-ul.bullet li {
-  padding: 2px 0;
-  list-style-image: url("../images/bullet.png");
-}
-
-.rule_title {
-  font-size: 110%;
-}
-
-.tabs {
-  height: 20px;
-  border-bottom: 1px solid #DDD;
-  margin: 0;
-  padding: 0;
-}
-.tablinks {
-  float:right;
-  padding: 0 5px 0 10px;
-  text-align: right;
-}
-.tablinks li {
-  float:left;
-  text-align: right;
-  background: url("../images/sep12.png") no-repeat scroll 0 50% transparent;
-  margin-left: 7px;
-  padding: 0 0 0 7px;
-}
-.tablinks li.first {
-  background: none;
-}
-.tablinks a {
-  text-decoration: underline;
-  color: #777;
-  font-size: 85%;
-}
-.tabs li {
-  display: inline;
-  list-style-type: none;
-  font-weight: normal;
-  color: #555;
-  background-color: #FFF;
-  vertical-align: baseline;
-  white-space: nowrap;
-  margin: 0;
-  border: 0;
-  padding: 0;
-}
-.tabs li a:link, .tabs li a:visited {
-  float: left;
-  background-color: #ECECEC;
-  color: #555;
-  vertical-align: bottom;
-  height: 17px;
-  margin: 0 1px 0 0;
-  padding: 1px 10px;
-  border: 1px solid #cdcdcd;
-  border-radius: 4px 4px 0 0;
-  -moz-border-radius: 4px 4px 0 0;
-  -webkit-border-radius: 4px 4px 0 0;
-}
-.tabs li a.selected:link, .tabs li a.selected:visited {
-  text-decoration: none;
-  background-color: #4B9FD5;
-  color: #efefef;
-  font-weight: bold;
-  border: 1px solid #CAE3F2;
-  margin: 0 1px 0 0;
-}
-.tabs-panel {
-  border-right: 1px solid #DDD;
-  border-bottom: 1px solid #DDD;
-  border-left: 1px solid #DDD;
-  border-top-width: 0;
-  padding: 10px;
-}
-.smalltabs {
-  line-height: 1.5em;
-  border-bottom: 1px solid #ccc;
-  vertical-align: bottom;
-  font-size: 85%;
-}
-.smalltabs .tab {
-  font-weight: normal;
-  text-decoration: none;
-  color: #777;
-  background-color: #FFF;
-  border: 1px solid #DDD;
-  border-bottom: 0;
-  vertical-align: middle;
-  white-space: nowrap;
-  margin-right: 5px;
-  padding: 0.1em 0.5em;
-}
-
-.smalltabs .tab.selected {
-  font-weight: bold;
-  background-color: #ECECEC;
-}
-
-.smalltabs .tab.selected a {
-  text-decoration: none;
-  background-color: #ECECEC;
-  color: #777;
-}
-
-.smalltabs .tab a {
-  text-decoration: none;
-  background-color: #FFF;
-  color: #777;
-}
-
-.smalltabs .tab a:visited {
-  text-decoration: none;
-}
-
-.smalltabs .tab.selected a:visited {
-  text-decoration: none;
-}
-
-.tabbed {
-  border: 1px solid silver;
-  border-top: 0;
-  padding: 5px;
-}
-
-#time_machine {
-  margin: 10px 0;
-}
-
-#time_machine #selected {
-  background-image: url("../images/timemachine.png");
-  background-repeat: repeat-x;
-  background-position: left;
-  background-color: #9D9D9D;
-  border: 2px solid #ccc;
-  color: #fff;
-}
-
-#time_machine #selected a {
-  border-bottom: 1px dotted #fff;
-}
-
-#time_machine #selected a.nolink {
-  border-bottom: 0;
-}
-
-#time_machine #selector {
-  background-color: #ECECEC;
-  border: 1px solid #DDD;
-}
-.comments {
-  color: #777;
-  font-size: 93%;
-  margin-bottom: 10px;
-  padding: 4px;
-}
-
-.little {
-  font-size: 80%;
-}
-
-.tooltip {
-  position: absolute;
-  background-color: #CAE3F2;
-  border: 1px solid #4b9fd5;
-  max-width: 480px;
-  text-align: left;
-  color: #262626;
-}
-
-.tooltip .content {
-  color: #111;
-  padding: 4px;
-}
-
-.tooltip .title {
-  color: #111;
-  font-weight: bold;
-  font-size: 100%;
-  padding: 2px 4px;
-}
-
-.tooltip td {
-  margin: 0;
-  padding: 2px;
-}
-
-.tooltip p {
-  margin: 0;
-  padding: 0;
-}
-
-.alert_WARN {
-  background-color: #ff8500;
-  color: #fff;
-  margin: 0;
-  padding: 0 3px;
-}
-
-.alert_ERROR {
-  background-color: #f93f40;
-  color: #fff;
-  margin: 0;
-  padding: 0 3px;
-}
-
-#comparison span.best {
-  font-size: 108%;
-  font-weight: bold;
-}
-
-
-
-.gwt-TabBar {
-  font-size: 93%;
-  width: 100%;
-  border-bottom: 1px solid #cdcdcd;
-}
-
-.gwt-TabBarFirst {
-  width: 0;
-}
-
-.gwt-TabBar .gwt-TabBarItem {
-  cursor: pointer;
-  font-weight: normal;
-  text-decoration: underline;
-  color: #555;
-  background-color: #ECECEC;
-  vertical-align: middle;
-  white-space: nowrap;
-  padding: 0.3em 0.6em;
-  border: 1px solid #cdcdcd;
-  border-bottom: none;
-  border-radius: 4px 4px 0 0;
-  -moz-border-radius: 4px 4px 0 0;
-  -webkit-border-radius: 4px 4px 0 0;
-}
-
-.gwt-TabBar .gwt-TabBarItem-wrapper {
-  padding: 0 0 0 1px;
-}
-
-.gwt-TabBar .gwt-TabBarItem-selected {
-  cursor: default;
-  font-weight: bold;
-  text-decoration: underline;
-  color: #efefef;
-  background-color: #4B9FD5;
-  border-bottom: none;
-  vertical-align: middle;
-  white-space: nowrap;
-  padding: 0.3em 0.6em;
-}
-
-.gwt-TabPanelBottom {
-  width: 100%;
-}
-
-.rule_desc {
-  color: #444;
-  padding: 2px 0;
-}
-
-.rule_desc li {
-  list-style: disc outside;
-  padding: 2px;
-}
-
-.rule_desc ul {
-  list-style: none outside;
-  padding-left: 30px;
-}
-
-.rule_desc pre, .rule_desc p {
-  padding: 7px;
-}
-
-.rule_desc pre {
-  margin: 10px 0;
-  font-family: "Courier New", Courier, monospace;;
-  border: 1px dashed #aaa;
-  font-size: 93%;
-}
-
-.tip:hover {
-  background: #FFF;
-  position: relative;
-  z-index: 100;
-}
-
-.tip span {
-  display: none;
-  margin-left: -20px;
-  padding: 4px 5px;
-}
-
-.tip:hover span {
-  display: inline;
-  position: absolute;
-  background: #CAE3F2;
-  border: 1px solid #4b9fd5;
-  color: #262626;
-  white-space: nowrap;
-  text-decoration: none;
-}
-.hbar {
-  float: left;
-  border: none;
-  clear: both;
-  width: 4em;
-  margin: 0;
-  padding: 2px 0 0;
-}
-
-.hbar li {
-  background-color: #777;
-  color: #FFF;
-  font-family: Verdana, Tahoma, Arial, sans-serif;
-  font-size: xx-small;
-  letter-spacing: -0.075em;
-  list-style: none;
-  line-height: 1.1em;
-  text-align: right;
-  vertical-align: middle;
-  padding: 0.1em;
-}
-
-div.barchart {
-  border: 0;
-  margin: 0;
-  padding: 0;
-  float: left;
-}
-
-div.barchart > div {
-  background-color: #4B9FD5;
-  height: 0.9em;
-}
-
-table.matrix thead {
-  background-color: #CAE3F2;
-  border: 1px solid #4b9fd5;
-}
-
-table.matrix thead th {
-  text-align: right;
-  border-right: 1px solid #4b9fd5;
-  padding: 4px 5px;
-}
-
-table.matrix tbody td {
-  border: 1px solid #ddd;
-  margin: 0;
-  padding: 4px 5px;
-}
-
-table.matrix tbody td.title {
-  border: none;
-  font-weight: bold;
-  margin: 0;
-  padding: 5px 0 0 5px;
-}
-
-
-a.nolink, .dashbox a, .dashbox a:visited {
-  text-decoration: none;
-}
-
-a.nolink:hover, .dashbox a:hover, .dashbox a.action, .dashbox a.action:visited {
-  text-decoration: underline;
-}
-
-h1 strong, .dashbox .title, .gwt-SourcePanel .sources .msg li strong {
-  font-weight: bold;
-}
-
-h4 a, h4 a:visited, .gray, table.data tfoot a, table.data tfoot a:visited {
-  color: #777;
-}
-
-.even, table.sortable tr.rowodd {
-  background-color: #F4F4F4;
-}
-
-.bordered, table.data > thead {
-  border-bottom: 1px solid #ddd;
-}
-
-table.data > tbody {
-  border-bottom: 1px solid #ddd;
-  border-right: 1px solid #ddd;
-  border-left: 1px solid #ddd;
-}
-
-table.data, table.spaced, .gwt-SourcePanel .sources {
-  width: 100%;
-}
-
-table.without-header {
-  border-top: 1px solid #ddd;
-}
-
-.hoverable.selected a, #time_machine #selected h3, #time_machine #selected a {
-  color: #fff;
-}
-
-#time_machine td, .gwt-SourcePanel .sources td {
-  vertical-align: top;
-}
-/* Button "More" in source viewers. See sonar-gwt-api, class SourcePanel */
-#more_source {
-  margin: 5px 10px;
-}
-
-
-
-
-/* GENERIC STYLES */
-.line-block {
-  display: inline-block;
-  width: 100%;
-}
-.line-info {
-  background: url('../images/information.png') no-repeat scroll left 50% transparent;
-  padding-left:18px
-}
-div.break10 {
-  clear: both;
-  height: 10px;
-}
-div.break30 {
-  clear: both;
-  height: 30px;
-}
-.marginbottom10 {
-  margin-bottom: 10px;
-}
-.marginright10 {
-  margin-right: 10px;
-}
-.marginleft10 {
-  margin-left: 10px;
-}
-.width100 {
-  width: 100%;
-}
-ul.horizontal {
-  list-style-type: none;
-}
-ul.horizontal li {
-  float: left;
-  position: relative;
-}
-table.nowrap td, td.nowrap {
-  white-space: nowrap;
-}
-.background-gray {
-  background-color: #ECECEC;
-  color: #444;
-}
-
-/* CONFIGURATION OF Q PROFILES */
-.bulk-edit {
-  display: block;
-  background: url("../images/bulk-edit.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-.csv {
-  display: block;
-  background: url("../images/csv.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-.add {
-  display: block;
-  background: url("../images/add.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-.restore {
-  display: block;
-  background: url("../images/restore.gif") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-.compare {
-  display: block;
-  background: url("../images/compare.png") no-repeat scroll left 50% transparent;
-  padding: 2px 0 2px 20px;
-}
-
-/* Profile diff */
-.diffParam {
-  font-family: 'Bitstream Vera Sans Mono','Courier',monospace;
-}
+/* CSS optimized by http://www.cleancss.com */

+

+@media print {

+/* ------------------- PRINT ------------------- */

+  html, body {

+    font-size: 8pt;

+  }

+  a, a:link, a:visited {

+    text-decoration: none;

+    border-bottom: 0;

+  }

+  .noprint {

+    display: none !important;

+  }

+  .print {

+    display: inline;

+    position: static;

+    left: 0;

+  }

+  #hd, #sb {

+    display: none;

+  }

+  .with_sidebar, .wo_sidebar {

+    padding: 0 !important;

+    margin: 0;

+  }

+  #content {

+    margin-left: 0 !important;

+  }

+}

+@media screen {

+  .print {

+    display: none;

+  }

+}

+html, body {

+  height: 100%;

+}

+body {

+  background-color: #FFF;

+  color: #444;

+  font-family: Arial, Helvetica, sans-serif;

+  text-align: left;

+}

+a {

+  color: #444;

+}

+

+/*

+

+  LAYOUT

+

+*/

+#container {

+  height: auto !important;

+}

+#hd {

+  background: #262626;

+  padding: 0 5px;

+  height: 30px;

+  line-height: 28px;

+  font-size: 93%;

+  margin: 0 10px;

+}

+#crumbs ol, #nav ol {

+  list-style-type:none;

+  padding: 0;

+  margin:0;

+  

+}

+#crumbs li {

+  float: left;

+  margin:0;

+  color: #fff;

+  padding: 0 10px 0 5px;

+}

+#nav li {

+  float: right;

+  margin:0;

+  line-height: 29px;

+  color: #fff;

+  padding: 0 0 0 10px;

+}

+#crumbs li a, #nav li a {

+  color: #fff;

+  vertical-align: middle;

+}

+#crumbs li a:link, #crumbs li a:visited, #nav li a:link, #nav li a:visited {

+  text-decoration:none;

+}

+#crumbs li a:hover, #crumbs li a:focus, #nav li a:hover, #nav li a:focus {

+  text-decoration:underline;

+}

+#crumbs li img, #nav li img {

+  vertical-align: text-bottom;

+}

+#nonav {

+  text-align: left;

+  margin: 50px 180px 0;

+}

+#ft {

+  height: 30px;

+}

+#body {

+  clear: both;

+}

+.with_sidebar {

+  padding-left: 160px;

+}

+.wo_sidebar {

+  padding-left: 20px;

+}

+#content {

+  margin: 0 10px 0 10px;

+  padding-top: 10px;

+  position: relative;

+  min-height: 400px;

+}

+#sb {

+  position: absolute;

+  width: 150px;

+  left: 10px;

+  top: 30px;

+  float: none;

+  margin: 0;

+}

+#sidebar {

+  background-color: #CAE3F2;

+  color: #262626;

+  text-align: left;

+  line-height: 1.1em;

+  border: 2px solid #4b9fd5;

+  border-top: 0;

+  padding: 10px 0;

+}

+#sidebar li {

+  list-style-type: none;

+  padding: 3px 0 3px 8px;

+}

+#sidebar li.h2 {

+  color: #003366;

+  padding: 20px 0 3px 8px;

+  text-transform: uppercase;

+  font-size: 100% !important;

+  font-weight: bold;

+}

+#sidebar .selected {

+  background-color: #4b9fd5;

+}

+#sidebar a, #sidebarpages a:visited {

+  text-decoration: none;

+  border-bottom: 0;

+}

+

+#sidebar a:hover {

+  color: #4b9fd5;

+}

+#sidebar .selected a, #sidebar .selected a:hover, #sidebar.selected a:visited {

+  font-weight: bold;

+  color: #efefef;

+}

+#logo {

+  text-align: center;

+  padding: 8px 0 0 0;

+}

+#logo a {

+  text-decoration: none;

+  border-bottom-width: 0;

+}

+#logo img {

+  display: block;

+}

+#sidebarconf {

+  background-color: #ECECEC;

+  border: 2px solid #DDD;

+  color: #666;

+  line-height: 1.1em;

+  margin-top: 10px;

+  padding: 10px;

+}

+.nolayout {

+  padding: 10px;

+}

+

+/* ------------------- PROJECTS SEARCH FORM ------------------- */

+#projectSearch {

+  color: #444;

+  margin: 4px 0 0 0;

+}

+#projectResults {

+  position: relative;

+  background: #fff;

+  color: #111;

+  line-height: 1em;

+  border: 1px solid #ccc;

+  z-index: 999999;

+  margin: 0;

+  padding: 0;

+}

+#projectResults ul {

+  list-style-type: none;

+  margin: 0;

+  padding: 0;

+}

+#projectResults ul li.selected {

+  background-color: #4b9fd5;

+  color: #fff;

+  margin: 0;

+}

+#projectResults ul li {

+  float: none;

+  display: block;

+  list-style-type: none;

+  cursor: pointer;

+  color: #333;

+  margin: 0;

+  padding: 5px 10px;

+  line-height: 1em;

+}

+#projectResults strong {

+  font-weight: bold;

+}

+/*

+  FOOTER

+*/

+#ftlinks {

+  background: #fff;

+  color: #262626;

+  text-align: center;

+  border-top: 1px solid #fff;

+  font-size: 85%;

+  padding: 4px 0;

+  margin-top: 10px;

+}

+#ftlinks a {

+  color: #333;

+}

+

+

+/*

+  GENERAL

+*/

+.loading {

+  background-image: url("../images/loading.gif");

+  background-position: 4px 2px;

+  background-repeat: no-repeat;

+  color: #444;

+  padding: 3px 25px;

+}

+

+.right {

+  text-align: right;

+}

+

+.left {

+  text-align: left;

+}

+

+.center {

+  text-align: center;

+}

+

+code {

+  font-size: 93%;

+}

+

+.hidden {

+  display: none;

+  visibility: hidden;

+}

+

+.clear {

+  height: 0;

+  clear: both;

+}

+

+.note {

+  color: #777;

+  font-size: 93%;

+  font-weight: normal;

+}

+.note img {

+  vertical-align: bottom;

+}

+.crossout {

+  text-decoration: line-through;

+}

+

+.small {

+  font-size: 85%;

+}

+em {

+  color: #AAA;

+  font-size: 85%;

+  font-style: normal;

+}

+

+a.external {

+	background: url('../images/links/external.png') no-repeat 100% 0;

+	padding: 0 16px 0px 0;

+}

+.fav {

+  display: inline-block;

+  background: url('../images/star.png') no-repeat 100% 0;

+  width: 16px;

+  height: 16px;

+  vertical-align: text-bottom;

+}

+.notfav {

+  display: inline-block;

+  background: url('../images/star_off.png') no-repeat 100% 0;

+  width: 16px;

+  height: 16px;

+  vertical-align: text-bottom;

+}

+button, .button {

+  max-height: 20px;

+}

+/* ------------------- PAGE ------------------- */

+h1 {

+  color: #444;

+  font-size: 16px;

+}

+h1 a {

+  color: #444;

+  text-decoration: none;

+  border-bottom: 1px dotted #2B547D;

+}

+h2, .h2 {

+  color: #2B547D;

+  font-size: 16px;

+  font-weight: normal;

+}

+h2 a {

+  color: #2B547D;

+  text-decoration: none;

+  border-bottom: 1px dotted #2B547D;

+}

+h3, .h3 {

+  font-size: 100%;

+  font-weight: bold;

+}

+

+h4, .h4 {

+  font-size: 85%;

+  color: #777;

+}

+.subtitle {

+  color: #777;

+  font-size: 85%;

+  margin: 0;

+  padding: 0;

+}

+.notes {

+  color: #777;

+  font-size: 85%;

+  margin-bottom: 10px;

+  background-color: #ECECEC;

+  border: 1px solid #cdcdcd;

+  padding: 4px;

+}

+.treemap {

+  position: relative;

+  cursor: pointer;

+}

+

+.treemap .label {

+  color: #fff;

+  padding: 2px;

+}

+

+/* ------------------- MESSAGES ------------------- */

+.warning {

+  border: solid 1px #FFD324;

+  background-color: #FFF6BF;

+  color: #514721;

+  margin: 0 0 4px;

+  padding: 4px;

+}

+

+.error {

+  border: 1px solid red;

+  background-color: #FF5252;

+  color: #eee;

+  margin: 0 0 4px;

+  padding: 4px;

+}

+

+.error a {

+  color: #eee;

+}

+

+.notice {

+  border: 1px solid #9c9;

+  background-color: #e2f9e3;

+  color: #060;

+  margin: 0 0 4px;

+  padding: 4px;

+}

+

+/* ------------------- LOGIN FORM ------------------- */

+#login_form {

+  border: 1px solid #4b9fd5;

+  width: 230px;

+  text-align: left;

+  background-color: #d4e7ff;

+  padding: 15px 20px;

+}

+

+#login_form h4 {

+  text-align: left;

+  font-weight: bold;

+  color: #036;

+}

+

+#login_form p {

+  padding: 3px 0 10px;

+}

+#login_form .desc {

+  font-size: 85%;

+  font-weight: normal;

+}

+/* ------------------- DOCUMENTATION --------------------- */

+.doc p {

+	margin: 10px 0;

+}

+.doc pre, pre.code {

+	color: #777;

+	background-color: #ECECEC;

+	padding: 10px;

+	margin: 10px 0;

+	border: 1px dashed #777;

+	font-size: 93%;

+	line-height: 1.5em;

+}

+

+/* ------------------- TABLES ------------------- */

+.odd {

+  background-color: #fff;

+}

+.odd.selected, .even.selected, .odd.selected a, .even.selected a, .even.selected span, .odd.selected span {

+  background-color: #4b9fd5;

+  color: #fff;

+}

+table.data > thead > tr > th {

+  font-size: 93%;

+  padding: 4px 7px 4px 3px;

+  font-weight: bold;

+}

+table.data > tfoot > tr > td {

+  font-size: 93%;

+  color: #777;

+  padding: 4px 0 4px 10px;

+}

+

+table.data > tbody > tr > td {

+  padding: 4px 7px 4px 3px;

+  vertical-align: text-top;

+}

+table.data td.small, table.data th.small {

+  padding: 0;

+  white-space: nowrap;

+}

+table.data th img, table.data td img {

+  vertical-align: top;

+}

+.data thead tr.total {

+  background-color: #ECECEC;

+  font-weight: normal;

+  border: 1px solid #DDD;

+}

+.data thead tr.total th {

+  font-weight: normal;

+}

+.data thead tr.blank {

+  background-color: #fff;

+  line-height: 15px;

+}

+.data tr.highlight {

+  background-color: #CAE3F2;

+  border-top: 1px solid #4B9FD5;

+  border-bottom: 1px solid #4B9FD5;

+}

+.data input, .data select, .data button {

+  vertical-align: baseline;

+}

+.hoverable:hover {

+  background-color: #CAE3F2;

+}

+

+.hoverable:hover a {

+  color: #111;

+}

+

+table.sortable .sortcol {

+  cursor: pointer;

+  padding-right: 15px;

+  background-repeat: no-repeat;

+  background-position: right center;

+  text-decoration: underline;

+}

+

+table.sortable .sortasc {

+  background-image: url('../images/bullet_arrow_up.gif');

+  background-position: right center;

+}

+

+table.sortable .sortdesc {

+  background-image: url('../images/bullet_arrow_down.gif');

+  background-position: right center;

+}

+

+table.sortable .nosort {

+  cursor: default;

+}

+

+table.spaced th {

+  font-weight: bold;

+  color: #333;

+  padding: 4px 5px;

+}

+

+table.spaced td, table.matrix tfoot td {

+  padding: 3px 5px;

+  line-height: 18px;

+}

+table.spaced td img {

+  vertical-align: text-bottom;

+}

+

+table.spacedicon th {

+  font-weight: bold;

+  color: #333;

+  padding: 4px 5px;

+}

+

+table.spacedicon td {

+  padding: 0px 5px;

+  height: 24px;

+}

+

+.thin {

+  width: 1%;

+}

+td.sep {

+	width: 10px;

+}

+.spacer {

+  width: 5px;

+  display: inline-block;

+}

+.formError {

+  display: inline-block;

+  background-color: #FF9090;

+  color: #000;

+  padding: 0 5px;

+}

+table.form td {

+  padding: 2px 5px;

+  vertical-align: top;

+}

+table.form td.first {

+  min-width: 120px;

+  text-align: right;

+  font-weight: bold;

+  vertical-align: middle;

+}

+table.form td img {

+  vertical-align: bottom;

+}

+.admin hr {

+  background: transparent;

+  border-left:  none;

+  border-right: none;

+  border-top:   none;

+  border-bottom: 1px dashed #FFD324;

+  height: 1px;

+}

+

+

+

+/* OPERATIONS */

+#page-operations {

+  display: inline-block;

+  width: 100%;

+}

+div.operations {

+  float: right;

+  margin: 0;

+}

+ul.operations {

+  float: right;

+  list-style-type: none;

+  margin: 0;

+  background-color: #ECECEC;

+  border: 1px solid #cdcdcd;

+  border-radius: 3px;

+  -moz-border-radius: 3px;

+  -webkit-border-radius: 3px;

+}

+ul.operations li {

+  float: left;

+  margin: 0;

+  padding: 2px 7px;

+  font-size: 85%;

+  border-right: 1px solid #cdcdcd;

+}

+ul.operations li.selected {

+  background-color: #d4d4d4;

+}

+ul.operations li.last {

+  border-right-width:0;

+}

+ul.operations li a {

+  color: #555;

+}

+ul.operations li img {

+  vertical-align: middle;

+  margin-right: 5px;

+}

+

+/* RESOURCE VIEWER */

+.resourceName h1 {

+	margin: 5px 0;

+}

+

+

+

+/* SOURCE */

+.sources2 {

+  width: 100%;

+  border-top: 1px solid #DDD;

+  border-bottom: 1px solid #DDD;

+  margin: 0;

+}

+.sources2 td.lid {

+  background-color: #ECECEC;

+  border-right: 1px solid #DDDDDD;

+  border-left: 1px solid #DDDDDD;

+  text-align: right;

+  padding: 2px 0.5em 0 0.5em;

+  vertical-align: top;

+  font-size: 85%;

+}

+.sources2 td.lid a {

+  text-decoration: none;

+  color: #AAA;

+}

+.sources2 td.scm {

+  border-right: 1px solid #DDD;

+  border-left: 1px solid #DDD;

+  background-color: #ECECEC;

+}

+.sources2 td.revision {

+  border-top: 1px solid #DDD;

+  vertical-align: top;

+  padding: 0 0.3em;

+  white-space: nowrap;

+}

+.sources2 span.date, .sources2 span.date a {

+  color: #AAA;

+  font-size: 85%;

+  text-decoration: none;

+}

+.sources2 span.author, .sources2 span.author a {

+  font-size: 85%;

+}

+.sources2 div.violations {

+  background-color: #FFFFFF; /* #EFEFEF */

+  margin: 2px;

+  border: 1px solid #DDD;

+}

+.sources2 div.violation {

+  background-color: #FFFFFF; /* #EFEFEF */

+  margin: 0;

+  padding: 3px 5px;

+}

+span.rulename, span.rulename a {

+  color: #4183C4;

+  text-decoration: none;

+}

+span.violation_date {

+  color: #AAA;

+  font-size: 85%;

+}

+span.rulename a:hover {

+  text-decoration: underline;

+}

+.sources2 div.violation img {

+  vertical-align: sub;

+}

+.sources2 td.line {

+  width: 100%;

+  border-right: 1px solid #DDD;

+}

+.sources2 td.line pre {

+  font-size: 12px;

+  font-family: monospace;

+  margin-left: 1em;

+}

+.sources2 td.section {

+  border-top: 1px solid #DDD;

+  border-bottom: 1px solid #DDD;

+}

+.sources2 td.ind {

+  border-right: 1px solid #DDD;

+  min-width: 1.5em;

+  padding: 0 0.3em;

+  text-align: center;

+  vertical-align: middle;

+}

+.sources2 td.ok {

+  background-color: #ACE97C;

+  border-top: 1px solid #6EC563;

+  border-bottom: 1px solid #6EC563;

+}

+.sources2 td.warn {

+  background-color: #FFF6BF;

+}

+.sources2 td.ko {

+  background-color: #FF9090;

+}

+.sources2 td.new_section {

+  border-top: 1px solid #DDD;

+  border-bottom: 1px solid #DDD;

+  height: 40px;

+}

+#source_title {

+  padding: 10px 0;

+}

+#source_title span.h1 {

+  font-size: 16px;

+  margin-right: 10px;

+}

+.source_links {

+  font-size: 11px;

+}

+#global_violations {

+  width: 100%;

+  border: 1px solid #DDD;

+  margin-bottom: 10px;

+}

+#global_violations td {

+  background-color: #ECECEC;

+  padding: 3px 0.5em;

+}

+#global_violations td img, #source_title img {

+  vertical-align: text-bottom;

+}

+.tab_header {

+  border: 1px solid #DDD;

+  border-top-width: 0;

+  background-color: #ECECEC;

+  padding: 5px 10px;

+  margin-bottom: 10px;

+  color: #444;

+}

+.tab_header td {

+  padding-right: 7px;

+}

+.tab_header td.name {

+  font-weight: bold;

+  text-align: left;

+  white-space: nowrap;

+}

+.tab_header td.value {

+  text-align: right;

+  white-space: nowrap;

+}

+#source_options {

+  margin-top: 5px;

+  padding-top: 5px;

+  border-top: 1px solid #ddd;

+  font-size: 85%;

+}

+#source_options td {

+  background: url("../images/sep12.png") no-repeat scroll 0 50% transparent;

+  padding: 0 10px;

+}

+#source_options td.first {

+  background: none;

+  padding: 0 10px 0 0;

+}

+

+

+

+#gwtpage {

+	width: 100%;

+	clear: both;

+}

+.gwt-SourcePanel {

+  font-size: 12px;

+  background-color: #fff;

+  border-top: 1px solid silver;

+  border-bottom: 1px solid silver;

+  width: 100%;

+}

+

+.gwt-SourcePanel .ln {

+  background-color: #ECECEC;

+  white-space: nowrap;

+  text-align: right;

+  font-size: 85%;

+  color: #AAAAAA;

+  border-right: 1px solid #DDD;

+  padding: 0 3px;

+  height: 14px;

+}

+

+.gwt-SourcePanel .src {

+  padding: 0 5px;

+  height: 14px;

+}

+

+.gwt-SourcePanel .val {

+  background-color: #ECECEC;

+  border-right: 1px solid #DDD;

+  text-align: right;

+  color: #777;

+  padding: 0 3px;

+  height: 14px;

+  white-space: nowrap;

+}

+

+.gwt-SourcePanel .red {

+  background-color: #F0C8C8;

+}

+

+.gwt-SourcePanel .orange {

+  background-color: #FFF6BF;

+  color: #514721;

+}

+

+.gwt-SourcePanel .green {

+  background-color: #ACE97C;

+}

+

+.gwt-SourcePanel .msg {

+  font-family: sans-serif;

+  vertical-align: top;

+  padding: 3px 0;

+  height: 1.3em;

+  background-position: 5px 1px;

+  background-repeat: no-repeat;

+}

+.gwt-SourcePanel .bigln {

+  font-family: sans-serif;

+  vertical-align: top;

+  padding: 3px 0;

+  height: 1.6em;

+  background-position: 5px 1px;

+  background-repeat: no-repeat;

+  background-color: #ECECEC;

+}

+

+.gwt-SourcePanel .warn {

+  font-family: sans-serif;

+  vertical-align: top;

+  background-color: #FFFFC9;

+  border: 1px solid #DCDCDC;

+  border-top: none;

+  color: black;

+  line-height: 1.6em;

+  margin: 0;

+  padding: 0 0 2px 5px;

+}

+

+.gwt-SourcePanel .msg.error {

+  background-image: url("../images/exclamation.png");

+}

+

+.gwt-SourcePanel .msg.warning {

+  background-image: url("../images/warning.png");

+}

+

+.gwt-SourcePanel .msg.BLOCKER {

+  padding: 1px 5px 1px 25px;

+  background-image: url("../images/priority/BLOCKER.gif");

+  background-color: #FF5252;

+  color: #eee;

+  border: 1px solid red;

+  margin: 1px 0 1px 5px;

+  height: 100%;

+}

+

+.gwt-SourcePanel .msg.CRITICAL {

+  padding: 1px 5px 1px 25px;

+  background-image: url("../images/priority/CRITICAL.gif");

+  background-color: #FF5252;

+  color: #eee;

+  border: 1px solid red;

+  margin: 1px 0 1px 5px;

+  height: 100%;

+}

+

+.gwt-SourcePanel .msg.MAJOR {

+  padding: 1px 5px 1px 25px;

+  background-image: url("../images/priority/MAJOR.gif");

+  background-color: #FF5252;

+  color: #eee;

+  border: 1px solid red;

+  margin: 1px 0 1px 5px;

+  height: 100%;

+}

+

+.gwt-SourcePanel .msg.MINOR {

+  padding: 1px 5px 1px 25px;

+  background-image: url("../images/priority/MINOR.gif");

+  background-color: #FFF6BF;

+  border: 1px solid #FFD324;

+  margin: 1px 0 1px 5px;

+  height: 100%;

+}

+

+.gwt-SourcePanel .msg.INFO {

+  padding: 1px 5px 1px 25px;

+  background-image: url("../images/priority/INFO.gif");

+  background-color: #FFF6BF;

+  border: 1px solid #FFD324;

+  margin: 1px 0 1px 5px;

+  height: 100%;

+}

+

+.gwt-ViewerHeader {

+  background-color: #ECECEC;

+  border: 1px solid #DDD;

+  border-top: none;

+  margin-bottom: 8px;

+  color: #333;

+  vertical-align: bottom;

+}

+

+.gwt-ViewerHeader .metric {

+  padding: 8px 2px 5px 10px;

+  font-size: 93%;

+  text-align: right;

+  font-weight: bold;

+}

+

+.gwt-ViewerHeader .value {

+  padding: 8px 15px 5px 2px;

+  font-size: 93%;

+  text-align: left;

+  font-weight: normal;

+}

+

+.gwt-ViewerHeader .cell {

+  padding: 3px 10px;

+}

+

+.gwt-ViewerHeader .big {

+  padding: 4px 10px 2px 10px;

+  font-size: 152%;

+  font-weight: bold;

+}

+

+/* ------------------- DASHBOARD ------------------- */

+.page_title {

+  margin: 0 0 7px 0;

+}

+

+.color_OK {

+  background-color: #6ec563;

+  color: #fff;

+}

+

+.color_WARN {

+  background-color: #ff8500;

+  color: #fff;

+}

+

+.color_ERROR {

+  background-color: #f93f40;

+  color: #FFF;

+}

+

+#alerts_widget {

+  margin-bottom: 10px;

+  padding: 5px 5px 5px 10px;

+}

+

+#alerts_widget img {

+  vertical-align: bottom;

+}

+

+.dashbox {

+  float: left;

+  vertical-align: top;

+  text-align: left;

+  min-width: 60px;

+  padding: 0 7px 7px 0;

+}

+

+.big {

+  font-size: 152%;

+  font-weight: bold;

+}

+

+.adminportlet {

+  border: 2px dashed #ccc;

+  margin-bottom: 10px;

+  padding: 10px;

+}

+

+

+/* ------------------- VARIATIONS ------------------- */

+.var {

+  color: #444 !important;

+}

+.varb {/* better */

+   color: #078C00 !important;

+}

+.varw {/* worst */

+  color: #cc0000 !important;

+}

+

+/* ------------------- HELP ------------------- */

+.help {

+  border: 1px solid #DDD;

+  background-color: #ECECEC;

+  color: #444;

+  padding: 5px;

+}

+

+.help h2 {

+  padding-left: 23px;

+  color: #444;

+  vertical-align: bottom;

+  font-weight: bold;

+  background-repeat: no-repeat;

+  background-position: left center;

+  background-image: url('../images/information.png');

+}

+

+.help p {

+  padding: 5px 0;

+}

+

+/* ------------------- FORMS ------------------- */

+.admintable {

+  border: solid 1px #FFD324;

+  background-color: #FFF6BF;

+  color: #111;

+}

+.admintable td {

+  padding: 5px 10px;

+}

+.admintable span.desc {

+  font-size: 85%;

+  font-weight: normal;

+}

+

+/* ------------------- BOXES ------------------- */

+.box {

+  border: 1px solid #ccc;

+  background-color: #ECECEC;

+  margin-bottom: 5px;

+  color: #444;

+  padding: 10px;

+}

+

+.box a, .box a:visited {

+  color: #555;

+}

+

+.admin {

+  border: solid 1px #FFD324;

+  background-color: #FFF6BF;

+  color: #514721;

+  margin-bottom: 5px;

+  padding: 5px;

+}

+

+.admin h3 {

+  font-size: 100%;

+  text-align: left;

+  font-weight: bold;

+  color: #333;

+}

+

+.column {

+  vertical-align: top;

+  text-align: left;

+  padding: 0 0 0 10px;

+}

+

+.column.first {

+  padding: 0;

+}

+

+.column h3 {

+  padding: 3px 0;

+}

+

+.scrollable {

+  height: 144px;

+  overflow: auto;

+  border: 1px solid #ccc;

+  margin-right: 17px;

+}

+

+html>body .scrollable {

+  margin-right: 0;

+}

+

+.red {

+  color: #8B0000;

+}

+

+.green {

+  color: #050;

+}

+

+ul.bullet {

+  margin: 3px 0 3px 25px;

+}

+

+ul.bullet li {

+  padding: 2px 0;

+  list-style-image: url("../images/bullet.png");

+}

+

+.rule_title {

+  font-size: 110%;

+}

+

+.tabs {

+  height: 20px;

+  border-bottom: 1px solid #DDD;

+  margin: 0;

+  padding: 0;

+}

+.tablinks {

+  float:right;

+  padding: 0 5px 0 10px;

+  text-align: right;

+}

+.tablinks li {

+  float:left;

+  text-align: right;

+  background: url("../images/sep12.png") no-repeat scroll 0 50% transparent;

+  margin-left: 7px;

+  padding: 0 0 0 7px;

+}

+.tablinks li.first {

+  background: none;

+}

+.tablinks a {

+  text-decoration: underline;

+  color: #777;

+  font-size: 85%;

+}

+.tabs li {

+  display: inline;

+  list-style-type: none;

+  font-weight: normal;

+  color: #555;

+  background-color: #FFF;

+  vertical-align: baseline;

+  white-space: nowrap;

+  margin: 0;

+  border: 0;

+  padding: 0;

+}

+.tabs li a:link, .tabs li a:visited {

+  float: left;

+  background-color: #ECECEC;

+  color: #555;

+  vertical-align: bottom;

+  height: 17px;

+  margin: 0 1px 0 0;

+  padding: 1px 10px;

+  border: 1px solid #cdcdcd;

+  border-radius: 4px 4px 0 0;

+  -moz-border-radius: 4px 4px 0 0;

+  -webkit-border-radius: 4px 4px 0 0;

+}

+.tabs li a.selected:link, .tabs li a.selected:visited {

+  text-decoration: none;

+  background-color: #4B9FD5;

+  color: #efefef;

+  font-weight: bold;

+  border: 1px solid #CAE3F2;

+  margin: 0 1px 0 0;

+}

+.tabs-panel {

+  border-right: 1px solid #DDD;

+  border-bottom: 1px solid #DDD;

+  border-left: 1px solid #DDD;

+  border-top-width: 0;

+  padding: 10px;

+}

+.smalltabs {

+  line-height: 1.5em;

+  border-bottom: 1px solid #ccc;

+  vertical-align: bottom;

+  font-size: 85%;

+}

+.smalltabs .tab {

+  font-weight: normal;

+  text-decoration: none;

+  color: #777;

+  background-color: #FFF;

+  border: 1px solid #DDD;

+  border-bottom: 0;

+  vertical-align: middle;

+  white-space: nowrap;

+  margin-right: 5px;

+  padding: 0.1em 0.5em;

+}

+

+.smalltabs .tab.selected {

+  font-weight: bold;

+  background-color: #ECECEC;

+}

+

+.smalltabs .tab.selected a {

+  text-decoration: none;

+  background-color: #ECECEC;

+  color: #777;

+}

+

+.smalltabs .tab a {

+  text-decoration: none;

+  background-color: #FFF;

+  color: #777;

+}

+

+.smalltabs .tab a:visited {

+  text-decoration: none;

+}

+

+.smalltabs .tab.selected a:visited {

+  text-decoration: none;

+}

+

+.tabbed {

+  border: 1px solid silver;

+  border-top: 0;

+  padding: 5px;

+}

+

+#time_machine {

+  margin: 10px 0;

+}

+

+#time_machine #selected {

+  background-image: url("../images/timemachine.png");

+  background-repeat: repeat-x;

+  background-position: left;

+  background-color: #9D9D9D;

+  border: 2px solid #ccc;

+  color: #fff;

+}

+

+#time_machine #selected a {

+  border-bottom: 1px dotted #fff;

+}

+

+#time_machine #selected a.nolink {

+  border-bottom: 0;

+}

+

+#time_machine #selector {

+  background-color: #ECECEC;

+  border: 1px solid #DDD;

+}

+.comments {

+  color: #777;

+  font-size: 93%;

+  margin-bottom: 10px;

+  padding: 4px;

+}

+

+.little {

+  font-size: 80%;

+}

+

+.tooltip {

+  position: absolute;

+  background-color: #CAE3F2;

+  border: 1px solid #4b9fd5;

+  max-width: 480px;

+  text-align: left;

+  color: #262626;

+}

+

+.tooltip .content {

+  color: #111;

+  padding: 4px;

+}

+

+.tooltip .title {

+  color: #111;

+  font-weight: bold;

+  font-size: 100%;

+  padding: 2px 4px;

+}

+

+.tooltip td {

+  margin: 0;

+  padding: 2px;

+}

+

+.tooltip p {

+  margin: 0;

+  padding: 0;

+}

+

+.alert_WARN {

+  background-color: #ff8500;

+  color: #fff;

+  margin: 0;

+  padding: 0 3px;

+}

+

+.alert_ERROR {

+  background-color: #f93f40;

+  color: #fff;

+  margin: 0;

+  padding: 0 3px;

+}

+

+#comparison span.best {

+  font-size: 108%;

+  font-weight: bold;

+}

+

+

+

+.gwt-TabBar {

+  font-size: 93%;

+  width: 100%;

+  border-bottom: 1px solid #cdcdcd;

+}

+

+.gwt-TabBarFirst {

+  width: 0;

+}

+

+.gwt-TabBar .gwt-TabBarItem {

+  cursor: pointer;

+  font-weight: normal;

+  text-decoration: underline;

+  color: #555;

+  background-color: #ECECEC;

+  vertical-align: middle;

+  white-space: nowrap;

+  padding: 0.3em 0.6em;

+  border: 1px solid #cdcdcd;

+  border-bottom: none;

+  border-radius: 4px 4px 0 0;

+  -moz-border-radius: 4px 4px 0 0;

+  -webkit-border-radius: 4px 4px 0 0;

+}

+

+.gwt-TabBar .gwt-TabBarItem-wrapper {

+  padding: 0 0 0 1px;

+}

+

+.gwt-TabBar .gwt-TabBarItem-selected {

+  cursor: default;

+  font-weight: bold;

+  text-decoration: underline;

+  color: #efefef;

+  background-color: #4B9FD5;

+  border-bottom: none;

+  vertical-align: middle;

+  white-space: nowrap;

+  padding: 0.3em 0.6em;

+}

+

+.gwt-TabPanelBottom {

+  width: 100%;

+}

+

+.rule_desc {

+  color: #444;

+  padding: 2px 0;

+}

+

+.rule_desc li {

+  list-style: disc outside;

+  padding: 2px;

+}

+

+.rule_desc ul {

+  list-style: none outside;

+  padding-left: 30px;

+}

+

+.rule_desc pre, .rule_desc p {

+  padding: 7px;

+}

+

+.rule_desc pre {

+  margin: 10px 0;

+  font-family: "Courier New", Courier, monospace;;

+  border: 1px dashed #aaa;

+  font-size: 93%;

+}

+

+.tip:hover {

+  background: #FFF;

+  position: relative;

+  z-index: 100;

+}

+

+.tip span {

+  display: none;

+  margin-left: -20px;

+  padding: 4px 5px;

+}

+

+.tip:hover span {

+  display: inline;

+  position: absolute;

+  background: #CAE3F2;

+  border: 1px solid #4b9fd5;

+  color: #262626;

+  white-space: nowrap;

+  text-decoration: none;

+}

+.hbar {

+  float: left;

+  border: none;

+  clear: both;

+  width: 4em;

+  margin: 0;

+  padding: 2px 0 0;

+}

+

+.hbar li {

+  background-color: #777;

+  color: #FFF;

+  font-family: Verdana, Tahoma, Arial, sans-serif;

+  font-size: xx-small;

+  letter-spacing: -0.075em;

+  list-style: none;

+  line-height: 1.1em;

+  text-align: right;

+  vertical-align: middle;

+  padding: 0.1em;

+}

+

+div.barchart {

+  border: 0;

+  margin: 0;

+  padding: 0;

+  float: left;

+}

+

+div.barchart > div {

+  background-color: #4B9FD5;

+  height: 0.9em;

+}

+

+table.matrix thead {

+  background-color: #CAE3F2;

+  border: 1px solid #4b9fd5;

+}

+

+table.matrix thead th {

+  text-align: right;

+  border-right: 1px solid #4b9fd5;

+  padding: 4px 5px;

+}

+

+table.matrix tbody td {

+  border: 1px solid #ddd;

+  margin: 0;

+  padding: 4px 5px;

+}

+

+table.matrix tbody td.title {

+  border: none;

+  font-weight: bold;

+  margin: 0;

+  padding: 5px 0 0 5px;

+}

+

+

+a.nolink, .dashbox a, .dashbox a:visited {

+  text-decoration: none;

+}

+

+a.nolink:hover, .dashbox a:hover, .dashbox a.action, .dashbox a.action:visited {

+  text-decoration: underline;

+}

+

+h1 strong, .dashbox .title, .gwt-SourcePanel .sources .msg li strong {

+  font-weight: bold;

+}

+

+h4 a, h4 a:visited, .gray, table.data tfoot a, table.data tfoot a:visited {

+  color: #777;

+}

+

+.even, table.sortable tr.rowodd {

+  background-color: #F4F4F4;

+}

+

+.bordered, table.data > thead {

+  border-bottom: 1px solid #ddd;

+}

+

+table.data > tbody {

+  border-bottom: 1px solid #ddd;

+  border-right: 1px solid #ddd;

+  border-left: 1px solid #ddd;

+}

+

+table.data, table.spaced, .gwt-SourcePanel .sources {

+  width: 100%;

+}

+

+table.without-header {

+  border-top: 1px solid #ddd;

+}

+

+.hoverable.selected a, #time_machine #selected h3, #time_machine #selected a {

+  color: #fff;

+}

+

+#time_machine td, .gwt-SourcePanel .sources td {

+  vertical-align: top;

+}

+/* Button "More" in source viewers. See sonar-gwt-api, class SourcePanel */

+#more_source {

+  margin: 5px 10px;

+}

+

+

+

+

+/* GENERIC STYLES */

+.line-block {

+  display: inline-block;

+  width: 100%;

+}

+.line-info {

+  background: url('../images/information.png') no-repeat scroll left 50% transparent;

+  padding-left:18px

+}

+div.break10 {

+  clear: both;

+  height: 10px;

+}

+div.break30 {

+  clear: both;

+  height: 30px;

+}

+.marginbottom10 {

+  margin-bottom: 10px;

+}

+.marginright10 {

+  margin-right: 10px;

+}

+.marginleft10 {

+  margin-left: 10px;

+}

+.width100 {

+  width: 100%;

+}

+ul.horizontal {

+  list-style-type: none;

+}

+ul.horizontal li {

+  float: left;

+  position: relative;

+}

+table.nowrap td, td.nowrap {

+  white-space: nowrap;

+}

+.background-gray {

+  background-color: #ECECEC;

+  color: #444;

+}

+

+/* CONFIGURATION OF Q PROFILES */

+.bulk-edit {

+  display: block;

+  background: url("../images/bulk-edit.png") no-repeat scroll left 50% transparent;

+  padding: 2px 0 2px 20px;

+}

+.csv {

+  display: block;

+  background: url("../images/csv.png") no-repeat scroll left 50% transparent;

+  padding: 2px 0 2px 20px;

+}

+.add {

+  display: block;

+  background: url("../images/add.png") no-repeat scroll left 50% transparent;

+  padding: 2px 0 2px 20px;

+}

+.restore {

+  display: block;

+  background: url("../images/restore.gif") no-repeat scroll left 50% transparent;

+  padding: 2px 0 2px 20px;

+}

+.compare {

+  display: block;

+  background: url("../images/compare.png") no-repeat scroll left 50% transparent;

+  padding: 2px 0 2px 20px;

+}

+

+/* Profile diff */

+.diffParam {

+  font-family: 'Bitstream Vera Sans Mono','Courier',monospace;

+}