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;
}