X-Git-Url: https://err.no/cgi-bin/gitweb.cgi?a=blobdiff_plain;f=UI%2FWebServerResources%2Fgeneric.css;h=861e7d2fc8f744a51f72a136400f9bf4e7fe490a;hb=18e465b1915fec3f2b958e1db0ddab00d883ceab;hp=81961292033dc4faeed85c46a0a8f45cd8992b95;hpb=3830a112b81948b7fa46a85ddc259496ab80f75d;p=scalable-opengroupware.org

diff --git a/UI/WebServerResources/generic.css b/UI/WebServerResources/generic.css
index 81961292..861e7d2f 100644
--- a/UI/WebServerResources/generic.css
+++ b/UI/WebServerResources/generic.css
@@ -10,9 +10,9 @@ BODY
   right: 0px;
   bottom: 0px;
   color: #000000;
-  font-family: Bitstream VeraSans, Tahoma;
-  font-size: 10pt;
-  background-color: #dbdad5;
+  font-family: Lucida Grande, Bitstream VeraSans, Tahoma;
+  font-size: 8pt;
+  background-color: #d4d0c8;
   border: 0px;
   margin: 0px;
   padding: 0px;
@@ -35,7 +35,7 @@ IMG#progressIndicator
 
 DIV.pageContent
 { /* position: absolute;
-  background: #ffa;
+  background-color: #ffa;
   top: 3em;
   left: 0px;
   right: 0px;
@@ -54,12 +54,12 @@ LABEL
   margin-left: .5em; }
 
 TABLE
-{ display: block;
-  table-layout: fixed;
-  border-spacing: 0px;
-  padding: 0px;
-  margin: 0px;
-  border: 0px; }
+{ table-layout: fixed;
+  border-spacing: 0px; }
+
+TABLE TD
+{ padding-left: .25em;
+  padding-right: .25em; }
 
 a:link
 { color: #0033CC; }
@@ -68,7 +68,7 @@ a:visited
 { color: #660066; }
 
 a:hover
-{ color: #FF0000;
+{ color: #ff0000;
   text-decoration: underline; }
 
 .linecolor
@@ -86,119 +86,13 @@ a:hover
 { text-decoration: none;
   color: #000000; }
 
-
-/* tabs */
-
-.oldtab
-{ color: #000000;
-  background-color: #e8e8e0;
-  text-decoration: none;
-  width: 100px; 
-  height: 22px;
-  border-top: 1px solid #06348b;
-  border-right: 1px solid #06348b; }
-
-.oldtab a
-{ color: #000000;
-  border: none;
-  text-decoration: none; }
-
-.oldtab_selected
-{ color: #000000;
-  background-color: #f5f5e9;
-  text-decoration: none;
-  font-weight: bold;
-  width: 100px; 
-  height: 22px;
-  border-top: 1px solid #06348b;
-  border-right: 1px solid #06348b; }
-
-.oldtab_selected a
-{ color: #000000;
-  border: none;
-  text-decoration: none; }
-
-.oldtabview_body
-{ background-color: #f5f5e9; }
-
-
-/* buttons */
-
-.button_auto_env
-{ height: 16px;
-  text-align: center;
-  vertical-align: middle;
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
-  overflow: hidden; }
-
-.button_auto_env a
-{ text-decoration: none;
-  color: #000000; }
-
-.button_auto_env a:hover
-{ text-decoration: underline;
-  color: #ff0000; }
-
-.button_auto
-{ height: 20px;
-  border-style: outset;
-  border-color: #DDDDDD;
-  border-width: 2px;
-  color: #000000;
-  background-color: #e8e8e0;
-  letter-spacing: 0pt;
-  text-decoration: none;
-  color: #000000;
-  text-align: center;
-  vertical-align: middle;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-top: 1px;
-  padding-bottom: 1px;
-  overflow: hidden; }
-
-.button_submit_env
-{ height: 24px;
-  text-align: center;
-  vertical-align: middle;
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
-  overflow: hidden; }
-
-.button_submit_env a
-{ text-decoration: none;
-  color: #000000; }
-
-.button_submit_env a:hover
-{ text-decoration: underline;
-  color: #ff0000; }
-
-.button_submit
-{ height: 30px;
-  border-style: outset;
-  border-color: #DDDDDD;
-  border-width: 2px;
-  color: #000000;
-  background-color: #e8e8e0;
-  letter-spacing: 0pt;
-  text-decoration: none;
-  color: #000000;
-  text-align: center;
-  vertical-align: middle;
-  padding-left: 5px;
-  padding-right: 5px;
-  padding-top: 2px;
-  padding-bottom: 3px;
-  overflow: hidden; }
-
 /* header */
 
 div#header
 { margin-left: 5px;
   margin-right: 5px;
   padding: 0;
-  border-bottom: 1px solid #000000; }
+  border-bottom: 1px solid #000; }
 
 div#header img.headerlogo
 { float: right; 
@@ -241,10 +135,8 @@ table.skytextdocktable
 { padding: 0px;
   table-layout: auto; }
 
-
 DIV.linkbanner
-{ 
-  background: #222;
+{ background-color: #222;
   width: 100%;
   top: 0px;
   left: 0px;
@@ -252,8 +144,7 @@ DIV.linkbanner
   color: #aaa; }
 
 DIV.linkbanner A
-{ 
-  top: 0px;
+{ top: 0px;
   left: 0px;
   color: #ddd;
   text-decoration: none;
@@ -262,6 +153,11 @@ DIV.linkbanner A
 DIV.linkbanner A:hover
 { color: #dd5; }
 
+DIV.linkbanner A#logoff
+{ float: right;
+  margin: 0px;
+  padding: 0px;
+  padding-right: .5em; }
 
 .linkbannerlinks
 { vertical-align: bottom;
@@ -282,8 +178,8 @@ SELECT
   border-top: 2px solid #222;
   border-left: 2px solid #222;
   vertical-align: middle;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent;
+  -moz-border-top-colors: #9c9a94 #000 transparent;
+  -moz-border-left-colors: #9c9a94 #000 transparent;
   margin: 2px;
   padding-right: 1px; }
 
@@ -294,14 +190,15 @@ DIV.contactSelector DIV.contactList
   height: 3em;
   overflow: auto;
   border: 1px solid #444;
-  background: #eee;
+  background-color: #eee;
   text-align: left; }
 
 TEXTAREA
 { vertical-align: top; }
 
-DIV, TEXTAREA, INPUT
+DIV, TEXTAREA, INPUT, SELECT
 { font-family: inherit;
+  font-size: 8pt;
   font-size: inherit; }
 
 TEXTAREA, INPUT.textField
@@ -311,63 +208,31 @@ TEXTAREA, INPUT.textField
   border-right: 1px solid #fff;
   border-top: 2px solid #222;
   border-left: 2px solid #222;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow transparent;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow transparent; }
+  -moz-border-top-colors: #9c9a94 #000 transparent;
+  -moz-border-left-colors: #9c9a94 #000 transparent; }
 
 INPUT.textField
-{ line-height: 2em;
-  vertical-align: middle; }
-
-INPUT.button
-{ margin: 0px;
-  padding: 0px .5em;
-  border-top: 2px solid #fffffb;
-  border-left: 2px solid #fffffb;
-  border-bottom: 2px solid #888;
-  border-right: 2px solid #888;
-  background-color: #dbdad5;
-  -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; }
-
-INPUT.button:hover
-{ color: inherit;
-  background: -moz-buttonhoverface; }
-
-INPUT.button:active
-{ -moz-outline: none;
-  margin: 0px;
-  padding: 0px .5em;
-  color: -moz-buttonhovertext;
-  -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
+{ vertical-align: middle; }
 
 DIV#toolbar
 { left: 0px;
-  border-top: 1px solid #fffffb;
-  border-left: 1px solid #fffffb;
-  border-bottom: 2px solid #888;
-  border-right: 2px solid #888;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #848284;
   margin: 0px;
   padding: 0px;
-/*   background: #f00;
- */  height: 4em;
-  background-color: #dbdad5;
   white-space: nowrap;
   overflow: auto; }
 
+BODY.popup DIV#toolbar
+{ border-top: 0px; }
+
 SPAN.toolbarSeparator
 { display: block;
   float: left;
-  height: 90%;
+  height: 3.8em;
   vertical-align: middle;
-  border-right : 1px solid ThreeDHighlight;
-  border-left : 1px solid ThreeDShadow;
+  border-right : 1px solid #fff;
+  border-left : 1px solid #9c9a94;
   margin: 0px .25em;
   margin-top: 0.125em;
   width: 0px;
@@ -379,40 +244,36 @@ A.toolbarButton
 
 SPAN.toolbarButton, SPAN.disabledToolbarButton
 { cursor: default;
-  display: block;
+  display: inline;
   float: left;
-  height: 80%;
   text-align: center;
   -moz-box-align: center;
   -moz-box-pack: center;
-  margin: 0px;
-  margin-top: 0.125em;
-  border-left: 2px solid transparent;
-  border-top: 2px solid transparent;
-  border-right: 2px solid transparent;
-  border-bottom: 2px solid transparent;
+  border-left: 1px solid transparent;
+  border-top: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-bottom: 1px solid transparent;
   padding: 1px 2px;
   background-color: transparent;
   color: -moz-DialogText; }
 
 SPAN.disabledToolbarButton
-{ -moz-opacity: 0.4; }
+{ -moz-opacity: 0.4;
+  opacity: 0.4; }
 
 SPAN.toolbarButton:hover
 { color: -moz-buttonhovertext;
-  background-color: -moz-buttonhoverface;
-  -moz-border-left-colors: ThreeDHighlight -moz-buttonhoverface;
-  -moz-border-top-colors: ThreeDHighlight -moz-buttonhoverface;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; }
+  border-top: 1px solid #fff;
+  border-left: 1px solid #fff;
+  border-bottom: 1px solid #828482;
+  border-right: 1px solid #828482; }
 
 SPAN.toolbarButton:active
 { color: -moz-buttonhovertext;
-  background-color: #c4c2bd;
-  -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
+  border-top: 1px solid #828482;
+  border-left: 1px solid #828482;
+  border-bottom: 1px solid #fff;
+  border-right: 1px solid #fff; }
 
 .toolbarButton IMG.buttonImage
 { border: 0px;
@@ -421,23 +282,24 @@ SPAN.toolbarButton:active
   margin: auto; }
 
 .toolbarButton .buttonLabel
-{ width: 100%;
-  margin: auto; }
+{ margin: auto; }
 
 /* popups */
 .menu
 { visibility: hidden;
   position: absolute;
   z-index: 1000;
-  background-color: #dcdad5;
+  background-color: #d6cfc6;
   color: #000;
   margin: 0px;
   padding: 0px;
-  border: 1px solid #000; }
+  border-top: 1px solid #d6cfc6;
+  border-left: 1px solid #d6cfc6;
+  border-right: 1px solid #424142;
+  border-bottom: 1px solid #424142; }
 
 .menu UL
-{ 
-  cursor: default;
+{ cursor: default;
   list-style-type: none;
   list-style-image: none;
   margin: 0px;
@@ -456,13 +318,17 @@ SPAN.toolbarButton:active
   width: auto;
   white-space: nowrap; }
 
+.menu LI.disabled,
+.menu LI.disabled:hover
+{ color: #999; }
+
 .menu LI IMG
 { margin-left: -.8em;
   padding-right: .2em;
   vertical-align: middle; }
 
 .menu LI:hover, .menu LI.submenu-selected
-{ background: #4b6983;
+{ background-color: #4b6983;
   color: #fff; }
 
 .menu LI.separator, .menu LI.separator:hover
@@ -480,30 +346,50 @@ SPAN.toolbarButton:active
 .menu LI.submenu
 { background-image: url('submenu.gif'); }
 
+.menu LI[class~="disabled"].submenu
+{ background-image: url('submenu-disabled.gif') !important; }
+
 .menu LI.submenu:hover, .menu LI.submenu-selected
 { background-image: url('submenu-active.gif') !important; }
 
+/* live search popup menu */
+UL#searchOptions LI
+{ list-style-position: inside;
+  list-style-image: url("menu-nocheck.gif");
+  padding: 1px 3px;
+  margin: 0px; }
+
+UL#searchOptions LI._chosen
+{ list-style-image: url("menu-check.gif"); }
+
+UL#searchOptions LI._chosen:hover
+{ list-style-image: url("menu-check-hover.gif"); }
+
 DIV#logConsole
 { position: absolute;
   overflow: auto;
   display: none;
   z-index: 1000;
-  -moz-opacity: 0.7;
-  border-top: 2px solid #fffffb;
-  border-left: 2px solid #fffffb;
+  border-top: 2px solid #fff;
+  border-left: 2px solid #fff;
   border-right: 2px solid #999;
   border-bottom: 2px solid #999;
-  -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
+  -moz-border-top-colors: #000 #9c9a94 transparent;
+  -moz-border-left-colors: #000 #9c9a94 transparent;
   font-family: monospace;
-  font-weight: bold;
-  background: #000;
-  color: #ddd;
+  font-size: 9pt;
+  padding: .25em;
+  background-color: #fff;
+  overflow-y: scroll;
+  color: #222;
   top: 1em;
   left: 0px;
   right: 0px;
   height: 15em; }
 
+/* DIV#logConsole > DIV.highlighted
+{ background-color: #ddf; }
+ */
 /* content lists */
 td.tbtv_actcell
 { border-width: 1px;
@@ -515,20 +401,38 @@ td.tbtv_actcell
   padding-top: 4px;
   padding-bottom: 3px;
   padding-left: 4px;
-  padding-right: 4px;
-  
-  background-color: #DCDAD5; }
+  padding-right: 4px; }
+
+TD.headerCell,
+TD.tbtv_headercell,
+TD.tbtv_navcell
+{ vertical-align: middle;
+  background-color: #d4d0c8; 
+  border-top: 1px solid #fff;
+  border-left: 1px solid #fff;
+  border-right: 2px solid #222;
+  border-bottom: 2px solid #222;
+  -moz-border-bottom-colors: #000 #9c9a94 transparent;
+  -moz-border-right-colors: #000 #9c9a94 transparent; }
 
+TD.headerCell:active,
+TD.tbtv_headercell:active
+{ background-color: #dcdad5;
+  padding-top: 2px;
+  border-top: 1px solid #9c9a94;
+  border-left: 1px solid #9c9a94;
+  border-right: 2px solid #9c9a94;
+  border-bottom: 1px solid #9c9a94; }
+
+TD.headerCell SPAN,
 td.tbtv_headercell SPAN
-{ float: left;
-  width: 100%; }
+{ float: left; }
 
 td.tbtv_headercell a
 { cursor: default;
   margin: 0px auto;
   display: block;
-  color: black;
-  width: 100%; }
+  color: black; }
 
 td.tbtv_headercell a:hover
 { margin: 0px auto;
@@ -538,6 +442,8 @@ td.tbtv_headercell a:hover
   /* background-color: #C4C0B8; */
 }
 
+IMG.sortImage,
+TD.headerCell IMG.tbtv_sortcell,
 td.tbtv_headercell img.tbtv_sortcell
 { float: right;
   text-align: right;
@@ -554,58 +460,14 @@ TR.tableview TD
   padding-left: .3em;
   padding-right: .3em; }
 
-TR.tableview TD.headerDateTime
-{ width: 14em; }
+TD.headerDateTime
+{ min-width: 30em; }
 
-TR.tableview TD.headerLocation
-{ width: 10em; }
+TD.headerTitle
+{ width: 30%; }
 
-td.tbtv_actcell
-{ border-width: 1px;
-  border-style: solid;
-  border-top-color: #808080;
-  border-left-color: #808080;
-  border-bottom-color: #808080;
-  border-right-color: #808080;
-  padding-top: 4px;
-  padding-bottom: 3px;
-  padding-left: 4px;
-  padding-right: 4px;
-  background-color: #DCDAD5; }
-
-TD.tbtv_headercell,
-TD.tbtv_navcell
-{ background-color: #DCDAD5;
-  border-top: 1px solid #fff;
-  border-left: 1px solid #fff;
-  border-right: 2px solid #222;
-  border-bottom: 2px solid #222;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent; }
-
-TD.tbtv_headercell:active
-{ background-color: #DCDAD5;
-  border: 1px solid #9c9a94;
-  -moz-border-bottom-colors: #9c9a94;
-  -moz-border-right-colors: #9c9a94; }
-
-td.tbtv_headercell SPAN
-{ float: left;
-  width: 100%; }
-
-td.tbtv_headercell a
-{ cursor: default;
-  margin: 0px auto;
-  color: black;
-  width: 100%; }
-
-td.tbtv_headercell a:hover
-{ margin: 0px auto;
-  display: block;
-  color: black;
-  text-decoration: none;
-  /* background-color: #C4C0B8; */
-}
+TD.headerLocation
+{ min-width: 20em; }
 
 td img.tbtv_sortcell
 { float: right;
@@ -617,17 +479,16 @@ td img.tbtv_sortcell
 
 TD.subjectCell,
 td.tbtv_subject_headercell
-{ overflow: hidden;
-  width: auto; }
+{ overflow: hidden; }
 
 /* drag handles */
 DIV.dragHandle
 { position: absolute;
   z-index: 1;
-  background: #dbdad5; }
+  background-color: #d4d0c8; }
 
 DIV.dragHandle:active
-{ background: #99a; }
+{ background-color: #99a; }
 
 /* search fields */
 DIV#filterPanel
@@ -648,8 +509,9 @@ INPUT#searchValue
 
 DIV.javascriptPopupBackground
 { position: absolute;
-  background: #999;
+  background-color: #999;
   -moz-opacity: 0.6; 
+  opacity: 0.6;
   z-index: 2;
   top: 0px;
   left: 0px;
@@ -657,22 +519,31 @@ DIV.javascriptPopupBackground
   bottom: 0px;
   text-align: center; }
 
-DIV.javascriptMessagePseudoWindow
+DIV.javascriptMessagePseudoWindow,
+DIV.javascriptMessagePseudoTopWindow
 { position: absolute;
   z-index: 2;
-  border-top: 2px solid #fffffb;
-  border-left: 2px solid #fffffb;
   border-bottom: 2px solid #888;
-  border-right: 2px solid #888;
-  -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
   padding: 1em;
   margin: 0px auto;
-  -moz-opacity: 1.0;
   color: #000;
-  background: #dedede; }
+  background-color: #d4d0c8;
+  -moz-border-bottom-colors: #000 #9c9a94 transparent;
+  -moz-opacity: 1.0;
+  opacity: 1.0; }
+
+DIV.javascriptMessagePseudoTopWindow
+{ border-top: 0px;
+  border-left: 0px;
+  border-right: 0px; }
+
+DIV.javascriptMessagePseudoWindow
+{ border-top: 2px solid #fff;
+  border-left: 2px solid #fff;
+  border-right: 2px solid #888;
+  -moz-border-top-colors: #efebe7 #fff;
+  -moz-border-left-colors: #efebe7 #fff;
+  -moz-border-right-colors: #000 #9c9a94 transparent; }
 
 DIV.noJavascriptErrorMessage
 { top: 10em;
@@ -683,31 +554,29 @@ DIV.noJavascriptErrorMessage A
 { float: right;
   margin: 0px auto; }
 
-A.button:hover
-{ color: inherit;
-  background: -moz-buttonhoverface; }
-
+INPUT.button:active,
 A.button:active
 { color: -moz-buttonhovertext;
   background-color: #c4c2bd;
-  -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-right-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; }
+  -moz-border-bottom-colors: #efebe7 #fff;
+  -moz-border-right-colors: #efebe7 #fff;
+  -moz-border-top-colors: #9c9a94 #000;
+  -moz-border-left-colors: #9c9a94 #000; }
 
+INPUT.button,
 A.button,
-A[class~="_disabled"].button:hover,
 A[class~="_disabled"].button:active
 { cursor: default;
   padding: 1px .5em;
-  border-top: 2px solid #fffffb;
-  border-left: 2px solid #fffffb;
+  background-color: #d4d0c8;
+  border-top: 2px solid #fff;
+  border-left: 2px solid #fff;
   border-bottom: 2px solid #888;
   border-right: 2px solid #888;
-  -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
+  -moz-border-top-colors: #efebe7 #fff;
+  -moz-border-left-colors: #efebe7 #fff;
+  -moz-border-bottom-colors: #000 #9c9a94 transparent;
+  -moz-border-right-colors: #000 #9c9a94 transparent;
   text-decoration: none;
   color: inherit; }
 
@@ -715,62 +584,100 @@ A.button IMG
 { vertical-align: middle; }
 
 A[class~="_disabled"].button,
-A[class~="_disabled"].button:hover,
 A[class~="_disabled"].button:active
 { color: #999;
   background: inherit; }
 
+LI.denied
+{ background-color: #fefefe;
+  font-style: italic;
+  color: #f33; }
+
+LI._selected,
+TR._selected > TD,
+TD._selected
+{ 
+  background-color: #4b6983;
+  color: #fff;
+}
+
+LI[class~="_selected"].denied
+{ 
+  background-color: #f33;
+}
+
+/* folder tree (js) )*/
+DIV.dTreeNode A SPAN.nodeName
+{
+  margin: 0px .2em;
+  padding-left: .2em;
+  padding-right: .2em;
+}
+
+DIV.dTreeNode A._selected SPAN.nodeName
+{
+  background-color: #4b6983;
+  color: #fff;
+}
+
+DIV.dTreeNode SPAN._dragOver
+{ 
+  background-color: #4b6983;
+  color: #fff;
+}
+
 /* tabs */
 DIV.tabsContainer
-{ 
-  position: relative;
+{ position: relative;
   color: #000;
-  background: #dbdad5;
+  background-color: #d4d0c8;
   margin-top: 1.5em;
-  border-top: 2px solid #fffffb;
-  border-left: 2px solid #fffffb;
+  border-top: 2px solid #fff;
+  border-left: 2px solid #fff;
   border-right: 2px solid #888;
   border-bottom: 2px solid #888;
-  -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent; }
+  -moz-border-top-colors: #efebe7 #fff;
+  -moz-border-left-colors: #efebe7 #fff;
+  -moz-border-right-colors: #000 #9c9a94 transparent;
+  -moz-border-bottom-colors: #000 #9c9a94 transparent; }
 
 DIV.tabsContainer > UL
 { cursor: default;
   list-style-type: none;
   list-style-image: none;
   margin: 0px;
-  margin-top: -1.5em;
+  margin-top: -17px;
   padding: 0px; }
 
 DIV.tabsContainer > UL LI
 { z-index: 3;
   float: left;
   padding: 0px .5em;
-  padding-top: 2px;
-  border-top: 2px solid #fffffb;
-  border-bottom: 0px solid #fffffb;
+  padding-top: 0px;
+  -moz-border-radius-topleft: 3px;
+  -moz-border-radius-topright: 3px;
+  border-top: 2px solid #fff;
+  border-bottom: 0px solid #fff;
   border-right: 2px solid #888;
-  -moz-border-top-colors: -moz-buttonhoverface ThreeDHighlight;
-  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
-  -moz-border-bottom-colors: -moz-buttonhoverface ThreeDHighlight;
-  color: #000;
-  background: #fff;
-  background: #c4c2bd; }
+  padding-bottom: 1px;
+  -moz-border-top-colors: #efebe7 #fff;
+  -moz-border-right-colors: #000 #9c9a94 transparent;
+  -moz-border-bottom-colors: #efebe7 #fff;
+  color: #000; }
 
 DIV.tabsContainer > UL LI.first,
 DIV.tabsContainer > UL LI.active
-{ border-left: 2px solid #fffffb;
+{ border-left: 2px solid #fff;
   margin-left: -2px;
-  -moz-border-left-colors: -moz-buttonhoverface ThreeDHighlight; }
+  -moz-border-left-colors: #efebe7 #fff; }
 
 DIV.tabsContainer > UL LI.active
 { z-index: 5;
-  background: #dbdad5;
+  background-color: #d4d0c8;
+  border-bottom: 1px none #fff;
   padding-top: 2px;
-  padding-bottom: 2px;
-  margin-top: -2px; }
+  padding-bottom: 3px;
+  margin-top: -3px; }
 
 DIV.tabsContainer > DIV.tab
 { position: absolute;
@@ -781,13 +688,31 @@ DIV.tabsContainer > DIV.tab
   bottom: .5em;
   display: none; }
 
+DIV.tabsContainer DIV.active
+{ display: block; }
+
 DIV.tabsContainer > DIV[class~="active"].tab
 { display: block !important; }
 
 INPUT.checkBox
-{ border: 2px solid #000;
-  vertical-align: middle;
+{ vertical-align: middle;
   -moz-border-top-colors: #000 #fff;
   -moz-border-left-colors: #000 #fff; 
   -moz-border-bottom-colors: #000 #fff;
   -moz-border-right-colors: #000 #fff; }
+
+@media print
+{
+  BODY
+  { position: static;
+    font-size: 10pt;
+    height: auto;
+    overflow: visible; }
+
+  DIV#logConsole,
+  DIV#linkBanner,
+  DIV#toolbar,
+  DIV.menu,
+  DIV.tabsContainer
+  { display: none; }
+}