]> source.dussan.org Git - sonarqube.git/commitdiff
Fix crlf
authorEvgeny Mandrikov <mandrikov@gmail.com>
Wed, 20 Apr 2011 09:49:13 +0000 (13:49 +0400)
committerEvgeny Mandrikov <mandrikov@gmail.com>
Wed, 20 Apr 2011 09:49:13 +0000 (13:49 +0400)
sonar-server/src/main/webapp/stylesheets/style.css

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