fixed / optimized several css properties

git-svn-id: http://dev.piwik.org/svn/trunk@6164 59fd770c-687e-43c8-a1e3-f5a4ff64c105

17 files changed, 139 insertions, 109 deletions

diff --git a/plugins/CoreAdminHome/templates/menu.css b/plugins/CoreAdminHome/templates/menu.css
index 021a9f1bac..317c5d8f55 100644
--- a/plugins/CoreAdminHome/templates/menu.css
+++ b/plugins/CoreAdminHome/templates/menu.css
@@ -7,7 +7,7 @@
 	margin-left: 0;
 	margin-bottom: 0;
 	margin-top: 0.1em;
-	border-bottom: 1px solid gray;
+	border-bottom: 1px solid #808080;
 }
 
 #tablist li {
@@ -28,16 +28,16 @@
 }
 
 #tablist li a:link,#tablist li a:visited {
-	color: black;
+	color: #000;
 	border-radius: 4px 4px 0 0;
 	-moz-border-radius:4px 4px 0 0;
 	-webkit-border-radius:4px 4px 0 0;
 }
 
 #tablist li a:hover, #tablist li a.active {
-	color: black;
+	color: #000;
 	background: #defdbb;
-	border-color: black;
+	border-color: #000;
 }
 
 #tablist li a.current {
diff --git a/plugins/CoreAdminHome/templates/styles.css b/plugins/CoreAdminHome/templates/styles.css
index 334bf5c2fe..ab571b1df3 100644
--- a/plugins/CoreAdminHome/templates/styles.css
+++ b/plugins/CoreAdminHome/templates/styles.css
@@ -6,8 +6,8 @@
 }
 
 #content.admin {
-	margin:0px 15px;
-	padding:0px 0 0 0;
+	margin:0 15px;
+	padding:0 0 0 0;
 	font:13px Arial, Helvetica, sans-serif
 }
 
@@ -53,7 +53,6 @@ table.admin tbody td, table.admin tbody th {
 	text-decoration: none;
 	font-weight: normal;
 	padding: 10px;
-	padding:10px;
 }
 
 table.admin  tbody td:hover, table.admin  tbody th:hover {
@@ -78,8 +77,8 @@ table.admin  tbody td:hover, table.admin  tbody th:hover {
 
 .admin h2 {
 	border-bottom:1px solid #DADADA;
-	margin:15px -15px 20px 0px;
-	padding:0pt 0px 5px 0pt;
+	margin:15px -15px 20px 0;
+	padding:0 0 5px 0;
 	font-size:24px;
 }
 
diff --git a/plugins/CoreHome/templates/datatable.css b/plugins/CoreHome/templates/datatable.css
index e69371cc64..2e3475d10b 100644
--- a/plugins/CoreHome/templates/datatable.css
+++ b/plugins/CoreHome/templates/datatable.css
@@ -106,7 +106,6 @@ table.dataTable th.columnSorted {
 }
 
 table.dataTable td {
-	border-left: 0;
 	padding: 5px 5px 5px 12px;
 	background: #fff;
 	border-left:1px solid #e7e7e7;
@@ -134,7 +133,9 @@ table.dataTable tr:hover>td.cellSubDataTable .dataTableRowActions{
 	background-color:#fff;
 }
 
-td.clean{ background-color:#fff!important;}
+td.clean{
+    background-color:#fff!important;
+}
 
 
 table.dataTable td.columneven {
@@ -155,8 +156,7 @@ table.dataTable td.labelodd {
 }
 
 
-table.dataTable td.label,table.subActionsDataTable td.label,table.actionsDataTable td.label
-{
+table.dataTable td.label,table.subActionsDataTable td.label,table.actionsDataTable td.label {
 	border-top: 0;
 	border-left: 0;
 }
@@ -224,7 +224,7 @@ table.subDataTable td.label {
 }
 
 table.subDataTable td.labelodd,table.subDataTable td.labelodd a {
-	background: #ffffff;
+	background: #fff;
 }
 table.subDataTable td.label {
 	padding: 5px;
@@ -243,12 +243,12 @@ table thead div {
 }
 
 #sortIcon {
-	margin: 0px;
+	margin: 0;
 	position: absolute;
 }
 
 .datatableFooterMessage {
-	color: #888888;
+	color: #888;
 	text-align:left;
 	margin: 10px;
 }
@@ -293,9 +293,8 @@ table thead div {
 	overflow:visible; 
 	padding:2px 6px;
 	opacity:1;
-	filter:Alpha(opacity:100); 
-	cursor:text; 
-	
+    cursor:text;
+	filter:Alpha(opacity:100);
 }
 
 .dataTableNext,.dataTablePrevious {
@@ -306,7 +305,7 @@ table thead div {
 
 /* are the following two supposed to be together? */
 .subDataTable.dataTableFeatures {
-	padding-top: 0px;
+	padding-top: 0;
 	padding-bottom: 5px;
 }
 .dataTableFeatures {
@@ -322,7 +321,7 @@ table thead div {
 	font-size:0.9em;
 }
 .subDataTable .dataTableFooterIcons {
-	height: 0px;
+	height: 0;
 }
 
 
@@ -363,7 +362,11 @@ table thead div {
 	background:#e9e8e1;
 }
 
-.dataTableFooterActiveItem{ position:absolute; top:-6px; left:0px;}
+.dataTableFooterActiveItem{
+    position:absolute;
+    top:-6px;
+    left:0;
+}
 
 .exportToFormatItems{
 	background:#dcdacf;
@@ -386,7 +389,7 @@ table thead div {
 	padding-right:4px;
 }
 .tableIconsGroup .tableIcon span {
-	margin-right:5px;	
+	margin-right:5px;
 	margin-left:5px;
 }
 .tableIconsGroup img{
@@ -441,23 +444,23 @@ tr.subActionsDataTable{
 }
 
 tr.level0 td.label {
-	padding-left: +1.5em;
+	padding-left: 1.5em;
 }
 
 tr.level1 td.label {
-	padding-left: +2.5em;
+	padding-left: 2.5em;
 }
 
 tr.level2 td.label {
-	padding-left: +3.5em;
+	padding-left: 3.5em;
 }
 
 tr.level3 td.label {
-	padding-left: +4.5em;
+	padding-left: 4.5em;
 }
 
 tr.level4 td.label {
-	padding-left: +5em;
+	padding-left: 5em;
 }
 
 /* less right margins for the link image in the Pa*/
@@ -510,7 +513,6 @@ table.dataTable th .columnDocumentationTitle {
 
 .reportDocumentation {
 	display: none;
-	margin: 10px 0;
 	background: #f7f7f7;
 	font-size: 12px;
 	font-weight: normal; 
@@ -590,7 +592,7 @@ table.dataTable .dataTableRowActions a img {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     background: url(../../../themes/default/images/sort_subtable_desc_light.png) no-repeat right 2px;
-    padding: 0px 14px 0 4px;
+    padding: 0 14px 0 4px;
     display: block;
     width: 24px;
     height: 20px;
@@ -599,8 +601,8 @@ table.dataTable .dataTableRowActions a img {
 
 .limitSelection.disabled div {
     opacity: 0.5;
-    filter:Alpha(opacity:50);
     cursor: not-allowed;
+    filter:Alpha(opacity:50);
 }
 
 .limitSelection.visible div {
@@ -619,7 +621,7 @@ table.dataTable .dataTableRowActions a img {
 .limitSelection ul li {
     cursor: pointer;
     width: 28px;
-    padding: 0px 10px 0 4px;
+    padding: 0 10px 0 4px;
     font-size: 1.1em;
     font-weight: bold;
     height: 20px;
@@ -634,6 +636,8 @@ table.dataTable .dataTableRowActions a img {
 .limitSelection ul li.last {
     border-top: 1px solid #DFDFDF;
     border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
 }
 
 .limitSelection ul li:hover {
@@ -685,6 +689,8 @@ a.tableConfigurationIcon img {
 .tableConfiguration ul li.firstDummy {
     border-bottom: 1px solid #DFDFDF;
     border-radius: 0 0 4px 4px;
+    -moz-border-radius: 0 0 4px 4px;
+    -webkit-border-radius: 0 0 4px 4px;
 	height: 25px;
 	cursor: default;
 }
@@ -696,6 +702,8 @@ a.tableConfigurationIcon img {
 .tableConfiguration ul li.last {
     border-top: 1px solid #DFDFDF;
     border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
 }
 
 .tableConfiguration span {
diff --git a/plugins/CoreHome/templates/jqplot.css b/plugins/CoreHome/templates/jqplot.css
index 81a8612558..630712a51b 100644
--- a/plugins/CoreHome/templates/jqplot.css
+++ b/plugins/CoreHome/templates/jqplot.css
@@ -61,20 +61,20 @@
 }
 
 .jqplot-xaxis-tick {
-    top: 0px;
+    top: 0;
     left: 15px;
     vertical-align: top;
 }
 
 .jqplot-yaxis-tick {
-    right: 0px;
+    right: 0;
     top: 15px;
     text-align: right;
 }
 
 .jqplot-yaxis-tick.jqplot-breakTick {
 	right: -20px;
-	margin-right: 0px;
+	margin-right: 0;
 	padding:1px 5px 1px 5px;
 	z-index: 2;
 	font-size: 1.5em;
@@ -93,8 +93,8 @@
 }
 
 .jqplot-title {
-    top: 0px;
-    left: 0px;
+    top: 0;
+    left: 0;
     padding-bottom: 0.5em;
     font-size: 1.2em;
 }
@@ -183,11 +183,11 @@
 }
 
 .rowevolution table.metrics td.text span.good {
-	color: green;
+	color: #008000;
 }
 
 .rowevolution table.metrics td.text span.bad {
-	color: red;
+	color: #f00;
 }
 
 .rowevolution-documentation {
diff --git a/plugins/CoreHome/templates/jquery.ui.autocomplete.css b/plugins/CoreHome/templates/jquery.ui.autocomplete.css
index bc002fdd88..a3bd1d4aa8 100644
--- a/plugins/CoreHome/templates/jquery.ui.autocomplete.css
+++ b/plugins/CoreHome/templates/jquery.ui.autocomplete.css
@@ -1,10 +1,19 @@
 /* Autocomplete
 ----------------------------------*/
-.ui-autocomplete { position: absolute; cursor: default; }	
-.ui-autocomplete-loading { background: white; }
+.ui-autocomplete {
+    position: absolute;
+    cursor: default;
+}
+
+.ui-autocomplete-loading {
+    background: white;
+}
 
 /* workarounds */
-* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+* html .ui-autocomplete {
+    /* without this, the menu expands to 100% in IE6 */
+    width:1px;
+}
 
 /* Menu
 ----------------------------------*/
@@ -18,11 +27,11 @@
 }
 .ui-menu .ui-menu {
 	margin-top: -3px;
-        margin-bottom: 8px;
+    margin-bottom: 8px;
 }
 .ui-menu .ui-menu-item {
 	line-height:18px;
-	padding:0 0px;
+	padding:0;
 	height:auto;
 	display:block;
 	text-decoration:none;
@@ -32,31 +41,34 @@
 	line-height:18px;
 	color:#255792;
 	font-size: 12px;
-	padding: 0px 5px 0px 5px;
+	padding: 0 5px 0 5px;
 	position: relative;
-	
-
 }
+
 .ui-menu .ui-menu-item a.ui-state-hover,
 .ui-menu .ui-menu-item a.ui-state-active {
 	font-weight: normal;
-	margin: 0px;
+	margin: 0;
 }
 
 
 .ui-widget-content  {
-background:url("../../../libs/jquery/themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
-border: 0px solid #D4D4D4;
-border-top: 0px;
-color:#222222;
+    background:url("../../../libs/jquery/themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
+    border: 0 solid #D4D4D4;
+    border-top: 0;
+    color:#222;
 }
 .ui-corner-all {
--moz-border-radius:4px 4px 4px 4px;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
 }
 
 .ui-menu .ui-menu-item a.ui-state-hover{
 	background:#ebeae6;
-	border: 0px;
-	-moz-border-radius: 0px;
+	border: 0;
+    border-radius: 0;
+	-moz-border-radius: 0;
+    -webkit-radius-radius: 0;
 }
 
diff --git a/plugins/CoreHome/templates/menu.css b/plugins/CoreHome/templates/menu.css
index e75661418f..f55cbebb9b 100644
--- a/plugins/CoreHome/templates/menu.css
+++ b/plugins/CoreHome/templates/menu.css
@@ -25,7 +25,7 @@
     list-style: none;
     z-index: 49;
     margin-right:-1px;
-    border: 1px solid #dddddd;
+    border: 1px solid #ddd;
     border-bottom:0;
     border-radius: 4px 4px 0 0 ;
     -moz-border-radius:  4px 4px 0 0 ;
@@ -37,12 +37,12 @@
 }
 
 .nav a {
-    border-bottom: 1px solid #dddddd;
+    border-bottom: 1px solid #ddd;
     color: #444444;
     font-size:18px;
     display: block;
     float: left;
-    padding: 8px 27px 0px 27px;
+    padding: 8px 27px 0 27px;
     height:25px;
     text-decoration: none;
     font-weight: normal;
@@ -67,7 +67,7 @@
 
 .nav li ul {
     padding:9px 0 5px 0;
-    left: 0px;
+    left: 0;
     top: -999em;
     position: absolute;
     height:25px;
diff --git a/plugins/CoreHome/templates/styles.css b/plugins/CoreHome/templates/styles.css
index 6341970898..4c0ddd4898 100644
--- a/plugins/CoreHome/templates/styles.css
+++ b/plugins/CoreHome/templates/styles.css
@@ -1,8 +1,8 @@
 h1 {
-	font-size: 18px;	
-	font-weight:bold; 	
-	color: #7e7363;	
-	padding:3px 0  7px 0;	
+	font-size: 18px;
+	font-weight:bold;
+	color: #7e7363;
+	padding:3px 0  7px 0;
 	clear:both;
 }
 
@@ -107,17 +107,26 @@ div.ui-datepicker {
 	border-bottom: 1px solid #520202;
 }
 
-#calendarRangeTo { float:left;     margin-left: 20px;}
-#calendarRangeFrom { float:left; }
+#calendarRangeTo {
+    float:left;
+    margin-left: 20px;
+}
+
+#calendarRangeFrom {
+    float:left;
+}
+
 #inputCalendarFrom, #inputCalendarTo {
 	margin-left: 10px;
     width: 90px;
 }
+
 #calendarRangeApply {
-display:none;
-margin-top:10px;
-margin-left:10px; 
+    display:none;
+    margin-top:10px;
+    margin-left:10px;
 }
+
 #invalidDateRange {
 	display:none;
 }
@@ -137,8 +146,8 @@ div .sparkline {
 }
 
 div.pk-emptyGraph {
-        padding-top: 20px;
-        padding-bottom: 10px;
-        text-align: center;
-        font-style: italic;
+    padding-top: 20px;
+    padding-bottom: 10px;
+    text-align: center;
+    font-style: italic;
 }
diff --git a/plugins/Dashboard/templates/dashboard.css b/plugins/Dashboard/templates/dashboard.css
index d2c636dffa..6b167c078f 100644
--- a/plugins/Dashboard/templates/dashboard.css
+++ b/plugins/Dashboard/templates/dashboard.css
@@ -330,7 +330,7 @@ ul.widgetpreview-widgetlist li {
 ul.widgetpreview-widgetlist {
     cursor: pointer;
     position: relative;
-    top: 0px;
+    top: 0;
 }
 
 div.widgetpreview-preview {
@@ -339,7 +339,7 @@ div.widgetpreview-preview {
 }
 
 #dashboardSettings.widgetpreview-base {
-    min-height: 0px;
+    min-height: 0;
     height: auto;
     margin-left: 10px;
     margin-bottom: 10px;
diff --git a/plugins/Dashboard/templates/header.tpl b/plugins/Dashboard/templates/header.tpl
index ac5a04e296..b2ff951c89 100644
--- a/plugins/Dashboard/templates/header.tpl
+++ b/plugins/Dashboard/templates/header.tpl
@@ -38,7 +38,7 @@
     }
 
     #Dashboard a {
-        color: #444444;
+        color: #444;
         text-decoration: none;
         font-weight: normal;
     }
diff --git a/plugins/Installation/templates/install.css b/plugins/Installation/templates/install.css
index b04ad45091..8e4e664aef 100644
--- a/plugins/Installation/templates/install.css
+++ b/plugins/Installation/templates/install.css
@@ -56,13 +56,13 @@ h3 {
 .error img {
 	border:0;
 	float:right;
-	margin:10;
+	margin:10px;
 }
 .success {
 	color:#26981C;
 	font-size:130%;
 	font-weight:bold;
-	padding:10;	
+	padding:10px;
 }
 .warn {
 	color:#D7A006;
@@ -73,7 +73,7 @@ h3 {
 	color:#ff5502;
 	font-size:130%;
 	font-weight:bold;
-	padding:10px 20px 10px 30px;	
+	padding:10px 20px 10px 30px;
 	border: 1px solid #ff5502;
 }
 
diff --git a/plugins/Live/templates/live.css b/plugins/Live/templates/live.css
index b48c49af68..76649c09c2 100644
--- a/plugins/Live/templates/live.css
+++ b/plugins/Live/templates/live.css
@@ -1,7 +1,7 @@
 #visitsLive {
    text-align:left;
    font-size:90%;
-   color:#444444;
+   color:#444;
 }
 #visitsLive .datetime, #visitsLive .country, #visitsLive .referer, #visitsLive .settings, #visitsLive .returning {
    border-bottom: 1px solid #d3d1c5;
@@ -15,7 +15,7 @@
    text-align:left;
 }
 #visitsLive .country {
-   background:#FFFFFF url(../../../plugins/CoreHome/templates/images/bullet1.gif) no-repeat scroll 0 0;
+   background:#FFF url(../../../plugins/CoreHome/templates/images/bullet1.gif) no-repeat scroll 0 0;
 }
 #visitsLive .referer {
    background:#F9FAFA none repeat scroll 0 0;
@@ -28,7 +28,7 @@
     float:left;
 }
 #visitsLive .settings {
-   background:#FFFFFF none repeat scroll 0 0;
+   background:#FFF none repeat scroll 0 0;
 }
 #visitsLive .settings a{  
 	 text-decoration:none;
@@ -43,8 +43,7 @@
 	line-height:2.5em;
 }
 .visitorLog table img {
-	margin:0;
-	margin-right:3px;
+	margin:0 3px 0 0;
 }
 .visitsLiveFooter a.rightLink{
     float:right;
@@ -74,6 +73,8 @@ ol.visitorLog li {
 	border:1px solid #D8D8D8;
 	color:#474747;
 	border-radius:3px;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px;
     padding: 3px 5px;
 }
 #visitsLive .visitorRank {
@@ -82,14 +83,16 @@ ol.visitorLog li {
 	margin-left:5px;
 }
 .hash {
-    color: #BBBBBB;
+    color: #BBB;
     font-size: 9pt;
     margin-right:2px;
 }
 .repeat { 
     font-weight: bold; 
-    border: 1px solid #444444; 
+    border: 1px solid #444;
     border-radius: 3px 3px 3px 3px; 
-    padding: 2px; 
+    -moz-border-radius: 3px 3px 3px 3px;
+    -webkit-border-radius: 3px 3px 3px 3px;
+    padding: 2px;
 }
 
diff --git a/plugins/Login/templates/login.css b/plugins/Login/templates/login.css
index 78b6d508be..48e1f80f87 100644
--- a/plugins/Login/templates/login.css
+++ b/plugins/Login/templates/login.css
@@ -28,10 +28,8 @@ form .forgetmenot {
 	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana,
 		sans-serif;
 	padding: 3px 5px;
-	border: none;
+	border: 1px solid;
 	font-size: 13px;
-	border-width: 1px;
-	border-style: solid;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
@@ -61,8 +59,7 @@ form p {
 
 #login_error,.message {
 	margin: 0 0 16px 8px;
-	border-width: 1px;
-	border-style: solid;
+	border: 1px solid;
 	padding: 12px;
 }
 
diff --git a/plugins/MultiSites/templates/styles.css b/plugins/MultiSites/templates/styles.css
index 95e31f3ed6..de3d76528f 100644
--- a/plugins/MultiSites/templates/styles.css
+++ b/plugins/MultiSites/templates/styles.css
@@ -1,6 +1,6 @@
 #multisites { 
 	border:0; 
-	padding:0px 15px;
+	padding:0 15px;
 	font-size:14px;
 }
 
@@ -12,15 +12,15 @@
 }
 .indicator {
 	background-image: url("../images/loading-blue.gif");
-	background-position:	center;
+	background-position: center;
 	background-repeat: no-repeat;
 	height: 20px;
 	width: 60px;
 	margin: auto;
-	border: 0px !important;
+	border: 0 !important;
 }
 .clean {
-    border: 0px !important;
+    border: 0 !important;
 }
 #multisites th {
     cursor:pointer; 
@@ -28,8 +28,8 @@
 #multisites td, #multisites tr, #multisites .sparkline {
     text-align: center;
     vertical-align: middle;
-    padding: 1px ;
-    margin: 0px ;
+    padding: 1px;
+    margin: 0;
 }
 #multisites td.multisites-label {
     padding-left: 15px ;
@@ -66,10 +66,12 @@
 }
 #mt thead :first-child {
     -moz-border-radius-topleft: 7px;
-    -webkit-border-top-left-radius: 7px
+    -webkit-border-top-left-radius: 7px;
+    border-top-left-radius: 7px
 }
 
 #mt thead :last-child {
     -moz-border-radius-topright: 7px;
     -webkit-border-top-right-radius: 7px;
+    border-top-right-radius: 7px;
 }
\ No newline at end of file
diff --git a/themes/default/common.css b/themes/default/common.css
index eca12047a9..84a2badbe6 100644
--- a/themes/default/common.css
+++ b/themes/default/common.css
@@ -150,14 +150,14 @@ a {
 	padding:0 20px 0 0;
 }	
 #periodString .period-type input{
-	
+
 }
 #periodString .period-type label{
 	font-size:12px;
 	display:inline-block; 
 	padding: 2px 0px 3px 0;
 	vertical-align:top; 
-}	
+}
 
 
 /* About Piwik box top right */
@@ -208,7 +208,7 @@ a {
 	border: 1px solid #CBD9EB ;	
 }
 .header_info , .header_info  a { 
-	color:#444444; 
+	color:#444;
 }
 
 #header{ padding:5px 0 0 0; min-height:60px; }
@@ -227,7 +227,7 @@ a {
 	font-size:12px;
 }
 .autocompleteMatched {
-	font-color:#5256BE;
+	color:#5256BE;
 	font-weight:bold;
 }
 .sites_autocomplete label{
@@ -286,7 +286,7 @@ a {
 }
 
 .sites_autocomplete .custom_select_all {
-	padding:0px 0 0 4px;
+	padding:0 0 0 4px;
 }
 .sites_autocomplete .custom_select_all a{
 	text-decoration:none; 
@@ -321,7 +321,7 @@ a {
 	overflow:hidden; 
 	opacity:0;
 	filter:Alpha(opacity:0);
-	cursor:pointer; 
+	cursor:pointer;
 }
 
 .custom_select_block{ height:0; overflow:hidden; }
diff --git a/themes/default/ieonly.css b/themes/default/ieonly.css
index 4eb87a7bfc..08ad7295ae 100644
--- a/themes/default/ieonly.css
+++ b/themes/default/ieonly.css
@@ -55,7 +55,7 @@ input[type=checkbox], input[type=radio] {
 }
 
 *+html .ui-confirm.ui-widget-content {
-    padding-top: 0px;
+    padding-top: 0;
 }
 
 * html .ui-autocomplete {
diff --git a/themes/default/simple_structure.css b/themes/default/simple_structure.css
index 0fec630255..b3f85f2ff5 100644
--- a/themes/default/simple_structure.css
+++ b/themes/default/simple_structure.css
@@ -38,7 +38,7 @@
 p, dt {
 	line-height: 120%;
 	padding-bottom: 1em;
-	margin:10;
+	margin:10px;
 }
 a { color: #006; }
 #logo { margin-bottom: 2em; }
@@ -74,10 +74,10 @@ a { color: #006; }
 	font-weight:bold;
 	font-size:130%;
 	border: 1px solid red;
-	padding:20;
+	padding:20px;
 }
 .error, .error a {
-	color:red;
+	color:#f00;
 }
 .error img, .success img, .warning img {
 	border:0;
diff --git a/themes/default/styles.css b/themes/default/styles.css
index cf5a724d1f..726dd2ec6a 100644
--- a/themes/default/styles.css
+++ b/themes/default/styles.css
@@ -37,7 +37,7 @@ code {
 	direction:ltr;
 	display:table;
 	font-size:100%;
-	margin:12px 2px 0px;
+	margin:12px 2px 0;
 	padding:5px 50px 5px 15px;
 	text-align:left;
 	line-height:1.3em;