Changeset 7318 for head/ambra/journals/journal-overlay/src/main/resources/struts/journals/overlayJournal/css/screen.css

Timestamp:

03/02/09 10:43:14 (19 months ago)

Author:

josowski

Message:

Article Page Redesign, this changeset has four parts

1 - Article Level Metrics
2 - Fetch Article refactor
3 - Article Page redesign with new tabbed interface
4 - A new context based annotation menu

FetchArticle? no longer requires a chain of action classes in struts. The fetchArticle action now handles all the calls needed to the service tier to populate the freemarker template. There are regular expressions in the urlrewrite.xml file to handle these new action classes

Moved certain common functions from the ratings action classes to the articleOTMService. Moved a function from the abstract rating class to the rating service class.

TODO: Remove / refactor abstract rating action class as there are NO abstract methods.

References #1115

Files:

• head/ambra/journals/journal-overlay/src/main/resources/struts/journals/overlayJournal/css/screen.css (modified) (29 diffs)

head/ambra/journals/journal-overlay/src/main/resources/struts/journals/overlayJournal/css/screen.css

@@ -3 +3 @@
  * $Id$
  *
- * Copyright (c) 2006-2008 by Topaz, Inc.
+ * Copyright (c) 2006-2009 by Topaz, Inc.
  * http://topazproject.org
  *
@@ -20 +20 @@
 /*      -------------------------------------------------------------
 
-        GLOBAL STYLE SHEET FOR : Overlay Journal
+        GLOBAL STYLE SHEET FOR : Ambra Journal
         CREATED ON  : 08-26-2006
         CREATED BY      : MARGARET SHEAR
@@ -31 +31 @@
 
 html            { margin: 0 0 1px 0; min-height: 100%; /* set margin and height to eliminate the scroll bar page shift on mozilla and safari */ background: transparent url(../images/html_bg.gif) 0 0 repeat-x; } /*changed background color to transparent to partially fix IE7 repaint bug of homepage body background image -SWT */
-body            { font: 82.5% Verdana, Arial, Helvetica, sans-serif; color: #00131D; margin: 0; border-bottom: 6px solid #202020; min-height: 100%; }
-a:link          { color: #369; text-decoration: underline; }
-a:visited       { color: #66c; }
-a:hover         { color: #39f; text-decoration: none;}
+body            { font: 82.5% Verdana, Arial, Helvetica, sans-serif; color: #303030; margin: 0; border-bottom: 6px solid #202020; min-height: 100%; }
+a:link          { color: #c60; text-decoration: underline; }
+a:visited       { color: #a25100; }
+a:hover         { color: #f60; text-decoration: none;}
 a:active        { }
 :active, :focus { outline-style: none; -moz-outline-style:none; }
@@ -65 +65 @@
 dd                      { margin: 0; }
 table           { margin: 20px; border: none;}
-th                      { padding: 6px; color:#fff; background-color: #666; border: 4px solid #FFF; border-width: 0 3px 3px 0; font-weight: bold;}
-td                      { padding: 6px; background-color: #ccc; border: 4px solid #FFF; border-width: 0 3px 3px 0; }
+th                      { padding: 6px; background-color: #fdae7a; border: 4px solid #FFF; border-width: 0 3px 3px 0; font-weight: bold;}
+td                      { padding: 6px; background-color: #fcd3b8; border: 4px solid #FFF; border-width: 0 3px 3px 0; }
 /* Default Headings */
 h1, h2, h3      { font-family: Georgia, "Times New Roman", Times, serif; color: #333; /*position: relative; Note: this was causing links in floated articleMenu to be covered up and unclickable in Firefox2 */ }
@@ -80 +80 @@
 ----------------------------------------------------------
 */
-.noshow { line-height:0; } /* can be applied to elements that need to be present in the flow but not impact vertical spacing, e.g. in-page anchors */
-.clearer  { clear:both; line-height:0; }
+.noshow { display:block; height:0px; line-height:0em; } /* can be applied to elements that need to be present in the flow but not impact vertical spacing, e.g. in-page anchors */
+.clearer  { clear:both; line-height:0; height:0; display:none; }
+.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.clearfix { zoom:1; } /*zoom allows self-clearing floats to work in IE*/
 
 /* Global : Icons and Links
@@ -91 +93 @@
 a.trackback:visited,
 a.rating:visited,
-a.annotation:visited,   
+a.annotation:visited,
 a.user:visited,
 a.instructions:visited,
 a.addannotation:visited,
-a.corrections:visited { color: #369; }
+a.corrections:visited { color: #c60; }
 
 a.tooltip,
@@ -110 +112 @@
 
 a.rating      { padding: 0 0 2px 5px; border: none; background: transparent; }
-h6 a.rating { font-size: .9em; }
 
 /* portions of this icon set have been adapted Mark Jame's Silk icon set available under a Creative Commons Attribution 2.5 license at http://www.famfamfam.com/lab/icons/silk/ */
@@ -185 +186 @@
 div.pane div.post a:hover       { background-color: #393; }
 
-/* div.rating div.close a { border-left: 2px solid #069; border-bottom: 2px solid #069;} */
+/* div.rating div.close a { border-left: 2px solid #c60; border-bottom: 2px solid #c60;} */
 
 /* Main Container: Main Menu : Elements
@@ -194 +195 @@
 #container                      { position: relative; }
 #container, #hdr        { margin: 0 auto; min-width: 675px; max-width: 930px; }
-#content                        { margin: 50px 4px 50px 22px; line-height: 1.8em; font-size: .9em; }
+#content                        { margin: 30px 4px 50px 22px; line-height: 1.8em; font-size: .9em; }
 
 /* Horizontal Advertising Banners : Top & Bottom Slots
@@ -215 +216 @@
 div#hdr                         { height: 150px; position: relative; z-index: 997;}
 #hdr #logo                      { background: transparent url(../images/hdr_logo.gif) no-repeat top left; color: #039; }
-#hdr #logo                      { width: 501px; height: 128px; position: absolute; top: 26px; left: 8px; margin: 0; font-size: 1.6em; }
+#hdr #logo                      { width: 501px; height: 128px; position: absolute; top: 16px; left: 8px; margin: 0; font-size: 1.6em; }
 #hdr #logo a            { width: 300px; height: 90px; display: block; position:relative; }
 #hdr #logo span,
@@ -232 +233 @@
 ul#nav          { font-size: .85em; height:1.9em; margin: 0; padding: 0; position: absolute; bottom: 0; left: 14px; top:129px; list-style-type: none; z-index: 800; width: 100%; }
 ul#nav li       { float: left; position: relative; list-style-type: none; margin: 0; padding: 0; }
-#nav li a, 
+#nav li a,
 #nav li a:visited
                         { font-weight: bold;display:block; text-decoration:none; width: auto; padding: 5px .6em .1em .6em; float:left; height: 1.6em; line-height:normal; color:#fff; }
 #nav li li      { width: 100%; position: relative; z-index: 802;}
 #nav li ul      { visibility:hidden; position:absolute; top:1.5em; left:0; height:0; overflow:hidden; text-align: left; margin: 0; padding: 0; background-color: #fff; z-index: 801;}
-/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
+/*#nav table    { margin:-1px; border-collapse:collapse; } what table? -SWT */
+/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
 /* Note that class li.over is dynamically written into html from init_navigation.js -SWT */
 #nav li.over a,
 #nav li:hover a,
-#nav li a:hover                                 { background-color: #369; color: #FFF!important; }
+#nav li a:hover                                 { background-color: #c60; color: #FFF!important; }
 #nav li.over ul,
 #nav li:hover ul,
-#nav li a:hover ul                              { visibility:visible; display:block; height:auto; width:16.6em; top:2.1em; overflow:visible; border: 1px solid #369;}
+#nav li a:hover ul                              { visibility:visible; display:block; height:auto; width:16.6em; top:2.1em; overflow:visible; border: 1px solid #c60;}
 
 #nav li.over li a,
 #nav li:hover ul li a,
-#nav li a:hover ul li a                 { display:block; font-weight:normal!important; background:transparent; text-decoration:none; height:auto; line-height: 1.5em;padding:0.2em 0.2em 0.2em 0.6em; width:15.8em; border-top: 0; color: #369!important; }
+#nav li a:hover ul li a                 { display:block; font-weight:normal!important; background:transparent; text-decoration:none; height:auto; line-height: 1.5em;padding:0.2em 0.2em 0.2em 0.6em; width:15.8em; border-top: 0; color:#c60!important; }
 
 #nav li.over ul li a:hover,
 #nav li:hover ul li a:hover,
-#nav li a:hover ul li a:hover   { border-top: 0; color: #369!important; background-color: #fff;text-decoration: underline;}
+#nav li a:hover ul li a:hover   { border-top: 0; color:#c60!important; background-color: #fff;text-decoration: underline;}
 #nav li.journalnav                              { float: right; margin-right: 14px;}
 
 
 /* Search Dashboard */
-#db { padding: 0; text-align: center; font-size: .8em; position: absolute; top: 50px; right: -20px; padding: 0; border-width: 0; color: #888; background: url(../images/db_bg.gif) no-repeat top left; padding: 8px 15px 10px 11px;}
+#db                     { padding: 0; text-align: center; font-size: .8em; position: absolute; top: 50px; right: -20px; padding: 0; border-width: 0; color: #888; background: url(../images/db_bg.gif) no-repeat top left; padding: 8px 15px 10px 11px;}
 #db fieldset    { padding: 0; margin: 0; background-color: transparent; vertical-align: top; width: 327px; border: none; }
 #db fieldset div{ position: relative; }
@@ -293 +295 @@
 #user ul li { list-style-type: none;display: inline; }
 #user li a:link,
-#user li a:visited      { padding: 0; margin-left:0 2px; text-decoration: none;}
+#user li a:visited      { padding: 0; margin:0 2px; text-decoration: none; }
 #user a:link,
-#user a:visited {  color: #369!important; }
+#user a:visited {  color: #c60!important; }
 #hdr #user a:hover { text-decoration: underline; }
 
@@ -317 +319 @@
 div#ftr ul              { margin: 0; padding: 0; list-style-type: none; }
 div#ftr ul li   { margin: 0 5px; display: inline; }
-/*div#ftr ul a, div#ftr ul a:visited { color: #c00;}*/
 div#ftr img     { margin: 0 10px -8px 10px; display: inline; }
 div#ftr p               { margin: 0 0 10px 0; padding: 10px; background-color: #FFF; border-bottom: 1px solid #003956; white-space: nowrap; }
-div#ftr p span  { display: inline; background: #FFF url(../images/user_ftr_cc_logo.png) no-repeat left center; padding: 8px 8px 8px 25px; }
+div#ftr p span  { display: inline; background-color:#fff; padding: 8px 8px 8px 25px; }
 div#ftr div.powered { background-color: #202020; color: #bbb; font-size: .9em; padding: 10px 0 4px 0; letter-spacing: .03em; margin-top: 10px; border-top: 1px solid #fff;}
 div.powered a:link,
-div.powered a:visited,
-div.powered a:hover { color: #ccc; font-weight: bold;}
+div.powered a:visited { color: #fff; font-weight: bold; }
+div.powered a:hover { text-decoration:none; }
 
 /* Research Article : Elements
 ----------------------------------------------------------=
 */
-div#rhc                 { float: right; width: 240px; position: relative; }
+
+/*TEMP STYLE: suppresses 2nd instance of research article title on the article page*/
+div#articleMenu + h1 { display:none; }
+
+/* article page tabs */
+div.horizontalTabs      { position:relative; border:0; margin-top:15px; padding:0; background:transparent; width:100%; }
+div.horizontalTabs:after  { content:"."; display: block; height:0; clear:left; visibility:hidden; }
+/*div#articleContainer div#researchArticle*/ ul#tabsContainer  { float:left;  margin:0!important; padding:0 0 0 10px!important; /* "!important" required for IE7 */ line-height:normal; background:transparent url("../images/tab_bg.gif") repeat-x bottom; width:640px; }
+ul#tabsContainer ul { margin:0; padding:10px 10px 0; }
+ul#tabsContainer li             { cursor:pointer; float:left; background:url("../images/tab_left.gif") no-repeat 0% 0%; margin:0 2px; padding:0 0 0 8px; list-style:none; font-size:.9em; font-weight:bold; color:#666; }
+ul#tabsContainer li a { display:block; float:left; background:url("../images/tab_right.gif") no-repeat 100% 0%;  padding:8px 16px 8px 8px!important; /* "!important" required for IE7 */ color:#666; text-decoration:none; }
+ul#tabsContainer li a:hover { color:#f60 }
+ul#tabsContainer li.active { background-position:0% -40px; }
+ul#tabsContainer li.active a { background-position:100% -40px; padding-bottom: 9px!important; }
+
+div#rhc                 { float: right; width: 240px; position: relative; margin-top:8px; }
+div.browse div#rhc { padding:0; }
 div.content     { margin-right: 255px; }
 
@@ -338 +355 @@
 
 div.static h1,
-div.search h1           { padding-top: 10px; border-top: 6px solid #666; }
-div.pageerror h1        { background-color: #666; color:#fff; padding: 8px;}
+div.search h1           { padding-top: 10px; border-top: 6px solid #f60; }
+div.pageerror h1        { background-color: #f60; color:#fff; padding: 8px;}
 div.pageerror p         { margin-left: 8px; }
 div.content h2  { /* article sub-title */ margin: 10px 0; font-style: italic; font-size: 1.5em; background: none; padding: 0;}
@@ -377 +394 @@
 div.content dd p { margin:0; }
 
-div#contentHeader { /* open access image */ position: relative; top:0; height:34px; margin:0; background:#666 url(../images/content_oa.gif) no-repeat 100% 0; }
+div#contentHeader { /* open access image */ position: relative; top:0; height:34px; margin:0; background:#c60 url(../images/content_oa.gif) no-repeat 100% 0; }
 div#contentHeader p { margin: 0; padding:0; text-indent: -9999px; }
 div#contentHeader p#articleType { text-transform:uppercase; text-indent:7px; margin-top:-13px; font-weight:bold; color:#fff; background-color:transparent; }
 
-div#publisher { border-bottom:1px dashed #369; background-color:#fff; } /* background color allows bottom border to display in IE6 */
+div#publisher { border-bottom:1px dashed #c60; background-color:#fff; } /* background color allows bottom border to display in IE6 */
 div#publisher p { margin:0 0 2px 0; }
 div#publisher p a { font-weight:bold; font-style:italic; }
@@ -389 +406 @@
 ol.references a.find { font-size: .9em; text-transform: uppercase; font-weight: bold; margin-left: 4px;}
 
-p.oa-banner             { margin: 0; padding: 5px 0;font-size: .85em; border-bottom: 8px solid #069; color: #666; }
+p.oa-banner             { margin: 0; padding: 5px 0;font-size: .85em; border-bottom: 8px solid #c60; color: #666; }
 p.authors               { margin: 10px 0 0 0; font-weight: bold; font-size: 1.1em; }
 p.affiliations  { font-size: .85em; margin: 0; }
@@ -401 +418 @@
 div.abstract h3 { font-size: 1.3em; margin: 20px 0 0 0; padding:0; border-bottom:0; color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
 span.pullquote  { font-size: 2em; line-height: 1em; width: 55%; padding: 10px; float: right; letter-spacing: -.05em; font-style: italic; margin: 5px; }
-div.box { color: #000; margin:10px 0; padding: 10px; background-color: #efefef; }
+div.box                 { color: #000; padding: 10px; background-color: #fcd3b8; margin: 10px 0; }
 div.content div.box h3,
 div.content div.box h4 { margin:0; }
@@ -407 +424 @@
 
 /* Menu next to article title containing download links, print link, etc. */
-div#articleMenu { float:right; width:165px!important; margin:10px 0 20px 10px; padding:0 0 12px 10px; background:#fff; }
-div#articleMenu ul { list-style-type:none; margin:0 15px 0 0; padding:0; background:none; position:static!important; } /* position:static fixes display issues in IE6 */
-div#articleMenu ul li { border-bottom: 1px solid #ccc; margin:0; padding:1px 0; font-size:.85em; background:none; }
-div#articleMenu ul li a:link,
-div#articleMenu ul li a:visited { background-color:transparent; background-position:5% 50%; background-repeat:no-repeat; padding:2px 0 2px 25px; color:#666; text-decoration:none; }
-div#articleMenu ul li a:hover { text-decoration:underline; color:#f00; }
-
-/* Related articles at top of right column on article pages */
-dl#relatedArticles { margin:0 0 20px 0; padding:9px 0 .5em 0; border-bottom:1px solid #666; background-color:#fff; }
-dl#relatedArticles dt { font-size:1em; color:#303030; margin-bottom:.5em; }
-dl#relatedArticles dd { line-height:1.2em; margin-bottom:.5em; }
-dl#relatedArticles dd a:link,
-dl#relatedArticles dd a:visited { font-size:.95em; text-decoration:none; }
-dl#relatedArticles dd a:hover { text-decoration:underline; }
-
-#rhc ul li a,
-#rhc ul li a:visited    { display: block; font-size: .85em; padding: 0 5px; text-decoration: none; color: #333; }
-#rhc ul li a,
-#rhc ul li a:visited    { background-color: transparent; background-position: 5% 50%; background-repeat: no-repeat; padding:1px 0 2px 0; padding-left:30px; border-bottom: 1px solid #ccc; margin: 0 3px; }
-#rhc ul li a:hover              { background-color: #ddd; color: #000;}
-#rhc ul li a.last               { border-bottom-width: 0; }
-#rhc ol li a.commentary { background-image: none; display:block; margin-top:5px; padding: 2px 0 2px 0; font-weight: bold; }
-#rhc ol li a.corrections { display:inline; background-position:left 0%; }
-/* Valid use of child selector to hide these from IE6 which doubles bottom margin. Results in no bottom margin display for IE6 */ 
-div#rhc > div#sideNav > div#postcomment > div.commentview > ol > li > a.corrections,
-div#rhc > div#sideNav > div#postcommentfloat > div.commentview > ol > li > a.corrections/*for Safari*/ { display:block; margin-bottom:5px; background-position:left 0.2em; }
-
-ul#dcCount1 { margin-bottom:5px; } /* increases spacing below note and comment counts to help block view/join discussion section */
+div.content div#articleMenu { float:right; width:200px; margin:18px 0 0 15px; padding-bottom:15px; background:#fcd3b8 url(../images/articleMenu_btm.gif) no-repeat bottom left; font-size:0.9em; zoom:1; }
+div.content div#articleMenu div.wrap { background:#fcd3b8 url(../images/articleMenu_top.gif) no-repeat top left; margin-bottom:8px; padding-top:8px; zoom:1; }
+div.content div#articleMenu p { margin-bottom:0; padding:0 8px 0 23px; }
+div.content div#articleMenu ul { margin:0; padding:0 8px 0 23px; position:static!important; } /* position:static fixes display issues in IE6 */
+div.content div#articleMenu ul li { background-image:none; padding:2px 0; line-height:1.5em; }
+div.content div#articleMenu ul li.annotation,
+div.content div#articleMenu ul li.discuss { background-position:0 2px; background-repeat:no-repeat; padding-left:18px; }
+div.content div#articleMenu ul li.annotation    { background-image: url(../images/icon_annotation.gif); }
+div.content div#articleMenu ul li.discuss       { background-image: url(../images/icon_discuss.gif); }
+
+/* Related articles in right column on article pages */
+div#sideNav dl.related { margin:0 0 20px 0; padding:9px 0 .5em 0; border-bottom:1px solid #999; background-color:#fff; }
+div#sideNav dl.related dt { font-size:1em; text-transform:uppercase; color:#303030; margin-bottom:.5em; }
+div#sideNav dl.related dt em { text-transform:none; font-style:normal }
+div#sideNav dl.related dd { line-height:1.2em; margin-bottom:.5em; }
+div#sideNav dl.related dd a:link,
+div#sideNav dl.related dd a:visited { font-size:.95em; text-decoration:none; }
+div#sideNav dl.related dd a:hover { text-decoration:underline; }
+
+/* Right column on article pages */
+#rhc { font-size:0.9em; line-height:1.5em; }
+#rhc h6 { font-size:1em; }
+#rhc h6 a.info { display:inline-block; background:url(../images/button_info.png) no-repeat bottom left; text-indent:-9999px; height:15px; width:14px; }
+#rhc p { margin:3px 5px 5px 5px; }
+#rhc div.rhcBox_type1 { margin-bottom:18px; padding-bottom:8px; background:#fcd3b8 url(../images/rhcBox_btm.gif) no-repeat bottom left; zoom:1; }
+#rhc div.rhcBox_type1 div.wrap { background:#fcd3b8 url(../images/rhcBox_top.gif) no-repeat top left; padding-top:8px; }
+#rhc div.rhcBox_type2 { margin-bottom:8px; border:1px solid #bababa; }
+#rhc div.rhcBox_type2 h6 { margin:0; padding:1px 5px; color:#fff; background-color:#cc6600; }
+#rhc div.rhcBox_type2 div.more { text-align:right; margin:bottom:0; }
+#rhc div.rhcBox_type2 div.more a { display:block; float:right; background:transparent url(../images/rhcBox_more.gif) no-repeat top left; width:4em; text-decoration:none; font-weight:bold; line-height:2em; padding:0 5px 0 0; text-align:right; }
+#rhc div.rhcBox_type2 div.more > a { float:right; text-align:right; }  /* for non-IE6 browers */
+
+#rhc div#download ul,
+#rhc div#share ul  { margin:0 5px 0 8px; padding:0; }
+#rhc div#download ul li,
+#rhc div#share ul { background-image:none; padding:2px 0; line-height:1.8em; list-style-type:none; }
+#rhc div#download ul li.download,
+#rhc div#download ul li.print,
+#rhc div#share ul li.email,
+#rhc div#share ul li.twitter { background-position:0 3px; background-repeat:no-repeat; padding-left:21px; }
+#rhc div#download ul li.download        { background-image: url(../images/icon_download.gif); }
+#rhc div#download ul li.print   { background-image: url(../images/icon_print.gif); }
+#rhc div#share ul li.email { background-image: url(../images/icon_email.gif); }
+#rhc div#share ul li.twitter  { background-image: url(../images/icon_twitter.gif); }
+#rhc div#share div.bookmarklets { display:inline-block; }
+#rhc div#share li.bookmarklets { height:2em; margin-top:3px; }
+#rhc div#share li.bookmarklets div { display:inline-block; }
+#rhc div#share li.bookmarklets img,
+#rhc div#share li.bookmarklets iframe { margin-bottom:-0.3em; } /*iframe for digg.com bookmarklet*/
 
 /* correction article type styles */
@@ -441 +479 @@
 /* correction note types, header, and associated page styles */
 div#discussionContainer div.corrections td.title { background-color: #fff4f0; }/* "correction" name space conflict: see line #393 above and line #594 below. Resolved by using "corrections". */
-div#discussionContainer div.corrections div.original div.hd h3 { text-indent:20px; color:#ff0000; } 
+div#discussionContainer div.corrections div.original div.hd h3 { text-indent:20px; color:#ff0000; }
 
 div.corrections td.title a,
@@ -450 +488 @@
 div.fch p.fch,
 div.corrections td.title a,
+a.corrections,
 div#discussionContainer div.corrections div.original div.hd h3 { background:url(../images/icon_correction.gif) left 0% no-repeat; }
 div.fch p.fch { margin:8px 8px 0; text-indent:20px; }
@@ -458 +497 @@
 div.fch ol li p a:visited { font-weight:normal; color:#004e9c; }
 
-
-/* rhc rounded containers : top */
-div.links,
-div.tools                               { background-position: bottom; background-repeat: no-repeat; padding: 0 0 8px 0; margin: 0 0 6px 0; }
-div.links                               { background-image: url(../images/sidenav_bg.gif); position: relative;}
-div.tools                               { background-image: url(../images/tools_bg.gif);}
-
-
-/* rhc rounded containers : bottom */
-div.links ul,
-div.tools ul                    { background-repeat: no-repeat; background-position: top; padding: 8px 0 0 0; margin: 0; list-style-type: none; }
-div.links ul                    { background-image: url(../images/sidenav_bg.gif);}
-div.tools ul                    { background-image: url(../images/tools_bg.gif); padding-bottom: 2px;}
-div.links li
-div.tools li                    { list-style-type: none; margin: 0; padding: 0; }                               
-
-/* rhc square box */
-div.rhcBox { position:relative; top:0pt; width:240px; border:3px solid #999999; margin:0; padding:0; }
-
-div.commentview                 { padding: 5px; border: 3px solid #999; margin: 8px 0; background: url(../images/toolbar_bg.gif) repeat-x top;}
-div.commentview div#ratingAverages { border: 1px solid #ccc; border-width: 1px 0; margin: 5px -5px; padding: 10px; background-color: #eee; position: relative; width:214px; }
-div.commentview  li     { font-size: .9em; }
-div.commentview h6,
-div.rhcBox h6 { margin: 0; }
-div.commentview ol,
-div.commentview li              { margin: 0; padding: 0; list-style-type: none; }
-div.commentview  div#ratingAverages li  { font-weight: bold; position: relative; }
-div.commentview label   { font-weight: normal; }
-div.commentview li ul   { margin: 0; padding: 0; list-style-type: none; }
-div.commentview li ul li        { background: url(../images/tools_li.gif) no-repeat 0 2px; font-weight: bold; padding-left: 14px; margin-left: 20px; font-size: 1em; color: #666;}
+div#ratingRhc1 { margin-bottom:5px;}
+div#ratingRhc1 ol,
+div#ratingRhc1 li { margin:0; padding:0; list-style-type: none; }
+div#rhc div#ratingRhc1 h6 { font-weight:bold; margin-top:2px; margin-bottom:3px; color:#303030; background-color:transparent; } /*when the Impact tab is put in and the ratings box becomes part of the Impact box, this header should be changed to a h7 or p*/
+div#ratingRhc1 div#ratingAverages li    { font-weight: bold; position: relative; }
+div#ratingRhc1 label { font-weight: normal; }
+div#ratingRhc1 a.rating { white-space:nowrap; }
+div#ratingRhc1 div#ratingAverages { background-color:#EEEEEE; border-color:#CCCCCC; border-style:solid; border-width:1px 0; margin:3px 0; padding:10px;}
 
 ol.ratingAvgs { padding: 0; margin: 0; }
 ol.ratingAvgs,
 ol.ratingAvgs ul { list-style: none; }
-ol.ratingAvgs li { padding: 0 0 0 10px; margin: 0; height: 2em; } 
-ol.ratingAvgs label {  }
-ol.ratingAvgs ul { left: 8em; top: -2em;}
+ol.ratingAvgs li { padding: 0 0 0 10px; margin: 0; height: 2em;}
 ol.ratingAvgs li ul li { display: inline; background: none; margin: 0; padding: 0; width: auto;}
-
-#postcomment, #postcommentfloat { width: 240px; top: 0; position: relative; }
-#postcommentfloat { position: fixed; display: none; }
-.fixed { position: fixed !important; }
-
-#sectionNav ul li a,
-#sectionNavTop ul li a,
-#sectionNavTopFloat ul li a, /* sectionNavTopFloat style is for Safari only*/
-#sectionNav ul li a:visited,
-#sectionNavTop ul li a:visited,
-#sectionNavTopFloat ul li a:visited { padding-right:5px; background: transparent url(../images/sectionnav_li_bg.gif) no-repeat 5% .7em; border-color: #999;}
-
-#sectionNav                     { width: 240px; top: 20px; background-color: #FFF; position: fixed; /* hide temporarily until js is implemented */ display: none; }
-
 
 div.buttons                             { margin: 6px 0; padding: 0; background: url(../images/buttons_bg.gif) no-repeat; background-position: 0 -32px; position: relative;}
@@ -520 +521 @@
 
 
-div.figure                              { background-color: #efefef; padding: 10px; font-size: .85em; margin: 10px 0;}
+div.figure                              { background-color: #fcd3b8; padding: 10px; font-size: .85em; margin: 10px 0;}
 div.figure:after                { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; }
 div.figure h5                   { float:none; margin: 0; color: #000;}
@@ -526 +527 @@
 #content div.figure img.thumbnail       { margin: 0 10px 10px 0; float: left;} /* only thumbnails will float, not in-line images */
 div.figure a img.thumbnail              { border: 2px solid #FFF; } /* only thumbnails will float, not in-line images */
-div.figure a:hover img  { border: 2px solid #069; }
+div.figure a:hover img  { border: 2px solid #c60; }
 
 span.equation          { width: 100%; margin: 20px 0; font-weight: bold; font-size: .85em; text-align: right; padding: 0 10px; }
@@ -539 +540 @@
 a.bug,
 a:visited.bug {
-  position:relative; 
+  position:relative;
         top:-5px;
   margin-right:2px;
         padding:1px 11px 1px 4px;
-        color:#fff; 
-  text-decoration:none; 
-  font-size:.85em; 
+        color:#fff;
+  text-decoration:none;
+  font-size:.85em;
         font-weight:bold;
   background:url(../images/annotation_bug.gif) top right no-repeat;
@@ -595 +596 @@
 
 /* ------ User Profile Page Styles ------*/
-div#content.profile     { border: 2px solid #666; border-width: 2px 0; background: #e8e8e8 url(../images/forms_bg.gif) repeat-x top; padding: 20px 0; width: 70%; margin-left: auto; margin-right: auto; position: relative;}
+div#content.profile     { border: 2px solid #f90; border-width: 2px 0; background: #fcd3b8 url(../images/forms_bg.gif) repeat-x top; padding: 20px 0; width: 70%; margin-left: auto; margin-right: auto; position: relative;}
 div.profile img { float: left; margin: 20px 0 0 20px;}
 div.profile h1  { position: absolute; left: 120px; margin: 0; padding-bottom: 10px; padding-top: 10px;top: 60px;}
 div.profile h2  { background-image: none; clear: left; }
 div.profile ol { list-style-type: none; margin: 25px 0px 0px; padding: 0px; clear: left; padding-top: 20px; }
-div.profile ol li { list-style: none; display: block; padding: 0 20px 10px 20px; padding-left: 20px; border-bottom-color: #ccc; border-bottom-style: solid;border-bottom-width: 2px; background-color: transparent; background-image: none; padding-top: 5px; clear: both; }
+div.profile ol li { list-style: none; display: block; padding: 0 20px 10px 20px; padding-left: 20px; border-bottom-color: #b8f0a9; border-bottom-style: solid;border-bottom-width: 2px; background-color: transparent; background-image: none; padding-top: 5px; clear: both; }
 div.profile li em{ color: #555; font-size: .9em;}
 div.profile ol li span.heading{ font-weight: bold; display: block; }
-div.profile ol li input { width: 200px; border: 1px solid #ACF1FF; padding: 2px; }
-div.profile ol li .long-input { width: 324px; } 
-div.profile ol li select { width: 206px; border: 1px solid #ACF1FF; padding: 2px; }
+div.profile ol li input { width: 200px; border: 1px solid #fdae7a; padding: 2px; }
+div.profile ol li .long-input { width: 324px; }
+div.profile ol li select { width: 206px; border: 1px solid #fdae7a; padding: 2px; }
 div.profile ol li .radio { width: 14px;}
 div.profile ol li .checkbox { width: 14px;}
-div.profile textarea {width: 324px; border: 1px solid #ACF1FF; }
+div.profile textarea {width: 324px; border: 1px solid #fdae7a; }
 div.profile #submit, .pone-form #cancel {margin-top: 15px; margin-left: 10px; }
-
-div.horizontalTabs              { position: relative; border-width: 0;}
-.horizontalTabs ul,
-.horizontalTabs ul li   { list-style-type: none; margin: 0; padding: 0; font-weight: bold; color: #069;}
-.horizontalTabs ul              { display: block; margin-bottom: 5px; z-index: 10; border-bottom: 2px solid #ACF1FF; }
-.horizontalTabs ul li   { cursor: pointer; padding: 6px; background-color: transparent; margin: 5px 2px 3px 2px; display: inline; }
-.horizontalTabs ul li.active    { font-weight: bold;background: url(../images/forms_bg.gif) repeat-x bottom; border-bottom-color: #fff; text-decoration: none; color: #000;}
-.horizontalTabs .contentwrap {margin: 0; border: 2px solid #fff; padding: 0;position: relative; }
 
 /* ------ EdBoard Styles ----*/
 .edboard dl { text-align: right; margin: 0 240px 0 0; }
 .edboard dt { font-weight: bold; display: block; float: left; padding-left: 5px; margin-top: 5px; position: relative;}
-.edboard dd { margin: 0 0 5px 0; padding: 0 5px 5px 5px; background-color: #D2F7FF; border-top: 6px solid #D2F7FF; font-size: .85em; text-indent: 10px; }
-
-.static p.intro,
-.static div.intro
-{ border: 2px solid #ccc; padding: 10px; background: url(../images/toolbar_bg.gif) repeat-x bottom; color: #000;}
-.static div.intro { margin:10px 0; padding-top:0 }
+.edboard dd { margin: 0 0 5px 0; padding: 0 5px 5px 5px; background-color: #fcd3b8; border-top: 6px solid #fcd3b8; font-size: .85em; text-indent: 10px; }
+
+.static p.intro                                 { border: 2px solid #ccc; padding: 10px; background: url(../images/toolbar_bg.gif) repeat-x bottom; color: #000;}
 
 /* ------ Search Styles ----*/
@@ -643 +633 @@
 div.source                      { padding: 0; font-size: 1.3em; font-weight:bold; margin: 10px 0; }
 div.source a.article{ background-image: url(../images/icon_source.gif); background-position: 0 4px;padding-left: 20px;display: block; font-family:Georgia,"Times New Roman",Times,serif; text-decoration: none;  border-bottom: 1px solid #ccc; }
-div.source a:visited { color:#369; }
-div.source a:hover      { color:#39f; text-decoration:underline; }
+div.source a:visited { color:#c60; }
+div.source a:hover      { color:#f60; text-decoration:underline; }
 div.source a:hover span.inline-rating { text-decoration:none; background-color:#fff; }
 /* span wraps original article label */
@@ -681 +671 @@
 
 /*--- Browse by TOC and Journal Archive ---*/
-p#issueNav { margin:0; padding:0; position:relative; top:-12px }
-div.toc div#rhc { padding-top:0; }
+p#issueNav { margin:0; padding:0; position:relative; font-size:0.9em; }
+p#issueNav a:link,
+p#issueNav a:visited { text-decoration:none; }
+p#issueNav a:hover { text-decoration:underline; }
+div.toc div#rhc { margin-top:-9px; padding-top:0; }
 div.toc div#rhc div#floatMarker { line-height:0; margin:0; padding:0; display:none; } /* see floatingMenu.js */
 div.toc h1,
-div.archive h1  { width:99%; margin-bottom: 20px; padding-top: 10px; border-top: 6px solid #666; }
+div.archive h1  { width:99%; margin-bottom: 20px; padding-top: 10px; border-top: 6px solid #f60; }
 div#issueImage { margin:30px 0 15px 0; }
 div#issueImage h4 { display:inline; font-size:0.9em; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; }
@@ -700 +693 @@
 div.toc #search-results { margin-top:0; padding:0; }
 div.toc h2,
-div.archive h2  { margin:15px 0 0 0; font-size:170%; font-style:normal; border-bottom:1px solid #666 }
+div.archive h2  { margin:15px 0 0 0; font-size:170%; font-style:normal; border-bottom:1px solid #c60 }
 div.toc div.article { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc; background:white; } /* white background allows bottom border to render in IE6 - wierd */
 div.toc h3,
@@ -712 +705 @@
 div.toc dl.related dt,
 div.toc dl.related dd { margin-bottom:.2em; font-size:.9em; line-height:1.5em; }
-div.toc dl.related dt { color:#666 }
+div.toc dl.related dt { float:none; color:#666 }
 div.toc dl.related dt em { font-style:normal }