From fc87f861278801088df833cd7d95761fe4f2d260 Mon Sep 17 00:00:00 2001
From: Tom Laermans <tom@localhost>
Date: Thu, 8 Sep 2011 14:37:20 +0000
Subject: [PATCH] fix some css formatting

git-svn-id: http://www.observium.org/svn/observer/trunk@2434 61d68cd4-352d-0410-923a-c4978735b2b8
---
 html/css/styles-wide.css |    7 +-
 html/css/styles.css      | 1049 +++++++++++++++++++-------------------
 2 files changed, 539 insertions(+), 517 deletions(-)

diff --git a/html/css/styles-wide.css b/html/css/styles-wide.css
index 9e8c67dde..e76b28e2d 100644
--- a/html/css/styles-wide.css
+++ b/html/css/styles-wide.css
@@ -1,8 +1,7 @@
-#center{
-                width:1800px;
-
+#center {
+  width: 1800px;
 }
 
 .contentstyle {
-width: 1776px;
+  width: 1776px;
 }
diff --git a/html/css/styles.css b/html/css/styles.css
index a95f7d0b3..b0e9bf2eb 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -24,213 +24,248 @@ body {
 }
 
 .submit {
-  background-image:url('/images/submitbg.png');
-  background-position:0 100%;
-  border-color:#B2B2B2 #525252 #525252 #B2B2B2;
+  background-image: url('/images/submitbg.png');
+  background-position: 0 100%;
+  border-color: #B2B2B2 #525252 #525252 #B2B2B2;
 }
 .submit#hover {
- border-color:#000;
+ border-color: #000;
 }
 
 input,select {
-  background:#FFFFFF url('/images/textbg.png') repeat-x scroll 0 0;
-  font-size:1em;
-  border:1px solid #B2B2B2;
-  border-color:#B2B2B2 #d2d2d2 #d2d2d2 #B2B2B2;
-  border-style:solid;
-  border-width:1px;
-  margin:1px;
-  padding:1px;
+  background: #FFFFFF url('/images/textbg.png') repeat-x scroll 0 0;
+  font-size: 1em;
+  border: 1px solid #B2B2B2;
+  border-color: #B2B2B2 #d2d2d2 #d2d2d2 #B2B2B2;
+  border-style: solid;
+  border-width: 1px;
+  margin: 1px;
+  padding: 1px;
 }
 
-.rounded{display:block}
-.rounded *{
+.rounded {
+  display:block;
+}
+.rounded * {
+  display: block;
+  height: 1px;
+  overflow: hidden;
+  font-size: .01em;
+  background: #e5e5e5;
+}
+.rounded1 {
+  margin-left: 3px;
+  margin-right: 3px;
+  padding-left: 1px;
+  padding-right: 1px;
+  border-left: 1px solid #f3f36b;
+  border-right: 1px solid #f3f36b;
+  background: #ebebaf;
+}
+.rounded2 {
+  margin-left: 1px;
+  margin-right: 1px;
+  padding-right: 1px;
+  padding-left: 1px;
+  border-left: 1px solid #fcfc24;
+  border-right: 1px solid #fcfc24;
+  background: #e9e9bc;
+}
+.rounded3 {
+  margin-left: 1px;
+  margin-right: 1px;
+  border-left: 1px solid #e9e9bc;
+  border-right: 1px solid #e9e9bc;
+}
+.rounded4 {
+  border-left: 1px solid #f3f36b;
+  border-right: 1px solid #f3f36b;
+}
+.rounded5 {
+  border-left: 1px solid #ebebaf;
+  border-right: 1px solid #ebebaf;
+}
+.roundedfg {
+  background: #e5e5e5;
+}
+
+.content-box {display: block}
+.content-box * {
+  display: block;
+  height: 1px;
+  overflow: hidden;
+  font-size: .01em;
+  background: #e5e5e5;
+}
+.content-box1 {
+  margin-left: 3px;
+  margin-right: 3px;
+  padding-left: 1px;
+  padding-right: 1px;
+  border-left: 1px solid #f3f3f3;
+  border-right: 1px solid #f3f3f3;
+  background: #ebebeb;
+}
+.content-box2 {
+  margin-left: 1px;
+  margin-right: 1px;
+  padding-right: 1px;
+  padding-left: 1px;
+  border-left: 1px solid #fcfcfc;
+  border-right: 1px solid #fcfcfc;
+  background: #e9e9e9;
+}
+.content-box3 {
+  margin-left: 1px;
+  margin-right: 1px;
+  border-left: 1px solid #e9e9e9;
+  border-right: 1px solid #e9e9e9;
+}
+.content-box4 {
+  border-left: 1px solid #f3f3f3;
+  border-right: 1px solid #f3f3f3;
+}
+.content-box5 {
+  border-left: 1px solid #ebebeb;
+  border-right: 1px solid #ebebeb;
+}
+.content-boxfg {
+  background: #e5e5e5;
+}
+
+.box-info {display: block}
+.box-info * {
   display:block;
   height:1px;
   overflow:hidden;
   font-size:.01em;
-  background:#e5e5e5}
-.rounded1{
-  margin-left:3px;
-  margin-right:3px;
-  padding-left:1px;
-  padding-right:1px;
-  border-left:1px solid #f3f36b;
-  border-right:1px solid #f3f36b;
-  background:#ebebaf}
-.rounded2{
-  margin-left:1px;
-  margin-right:1px;
-  padding-right:1px;
-  padding-left:1px;
-  border-left:1px solid #fcfc24;
-  border-right:1px solid #fcfc24;
-  background:#e9e9bc}
-.rounded3{
-  margin-left:1px;
-  margin-right:1px;
-  border-left:1px solid #e9e9bc;
-  border-right:1px solid #e9e9bc;}
-.rounded4{
-  border-left:1px solid #f3f36b;
-  border-right:1px solid #f3f36b}
-.rounded5{
-  border-left:1px solid #ebebaf;
-  border-right:1px solid #ebebaf}
-.roundedfg{
-  background:#e5e5e5}
-
-
-.content-box{display:block}
-.content-box *{
-  display:block;
-  height:1px;
-  overflow:hidden;
-  font-size:.01em;
-  background:#e5e5e5}
-.content-box1{
-  margin-left:3px;
-  margin-right:3px;
-  padding-left:1px;
-  padding-right:1px;
-  border-left:1px solid #f3f3f3;
-  border-right:1px solid #f3f3f3;
-  background:#ebebeb}
-.content-box2{
-  margin-left:1px;
-  margin-right:1px;
-  padding-right:1px;
-  padding-left:1px;
-  border-left:1px solid #fcfcfc;
-  border-right:1px solid #fcfcfc;
-  background:#e9e9e9}
-.content-box3{
-  margin-left:1px;
-  margin-right:1px;
-  border-left:1px solid #e9e9e9;
-  border-right:1px solid #e9e9e9;}
-.content-box4{
-  border-left:1px solid #f3f3f3;
-  border-right:1px solid #f3f3f3}
-.content-box5{
-  border-left:1px solid #ebebeb;
-  border-right:1px solid #ebebeb}
-.content-boxfg{
-  background:#e5e5e5}
-
-.box-info{display:block}
-.box-info *{
-  display:block;
-  height:1px;
-  overflow:hidden;
-  font-size:.01em;
-  background:#aaffaa}
-.box-info1{
+  background:#aaffaa;
+}
+.box-info1 {
   margin-left:3px;
   margin-right:3px;
   padding-left:1px;
   padding-right:1px;
   border-left:1px solid #cbf0cb;
   border-right:1px solid #cbf0cb;
-  background:#b8f8b8}
-.box-info2{
+  background:#b8f8b8;
+}
+.box-info2 {
   margin-left:1px;
   margin-right:1px;
   padding-right:1px;
   padding-left:1px;
   border-left:1px solid #dfe7df;
   border-right:1px solid #dfe7df;
-  background:#b5fab5}
-.box-info3{
+  background:#b5fab5;
+}
+.box-info3 {
   margin-left:1px;
   margin-right:1px;
   border-left:1px solid #b5fab5;
-  border-right:1px solid #b5fab5;}
-.box-info4{
+  border-right:1px solid #b5fab5;
+}
+.box-info4 {
   border-left:1px solid #cbf0cb;
-  border-right:1px solid #cbf0cb}
-.box-info5{
+  border-right:1px solid #cbf0cb;
+}
+.box-info5 {
   border-left:1px solid #b8f8b8;
-  border-right:1px solid #b8f8b8}
-.box-infofg{
-  background:#aaffaa}
+  border-right:1px solid #b8f8b8;
+}
+.box-infofg {
+  background:#aaffaa;
+}
 
-.box-warn{display:block}
-.box-warn *{
+.box-warn {display:block}
+.box-warn * {
   display:block;
   height:1px;
   overflow:hidden;
   font-size:.01em;
-  background:#AAAAFF}
-.box-warn1{
+  background:#AAAAFF;
+}
+.box-warn1 {
   margin-left:3px;
   margin-right:3px;
   padding-left:1px;
   padding-right:1px;
   border-left:1px solid #dadaff;
   border-right:1px solid #dadaff;
-  background:#bfbfff}
-.box-warn2{
+  background:#bfbfff;
+}
+.box-warn2 {
   margin-left:1px;
   margin-right:1px;
   padding-right:1px;
   padding-left:1px;
   border-left:1px solid #f6f6ff;
   border-right:1px solid #f6f6ff;
-  background:#babaff}
-.box-warn3{
+  background:#babaff;
+}
+.box-warn3 {
   margin-left:1px;
   margin-right:1px;
   border-left:1px solid #babaff;
-  border-right:1px solid #babaff;}
-.box-warn4{
+  border-right:1px solid #babaff;
+}
+.box-warn4 {
   border-left:1px solid #dadaff;
-  border-right:1px solid #dadaff}
-.box-warn5{
+  border-right:1px solid #dadaff;
+}
+.box-warn5 {
   border-left:1px solid #bfbfff;
-  border-right:1px solid #bfbfff}
-.box-warnfg{
-  background:#AAAAFF}
+  border-right:1px solid #bfbfff;
+}
+.box-warnfg {
+  background:#AAAAFF;
+}
 
-.box-alert{display:block}
-.box-alert *{
+.box-alert {display:block}
+.box-alert * {
   display:block;
   height:1px;
   overflow:hidden;
   font-size:.01em;
-  background:#FFAAAA}
-.box-alert1{
+  background:#FFAAAA;
+}
+.box-alert1 {
   margin-left:3px;
   margin-right:3px;
   padding-left:1px;
   padding-right:1px;
   border-left:1px solid #ffdada;
   border-right:1px solid #ffdada;
-  background:#ffbfbf}
-.box-alert2{
+  background:#ffbfbf;
+}
+.box-alert2 {
   margin-left:1px;
   margin-right:1px;
   padding-right:1px;
   padding-left:1px;
   border-left:1px solid #fff6f6;
   border-right:1px solid #fff6f6;
-  background:#ffbaba}
-.box-alert3{
+  background:#ffbaba;
+}
+.box-alert3 {
   margin-left:1px;
   margin-right:1px;
   border-left:1px solid #ffbaba;
-  border-right:1px solid #ffbaba;}
-.box-alert4{
+  border-right:1px solid #ffbaba;
+}
+.box-alert4 {
   border-left:1px solid #ffdada;
-  border-right:1px solid #ffdada}
-.box-alert5{
+  border-right:1px solid #ffdada;
+}
+.box-alert5 {
   border-left:1px solid #ffbfbf;
-  border-right:1px solid #ffbfbf}
-.box-alertfg{
-  background:#FFAAAA}
+  border-right:1px solid #ffbfbf;
+}
+.box-alertfg {
+  background:#FFAAAA;
+}
 
-
-img	{ border: 0; }
+img  { border: 0; }
 
 A         { text-decoration: none; }
 A:link    { color: #0000cc; }
@@ -258,204 +293,203 @@ A.orange:visited, a.orange, .orange { color: #FF7400; }
 .greybg  { background-color: #dddddd; }
 
 .selector {
-        width:275px;
+  width:275px;
 }
 
 .page-h2 {
-        font-size: 14px;
-	font-weight: bold;
-	vertical-align: top;
+  font-size: 14px;
+  font-weight: bold;
+  vertical-align: top;
 }
 
 .header-text {
-        font-size: 16px;
-        font-style: normal;
-        font-weight: bold;
-        color: #000000;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000;
 }
 
 .interface-header {
-        font-size: 20px;
-        font-style: normal;
-        font-weight: bold;
-        color: #000000;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000;
 }
 
 .graphhead, .sectionhead {
-        font-size: 15px;
-        font-style: normal;
-        font-weight: bold;
-        color: #555;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: bold;
+  color: #555;
 }
 
 .tablehead {
-        font-weight: bold;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: bold;
-        color: #666;
+  font-weight: bold;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: bold;
+  color: #666;
 }
 
 .box-desc {
-        font-size: 12px;
-        font-style: italic;
+  font-size: 12px;
+  font-style: italic;
 }
 
 .interface-desc {
-        font-size: 11px;
-        font-style: normal;
+  font-size: 11px;
+  font-style: normal;
 }
 
 .syslog {
-        font-size: 12px;
-        font-style: normal;
-        color: #000000;
+  font-size: 12px;
+  font-style: normal;
+  color: #000000;
 }
 
 .page-header, .device-header {
-        font-size: 24px;
-        font-weight: bold;
-        color: black;
+  font-size: 24px;
+  font-weight: bold;
+  color: black;
 }
 
 .top-subtitle {
-        font-size: 22px;
-        font-weight: bold;
-        vertical-align: middle;
+  font-size: 22px;
+  font-weight: bold;
+  vertical-align: middle;
 }
 
 .device-header {
-        font-size: 20px;
+  font-size: 20px;
 }
 
 .device-head {
-        font-size: 16px;
-        font-weight: bold;
+  font-size: 16px;
+  font-weight: bold;
 }
 
 a.list-device, a.list-device-ignored, a.list-device-down, a.list-device-ignored-up, a.list-device-disabled {
-        font-weight: bold;
+  font-weight: bold;
 }
 
 tr.list-device, tr.list-device-ignored, tr.list-device-down, tr.list-device-ignored-up, tr.list-device-disabled {
 }
 
 tr.list-device-down {
-	border: 2px solid #cc0000;
+  border: 2px solid #cc0000;
 }
 
 tr.list-device-disabled {
-        border: 2px solid #aaaaaa;
+  border: 2px solid #aaaaaa;
 }
 
 tr.list-device-ignored {
-        border: 2px dashed #cc0000;
+  border: 2px dashed #cc0000;
 }
 
 tr.list-device-ignored-up {
-	border: 2px dashed #aaaaaa;
+  border: 2px dashed #aaaaaa;
 }
 
 .device-head, a.list-device {
-	color: #000ccc;
+  color: #000ccc;
 }
 
 a.list-device-down, a.list-device-down, a.list-device-down:visited {
- 	color: #cc0000;
+   color: #cc0000;
 }
 
 a.list-device-ignored-up {
-	color: #006600;
+  color: #006600;
 }
 
 a.list-device-disabled, a.list-device-disabled:visited {
-	color: #999999;
+  color: #999999;
 }
 
 .footer-text {
-        font-size: 12px;
-        font-style: normal;
-        font-weight: bold;
-        color: #FFFFFF;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+  color: #FFFFFF;
 }
 
 .header-text-3 {
-        font-size: 13px;
-        font-style: normal;
-        font-weight: bold;
-        color: #ffffff;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: bold;
+  color: #ffffff;
 }
 
 .body-1 {
-        font-size: 13px;
-        font-style: normal;
-        font-weight: normal;
-        color: #000000;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: normal;
+  color: #000000;
 }
 
 .body-date-1 {
-        font-size: 10px;
-        font-style: normal;
-        font-weight: normal;
-        color: #000000;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: normal;
+  color: #000000;
 }
 
 .copy {
-        font-size: 10px;
-        font-style: italic;
-        font-weight: normal;
-        color: #000000;
+  font-size: 10px;
+  font-style: italic;
+  font-weight: normal;
+  color: #000000;
 }
 
 .body-2 {
-        font-size: 14px;
-        font-style: normal;
-        font-weight: normal;
-        color: #000000;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  color: #000000;
 }
 
 .body-field-1 {
-        font-size: 13px;
-        font-style: normal;
-        font-weight: bold;
-        color: #000000;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000;
 }
 
 .body-head-1 {
-        font-size: 16px;
-        font-style: normal;
-        font-weight: bold;
-        color: #000000;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000;
 }
 
 .body-head {
-        font-size: 32px;
-        font-style: normal;
-        font-weight: bold;
-        color: #000000;
+  font-size: 32px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000;
 }
 
 .body-head-2, .table-head-2 {
-        font-size: 14px;
-        font-style: normal;
-        font-weight: bold;
-        color: #000000;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  color: #000000;
 }
 
 .table-head-2 {
-        background-color: #cccccc;
+  background-color: #cccccc;
 }
 
-
 .text-more {
-        font-size: 10px;
-        font-style: normal;
-        font-weight: bold;
-        color: #cc0000;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: bold;
+  color: #cc0000;
 }
 
 .body-blue {
-        color: #0000CC;
+  color: #0000CC;
 }
 
 .top-menu:link {
@@ -464,33 +498,33 @@ a.list-device-disabled, a.list-device-disabled:visited {
 }
 .top-menu:visited {
   color: #dddddd;
-        text-decoration: none;
+  text-decoration: none;
 }
 .top-menu:hover {
   color: #CC0000;
-        text-decoration: none;
+  text-decoration: none;
 }
 .top-menu:active {
   color: #000000;
-        text-decoration: none;
+  text-decoration: none;
 }
 
 .menu-box-dash-off {
-        border: 1px dashed #000000;
+  border: 1px dashed #000000;
 }
 
 .copyright {
-	bottom: 0px;
-	margin: 10px auto;
-	position: relative;
-	background-color: #eeeeee;
-	text-align: center;
-        font-size: 10px;
-        font-style: italic;
-        font-weight: normal;
-        color: #000000;
-        width: 360px;
-	padding: 10px;
+  bottom: 0px;
+  margin: 10px auto;
+  position: relative;
+  background-color: #eeeeee;
+  text-align: center;
+  font-size: 10px;
+  font-style: italic;
+  font-weight: normal;
+  color: #000000;
+  width: 360px;
+  padding: 10px;
 }
 
 table { border-collapse: collapse; margin: 0px; }
@@ -528,17 +562,17 @@ p.vspace { padding-top: 3px; padding-bottom: 3px; }
 #content { margin: 0px; text-align: left; padding: 0px; }
 
 #footer {
-    text-align: center;
-    width: 100%; height: 40px;
+  text-align: center;
+  width: 100%; height: 40px;
 }
 
 #copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #ddd; font-size: 8pt; }
 
 #topnav {
-    margin: 0px 0px 0px 0px;
-    padding: 0px 0px 0px 0px;
-    text-align: right;
-    font-size: 11px; font-weight: bold;
+  margin: 0px 0px 0px 0px;
+  padding: 0px 0px 0px 0px;
+  text-align: right;
+  font-size: 11px; font-weight: bold;
 }
 
 #topnav ul { margin: 5px 0px 0px 0px; padding: 0px; }
@@ -547,13 +581,13 @@ p.vspace { padding-top: 3px; padding-bottom: 3px; }
 #topnav a:hover { color: #a00;}
 
 #menubar {
-    margin: 0px 0px 0px 0px;
-    padding: 0px 0px 0px 0px;
-    border-bottom: 1px solid #a8a8a8;
-    border-top: 1px solid #a8a8a8;
-    background-color: #e8e8e8;
-    text-align: left;
-    font-size: 10px; font-weight: bold;
+  margin: 0px 0px 0px 0px;
+  padding: 0px 0px 0px 0px;
+  border-bottom: 1px solid #a8a8a8;
+  border-top: 1px solid #a8a8a8;
+  background-color: #e8e8e8;
+  text-align: left;
+  font-size: 10px; font-weight: bold;
 }
 
 #text { width: 1100px; }
@@ -571,23 +605,23 @@ p.vspace { padding-top: 3px; padding-bottom: 3px; }
 #popupmenu ul li { padding: 0px 8px; float: left; position: relative;}
 
 #popupmenu li ul {
-    display: none;
-    position: absolute;
-    top: 10px;
-    left: 5px;
-    width: 175px;
-    margin-top: 10px;
-    border-top: 1px solid #888;
-    border-bottom: 1px solid #888;
-    padding-top: 3px;
-    padding-bottom: 4px;
-    background: #444;
+  display: none;
+  position: absolute;
+  top: 10px;
+  left: 5px;
+  width: 175px;
+  margin-top: 10px;
+  border-top: 1px solid #888;
+  border-bottom: 1px solid #888;
+  padding-top: 3px;
+  padding-bottom: 4px;
+  background: #444;
 }
 
 #popupmenu li ul li {
-    display: block;
-    clear: both;
-    color: #aaa;
+  display: block;
+  clear: both;
+  color: #aaa;
 }
 
 #popupmenu li ul li:hover { color: #aaa; }
@@ -603,66 +637,64 @@ p.vspace { padding-top: 3px; padding-bottom: 3px; }
   font-weight: bold;
 }
 
-
 .graphcell, .ifcell, .devicecell, .datacell { margin: 0px 0px 7px 0px; padding: 7px; border: 0px; background: #e8e8e8; float: left; }
 .ifcell { float: left; clear:right; background:none; }
 
 .datacell { clear: both; }
 .devicecell { margin: 2px auto; }
 
-
 .sidepane { clear: left; background:none;}
 .mainpane { float: none; clear: right; background:none; }
 
 .nofloat { clear: left; }
 
 .interface, .interface-admindown, a.interface-admindown, a.interface-admindown:visited, .interface-updown, a.interface-updown, a.interface-updown:visited, .interface-upup, a.interface-upup {
-	color: #555;
+  color: #555;
 }
 
 .interface-updown, a.interface-updown, a.interface-updown:visited {
-        color: #cc0000;
+  color: #cc0000;
 }
 
 .interface-upup, a.interface-upup {
-	color: #0000cc;
+  color: #0000cc;
 }
 
 a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover {
-	color: #990099;
+  color: #990099;
 }
 
 .interface-admindown, a.list-device-ignored, a.interface-admindown, a.interface-admindown:visited {
-        color: #999999;
+  color: #999999;
 }
 
-#top{
-                height:17px;
-                padding:2px 21px 0px 21px;
-                font:normal 11px arial;
-		color: white;
-        }
+#top {
+  height:17px;
+  padding:2px 21px 0px 21px;
+  font:normal 11px arial;
+  color: white;
+  }
 
 #top A {
-	color: #aaaaaa;
+  color: #aaaaaa;
 }
 
-#center{
-                width:1200px;
-                margin:0px auto 0px auto;
+#center {
+  width:1200px;
+  margin:0px auto 0px auto;
 
 }
 
-#logo{
-                padding-left:21px;
+#logo {
+  padding-left:21px;
 }
 
 .infobox,.infobox-down {
-        border: 2px dashed #AAAACC;
-        background-color: #CCCCFF;
-        padding: 8px;
-        font-size: 12px;
-        margin: 8px;
+  border: 2px dashed #AAAACC;
+  background-color: #CCCCFF;
+  padding: 8px;
+  font-size: 12px;
+  margin: 8px;
 }
 
 .infobox-down {
@@ -670,24 +702,23 @@ a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover {
 }
 
 .errorbox {
-	border: 2px dashed #CC0000;
-	background-color: #FFCCCC;
-	padding: 5px;
-	font-size: small;
-	margin: 5px;
+  border: 2px dashed #CC0000;
+  background-color: #FFCCCC;
+  padding: 5px;
+  font-size: small;
+  margin: 5px;
 }
 
 .messagebox {
-	border: thin dashed #009900;
-	background-color: #ccffaa;
-	padding: 5px;
-	font-size: small;
-	margin: 5px;
+  border: thin dashed #009900;
+  background-color: #ccffaa;
+  padding: 5px;
+  font-size: small;
+  margin: 5px;
 }
 
 .left {clear:both;}
 
-
 /* For fancy tabs */
 
 .shadetabs {
@@ -701,13 +732,12 @@ a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover {
  text-align: left; /*set to left, center, or right to align the menu as desired*/
 }
 
-.shadetabs li{
+.shadetabs li {
  display: inline;
  margin: 0;
 }
 
-
-.shadetabs li a{
+.shadetabs li a {
  text-decoration: none;
  padding: 3px 7px;
  margin-right: 3px;
@@ -716,28 +746,28 @@ a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover {
  background: white url(../images/menu2.gif) top left repeat-x;
 }
 
-.shadetabs li a:visited{
+.shadetabs li a:visited {
 color: #2d2b2b;
 }
 
-.shadetabs li a:hover{
+.shadetabs li a:hover {
 text-decoration: none;
 color: #cc0000;
 }
 
-.shadetabs li.selected{
+.shadetabs li.selected {
 }
 
-.shadetabs li.selected a{ /*selected main tab style */
+.shadetabs li.selected a { /*selected main tab style */
   background-image: url(../images/shadeactive.gif);
   border-bottom-color: white;
 }
 
-.shadetabs li.selected a:hover{ /*selected main tab style */
+.shadetabs li.selected a:hover { /*selected main tab style */
   text-decoration: none;
 }
 
-.contentstyle{
+.contentstyle {
   border: 1px solid #aaaaaa;
   width: 1176px;
   margin-bottom: 1em;
@@ -752,113 +782,107 @@ color: #cc0000;
 
 ### qTip stuff
 
-.qtip .qtip-content{
+.qtip .qtip-content {
    padding: 10px;
    overflow: hidden;
 }
    
    .qtip .qtip-content .qtip-title,
-   .qtip-cream .qtip-content .qtip-title{
-      background-color: #F0DE7D;
+   .qtip-cream .qtip-content .qtip-title {
+  background-color: #F0DE7D;
    }
    
-   .qtip-light .qtip-content .qtip-title{
-      background-color: #f1f1f1;
+   .qtip-light .qtip-content .qtip-title {
+  background-color: #f1f1f1;
    }
 
-   .qtip-dark .qtip-content .qtip-title{
-      background-color: #404040;
+   .qtip-dark .qtip-content .qtip-title {
+  background-color: #404040;
    }
 
-   .qtip-red .qtip-content .qtip-title{
-      background-color: #F28279;
+   .qtip-red .qtip-content .qtip-title {
+  background-color: #F28279;
    }
    
-   .qtip-green .qtip-content .qtip-title{
-      background-color: #B9DB8C;
+   .qtip-green .qtip-content .qtip-title {
+  background-color: #B9DB8C;
    }
 
-
-
-/* Navigation Bar */  
-  
 /* Navigation Bar */  
   
 #menium {  
-    list-style:none;  
-    margin:0px auto 0px auto;  
-    height:30px;  
-    padding:0px 10px 0px 10px;  
-    /* Rounded Corners */  
+  list-style:none;  
+  margin:0px auto 0px auto;  
+  height:30px;  
+  padding:0px 10px 0px 10px;  
+  /* Rounded Corners */  
   
-    -moz-border-radius: 4px;  
-    -webkit-border-radius: 4px;  
-    border-radius: 4px;  
+  -moz-border-radius: 4px;  
+  -webkit-border-radius: 4px;  
+  border-radius: 4px;  
   
-    /* Background color and gradients */  
+  /* Background color and gradients */  
   
-    background: #f3f3f3;  
-    background: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);  
-    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e2e2e2));  
+  background: #f3f3f3;  
+  background: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);  
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e2e2e2));  
   
-    /* Borders */  
+  /* Borders */  
   
-    border: 1px solid #aaaaaa;  
+  border: 1px solid #aaaaaa;  
   
-    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
-    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
-    box-shadow:inset 0px 0px 1px #edf9ff;  
+  -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
+  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
+  box-shadow:inset 0px 0px 1px #edf9ff;  
 }  
   
 #menium li {  
-    width: 110px;
-    float:left;  
-    text-align:center;  
-    position:relative;  
-    padding: 1px 1px 1px 1px;  
-    margin-right:0px;  
-    margin-top:4px;  
-    border:none;  
+  width: 110px;
+  float:left;  
+  text-align:center;  
+  position:relative;  
+  padding: 1px 1px 1px 1px;  
+  margin-right:0px;  
+  margin-top:4px;  
+  border:none;  
 }  
   
 #menium li:hover {  
-    border: 1px solid #aaa;  
-    padding: 0px 0px 4px 0px;  
+  border: 1px solid #aaa;  
+  padding: 0px 0px 4px 0px;  
   
-    /* Background color and gradients */  
+  /* Background color and gradients */  
   
-    background: #f3f3f3;  
-    background: -moz-linear-gradient(top, #e2e2e2, #f3f3f3);  
-    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2e2e2), to(#f2f2f2));  
+  background: #f3f3f3;  
+  background: -moz-linear-gradient(top, #e2e2e2, #f3f3f3);  
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2e2e2), to(#f2f2f2));  
   
-    /* Rounded corners */  
+  /* Rounded corners */  
   
-    -moz-border-radius: 4px 4px 0px 0px;  
-    -webkit-border-radius: 4px 4px 0px 0px;  
-    border-radius: 4px 4px 0px 0px;  
+  -moz-border-radius: 4px 4px 0px 0px;  
+  -webkit-border-radius: 4px 4px 0px 0px;  
+  border-radius: 4px 4px 0px 0px;  
 }  
   
 #menium li a {  
-    font-weight: bold;
-    font-size:13px;  
-    color: #666;  
-    display:block;  
-    outline:0;  
-    text-decoration:none;  
-    #text-shadow: 1px 1px 1px #000;  
+  font-weight: bold;
+  font-size:13px;  
+  color: #666;  
+  display:block;  
+  outline:0;  
+  text-decoration:none;  
+  #text-shadow: 1px 1px 1px #000;  
 }  
   
 #menium li:hover a {  
-    color:#161616;  
-    #text-shadow: 1px 1px 1px #FFFFFF;  
+  color:#161616;  
+  #text-shadow: 1px 1px 1px #FFFFFF;  
 }  
 
 #menium li .drop {  
-    padding-right:5px;  
-    vbackground:url("../images/drop.png") no-repeat right 8px;  
+  padding-right:5px;  
 }  
 #menium li:hover .drop {  
-    vbackground:url("../images/drop.png") no-repeat right 7px;  
 }  
   
 /* Drop Down */  
@@ -868,24 +892,24 @@ color: #cc0000;
 .dropdown_3columns,  
 .dropdown_4columns,  
 .dropdown_5columns {  
-    margin:4px auto;  
-    float:left;  
-    position:absolute;  
-    left:-999em; /* Hides the drop down */  
-    text-align:left;  
-    padding:10px 5px 10px 5px;  
-    border:1px solid #777777;  
-    border-top:none;  
+  margin:4px auto;  
+  float:left;  
+  position:absolute;  
+  left:-999em; /* Hides the drop down */  
+  text-align:left;  
+  padding:10px 5px 10px 5px;  
+  border:1px solid #777777;  
+  border-top:none;  
   
-    /* Gradient background */  
-    background:#F4F4F4;  
-    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
-    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  
+  /* Gradient background */  
+  background:#F4F4F4;  
+  background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  
   
-    /* Rounded Corners */  
-    -moz-border-radius: 0px 4px 4px 4px;  
-    -webkit-border-radius: 0px 4px 4px 4px;  
-    border-radius: 0px 4px 4px 4px;  
+  /* Rounded Corners */  
+  -moz-border-radius: 0px 4px 4px 4px;  
+  -webkit-border-radius: 0px 4px 4px 4px;  
+  border-radius: 0px 4px 4px 4px;  
 }  
   
 .dropdown_1column {width: 140px;}  
@@ -899,8 +923,8 @@ color: #cc0000;
 #menium li:hover .dropdown_3columns,  
 #menium li:hover .dropdown_4columns,  
 #menium li:hover .dropdown_5columns {  
-    left:-1px;  
-    top:auto;  
+  left:-1px;  
+  top:auto;  
 }  
   
 /* Columns */  
@@ -910,11 +934,11 @@ color: #cc0000;
 .col_3,  
 .col_4,  
 .col_5 {  
-    display:inline;  
-    float: left;  
-    position: relative;  
-    margin-left: 5px;  
-    margin-right: 5px;  
+  display:inline;  
+  float: left;  
+  position: relative;  
+  margin-left: 5px;  
+  margin-right: 5px;  
 }  
 .col_1 {width:130px;}  
 .col_2 {width:270px;}  
@@ -925,185 +949,184 @@ color: #cc0000;
 /* Right alignment */  
   
 #menium .menu_right {  
-    float:right;  
-    margin-right:0px;  
+  float:right;  
+  margin-right:0px;  
 }  
 
 #menium li .align_right {  
-    /* Rounded Corners */  
-    -moz-border-radius: 4px 0px 4px 4px;  
-    -webkit-border-radius: 4px 0px 4px 4px;  
-    border-radius: 4px 0px 4px 4px;  
+  /* Rounded Corners */  
+  -moz-border-radius: 4px 0px 4px 4px;  
+  -webkit-border-radius: 4px 0px 4px 4px;  
+  border-radius: 4px 0px 4px 4px;  
 }  
 
 #menium li:hover .align_right {  
-    left:auto;  
-    right:-1px;  
-    top:auto;  
+  left:auto;  
+  right:-1px;  
+  top:auto;  
 }  
   
 /* Drop Down Content Stylings */  
   
 #menium p, #menium h2, #menium h3, #menium ul li {  
-    line-height:21px;  
-    font-size:12px;  
-    text-align:left;  
-    #text-shadow: 1px 1px 1px #FFFFFF;  
+  line-height:21px;  
+  font-size:12px;  
+  text-align:left;  
+  #text-shadow: 1px 1px 1px #FFFFFF;  
 }  
 
 #menium h2 {  
-    font-size:21px;  
-    font-weight:400;  
-    letter-spacing:-1px;  
-    margin:7px 0 14px 0;  
-    padding-bottom:14px;  
-    border-bottom:1px solid #666666;  
+  font-size:21px;  
+  font-weight:400;  
+  letter-spacing:-1px;  
+  margin:7px 0 14px 0;  
+  padding-bottom:14px;  
+  border-bottom:1px solid #666666;  
 }  
 
 #menium h3 {  
-    font-size:14px;  
-    margin:7px 0 14px 0;  
-    padding-bottom:7px;  
-    border-bottom:1px solid #888888;  
+  font-size:14px;  
+  margin:7px 0 14px 0;  
+  padding-bottom:7px;  
+  border-bottom:1px solid #888888;  
 }  
 
 #menium p {  
-    line-height:18px;  
-    margin:0 0 10px 0;  
+  line-height:18px;  
+  margin:0 0 10px 0;  
 }  
   
 #menium li:hover div a {  
-    font-size:12px;  
-    color:#015b86;  
+  font-size:12px;  
+  color:#015b86;  
 }  
 
 #menium li:hover div a:hover {  
-    color:#029feb;  
+  color:#029feb;  
 }  
 
 .strong {  
-    font-weight:bold;  
+  font-weight:bold;  
 }  
 
 .italic {  
-    font-style:italic;  
+  font-style:italic;  
 }  
 
 .imgshadow {  
-    background:#FFFFFF;  
-    padding:4px;  
-    border:1px solid #777777;  
-    margin-top:5px;  
-    -moz-box-shadow:0px 0px 5px #666666;  
-    -webkit-box-shadow:0px 0px 5px #666666;  
-    box-shadow:0px 0px 5px #666666;  
+  background:#FFFFFF;  
+  padding:4px;  
+  border:1px solid #777777;  
+  margin-top:5px;  
+  -moz-box-shadow:0px 0px 5px #666666;  
+  -webkit-box-shadow:0px 0px 5px #666666;  
+  box-shadow:0px 0px 5px #666666;  
 }  
 
 .img_left { /* Image sticks to the left */  
-    width:auto;  
-    float:left;  
-    margin:5px 15px 5px 5px;  
+  width:auto;  
+  float:left;  
+  margin:5px 15px 5px 5px;  
 }  
 
 #menium li .black_box {  
-    background-color:#333333;  
-    color: #eeeeee;  
-    #text-shadow: 1px 1px 1px #000;  
-    padding:4px 6px 4px 6px;  
+  background-color:#333333;  
+  color: #eeeeee;  
+  #text-shadow: 1px 1px 1px #000;  
+  padding:4px 6px 4px 6px;  
   
-    /* Rounded Corners */  
-    -moz-border-radius: 5px;  
-    -webkit-border-radius: 5px;  
-    border-radius: 5px;  
+  /* Rounded Corners */  
+  -moz-border-radius: 5px;  
+  -webkit-border-radius: 5px;  
+  border-radius: 5px;  
   
-    /* Shadow */  
-    -webkit-box-shadow:inset 0 0 3px #000000;  
-    -moz-box-shadow:inset 0 0 3px #000000;  
-    box-shadow:inset 0 0 3px #000000;  
+  /* Shadow */  
+  -webkit-box-shadow:inset 0 0 3px #000000;  
+  -moz-box-shadow:inset 0 0 3px #000000;  
+  box-shadow:inset 0 0 3px #000000;  
 }  
 #menium li ul {  
-    list-style:none;  
-    padding:0;  
-    margin:0 0 12px 0; 
-    width: 100%;
+  list-style:none;  
+  padding:0;  
+  margin:0 0 12px 0; 
+  width: 100%;
 }  
 #menium li ul li {  
-    font-size:12px;  
-    line-height:24px;  
-    position:relative;  
-    #text-shadow: 1px 1px 1px #ffffff;  
-    padding:1px;  
-    margin:0;  
-    float:none;  
-    text-align:left;  
-    width: 100%; 
+  font-size:12px;  
+  line-height:24px;  
+  position:relative;  
+  #text-shadow: 1px 1px 1px #ffffff;  
+  padding:1px;  
+  margin:0;  
+  float:none;  
+  text-align:left;  
+  width: 100%; 
 }  
 #menium li ul li:hover {  
-    background: #F4F4F4;  
-    border:none;  
-    padding:1px;  
-    margin:0;  
+  background: #F4F4F4;  
+  border:none;  
+  padding:1px;  
+  margin:0;  
 }  
 #menium li .greybox li {  
-    background:#F4F4F4;  
-    border:1px solid #bbbbbb;  
-    margin:0px 0px 4px 0px;  
-    padding:4px 6px 4px 6px;  
-    width:116px;  
+  background:#F4F4F4;  
+  border:1px solid #bbbbbb;  
+  margin:0px 0px 4px 0px;  
+  padding:4px 6px 4px 6px;  
+  width:116px;  
   
-    /* Rounded Corners */  
-    -moz-border-radius: 5px;  
-    -webkit-border-radius: 5px;  
-    border-radius: 5px;  
+  /* Rounded Corners */  
+  -moz-border-radius: 5px;  
+  -webkit-border-radius: 5px;  
+  border-radius: 5px;  
 }  
 #menium li .greybox li:hover {  
-    background:#ffffff;  
-    border:1px solid #aaaaaa;  
-    padding:4px 6px 4px 6px;  
-    margin:0px 0px 4px 0px;  
+  background:#ffffff;  
+  border:1px solid #aaaaaa;  
+  padding:4px 6px 4px 6px;  
+  margin:0px 0px 4px 0px;  
 }  
 
-
 /* Header
 -----------------------------------------------------------------------------*/
 /* gumax-header */
 #gumax-header {
-    /* border: 1px solid #000; /*debuging*/
-    position: relative;
-    z-index: 100;  /* make logo visible over content*/
-    min-height: 100px;  /* height of header */
-    height: 102px;  /* need for IE */
-    margin: 0 auto;
-    padding: 0;
+  /* border: 1px solid #000; /*debuging*/
+  position: relative;
+  z-index: 100;  /* make logo visible over content*/
+  min-height: 100px;  /* height of header */
+  height: 102px;  /* need for IE */
+  margin: 0 auto;
+  padding: 0;
 }
 
 /* Login
 -----------------------------------------------------------------------------*/
 #gumax-p-login {
-    /* border: 1px solid #000; /*debuging*/
-    font-size: 90%;
-    margin: 0; padding: 7px 0 5px 0;
-    text-align: right;
+  /* border: 1px solid #000; /*debuging*/
+  font-size: 90%;
+  margin: 0; padding: 7px 0 5px 0;
+  text-align: right;
 }
 
 #gumax-p-login ul {
-    position: relative;
-    width: auto;
-    list-style: none;
-    padding: 0; margin: 0;
+  position: relative;
+  width: auto;
+  list-style: none;
+  padding: 0; margin: 0;
 }
 
 #gumax-p-login ul li {
-    position: relative;
-    display: inline;
-    margin: 0; padding: 0;
-    font-size: 100%;
+  position: relative;
+  display: inline;
+  margin: 0; padding: 0;
+  font-size: 100%;
 }
 
 #gumax-p-login ul li a {
-    color: #777;
-    padding: 2px 0 2px 10px;
-    text-decoration: none;
+  color: #777;
+  padding: 2px 0 2px 10px;
+  text-decoration: none;
 }
 
 #gumax-p-login ul li a:hover { color: #333; }
@@ -1113,19 +1136,19 @@ color: #cc0000;
 #p-logo,
 #p-logo a,
 #p-logo a:hover {
-    /* border: 1px solid #000; /*debuging*/
-    width: 350px;
-    height: 96px;
+  /* border: 1px solid #000; /*debuging*/
+  width: 350px;
+  height: 96px;
 }
 #p-logo {
-    z-index: 200; position: absolute;
-    top: 00px; left: 0px; /* logo position */
-    overflow: visible;
+  z-index: 200; position: absolute;
+  top: 00px; left: 0px; /* logo position */
+  overflow: visible;
 }
 #p-logo h5 { display: none; }
 #p-logo a, #p-logo a:hover {
-    display: block;
-    background-repeat: no-repeat;
-    background-position: center left !important;
-    text-decoration: none;
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center left !important;
+  text-decoration: none;
 }