/* NOTE: Traction caches stylesheets and serves them from memory.  If you edit a
   stylesheet, you must clear caches (in Server Setup | General) or
   restart the server in order to see the updated stylesheet */

/* ----------------------------------------------------------------------------- 
   General Display Settings
   ----------------------------------------------------------------------------- */

HTML { 
/*  background: #122870; */
/*  background: #122869; */
/*  color: #ddd; */
  height: 100%;
}

BODY {
  margin: 0px;
  font-family: Arial;
  font-size: 8pt;
/*  background: #122870; */
/*  background: #122869; */
/*  color: #ddd; */
  height: 100%;
}

FORM { 
  display: inline;
}

A, A:visited {
/*  color: #69c; */
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

#right A:hover {
/*  color: #fff; */
}

.defaultlink {
}	     

/* ----------------------------------------------------------------------------- 
   Sections of the Page
   ----------------------------------------------------------------------------- */

DIV#locator {
  font-size: 9pt;
/*  color: #fff; */
  padding: 5px 8px;
  z-index: 100;
}

DIV#globalnav { 
  padding-top: 2px;
}

DIV#breadcrumb { 
  padding: 2px 0;
  font-size: 8pt;  
}

A.locatorlink, A.locatorlink:visited {
/*  color: #fff; */
}

DIV#locator .selected { 
  border-bottom: 1px solid #fff;
}

A.locatorlink:hover {
/*  color: #000; */
}

/* ----------------------------------------------------------------------------- 
   Calendar Styles
   ----------------------------------------------------------------------------- */

DIV#calendar {
  font-family: Arial;
  margin-right: 8px;
}

.today { 
  margin-right: 8px;
}

DIV#calendar TABLE {
  font-size: 8pt;
}

DIV#calendar TD { 
  text-align: center;
  padding: 2px 4px 2px;
}

/* --- styles for calendar showing a list of active years --- */

TABLE.calendaractiveyears {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: center;
  border: 1px solid #ccc;
/*  color: #cc9; */
  font-weight: bold;
}

TD.calendaractiveyearstitle {
}

TR.calendaractiveyears {
}

TD.calendaractiveyears {
/*  background-color: #122870; */
/*  background-color: #69c; */
/*  color: #eee; */
}

TD.calendaractiveyears A { 
  display: block;
/*  color: #eee; */
}

A.calendaractiveyears {
}

A.calendaractiveyears:hover {
}

DIV.calendarnoactiveyearsmsg {
}

/* --- styles for calendar showing active months within a year --- */

TABLE.calendaryear {
  margin-left: auto;
  margin-right: auto;
/*  color: #cc9; */
}

TD.calendarshiftsliceback, TD.calendarshiftsliceforward {
  font-family: times;
  font-weight: bold;
/*  background-color: #122870; */
  padding: 0px;
}

TABLE.calendaryear TD.calendarshiftsliceback, 
TABLE.calendaryear TD.calendarshiftsliceforward {
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}


TD.calendarshiftsliceback A, TD.calendarshiftsliceforward A { 
/*  color: #69c; */
}

IMG.calendarshiftsliceback {
}

IMG.calendarshiftsliceforward {
}

TR.calendaryeartitle {
}

TD.calendaryeartitle {
/*  background-color: #fff; */
  border: 1px solid #e8ecd8;
  font-size: 8pt;
  vertical-align: middle;
}

A.calendaryeartitle,
A.calendaryeartitle:visited {
/*  color: #69c; */
}

A.calendaryeartitle:hover {
/*  background-color: #69c; */
/*  color: #fff; */
}

TR.calendarshowallyears {
}

TD.calendarshowallyears {
  text-align: center;
}

A.calendarshowallyears,
A.calendarshowallyears:visited {
/*  color: #ddd; */
  padding: 0 0 0 12px;
}

A.calendarshowallyears:hover {
}

TR.calendarquarter {
}

TD.calendarquarter A {
  padding: 2px 5px;
}

A.calendarquarter, 
A.calendarquarter:visited {
/*  color: #69c; */
  font-weight: bold;
  display: block;
}

A.calendarquarter:hover {
/*  background-color: #69c; */
/*  color: #fff; */
}

TD.calendarmonthselected {
/*  background-color: #69c; */
/*  color: #fff; */
}

TD.calendarmonthunselected {
}

A.calendarmonthactive, 
A.calendarmonthactive:visited {
  font-weight: bold;
/*  color: yellow; */
}

A.calendarmonthactive:hover {
}

A.calendarmonthinactive, 
A.calendarmonthinactive:visited {
/*  color: #eee; */
}

A.calendarmonthinactive:hover {
}

/* --- styles for calendar showing active days within a month --- */

TABLE.calendarmonth {
  margin-left: auto;
  margin-right: auto;
}

TABLE.calendarmonth A {
  font-size: 7pt;
}

TR.calendarmonthtitle {
}

TD.calendarempty {
}

TD.calendarmonthtitle {
/*  background-color: #fff; */
  border: 1px solid #e8ecd8;
  text-transform: uppercase;
}

A.calendarmonthtitle,
A.calendarmonthtitle:visited {
/*  color: #69c; */
}

A.calendarmonthtitle:hover {
/*  background-color: #69c; */
/*  color: #fff; */
}

A.calendarmonthyeartitle,
A.calendarmonthyeartitle:visited {
/*  color: #69c; */
}

A.calendarmonthyeartitle:hover {
/*  background-color: #69c; */
/*  color: #fff; */
}

TR.calendardayname {
}

TD.calendardayname {
  font-weight: bold;
/*  color: #69c; */
}

TR.calendarweekselected {
}

TD.calendarweeklink {
}

A.calendarweeklink,
A.calendarweeklink:visited {
  font-family: Arial;
  font-weight: bold;
/*  color: #69c; */
}

A.calendarweeklink:hover {
/*  background-color: #69c; */
/*  color: #fff; */
}

TD.calendardayselected {
/*  background-color: #69c; */
}

TD.calendardaynotselected {
}

A.calendarday {
}

A.calendarday:hover {
}

SPAN.calendardaytoday{ 
  text-decoration: underline;
}

SPAN.calendardaynotincurrentmonth {
/*  color: #ddd; */
}

SPAN.calendardayactive {
  font-weight: bold;
/*  color: yellow; */
}

SPAN.calendardayinactive {
/*  color: #eee; */
}

SPAN.calendardaynotincurrentmonth SPAN.calendardayinactive {
/*  color: #ddd; */
}


/* ----------------------------------------------------------------------------- 
   Rapid Selector Form
   ----------------------------------------------------------------------------- */

DIV#rs {
  margin: 0px 3px;
}

FORM#rsform {

}

INPUT#rsbutton { 
  vertical-align: middle;
  margin-right: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: auto;
  font-family: Arial;
  font-size: 8pt;
}

INPUT#rsinput {
  vertical-align: middle;
  width: 130px;
  font-size: 9pt;
}

DIV#rserror {
  padding: 4px 6px 0 6px;
}

DIV#rserror SPAN {
  font-family: Arial;
  font-size: 8pt;
/*  color: #ff0000; */
}

DIV#rserror IMG {
  vertical-align: middle;
}


SPAN#rsmsg {
}

SPAN#rserrorexpression {
}

DIV#searchcontrol { 
  text-align: left;
  padding-top: 5px;
  float: right;
}

/* ----------------------------------------------------------------------------- 
   Advanced Search Link
   ----------------------------------------------------------------------------- */
SPAN#advancedsearch { 
  display: block;
/*  color: #69c; */
  border: none;
  padding: 2px 6px;
}
SPAN#advancedsearch A { 
  font: 8pt arial;
/*  color: #fff; */
  text-transform: none;
  border: none;  
}

/* ----------------------------------------------------------------------------- 
   Page Actions
   ----------------------------------------------------------------------------- */

DIV#pageactions {
}

A.pageactionlink {
}

A.pageactionlink:hover {
}

IMG.pageactionimage {
}

/* ----------------------------------------------------------------------------- 
   Display of Active Search Expression
   ----------------------------------------------------------------------------- */

DIV#searchexpression {
  padding: 0px 0px 0px 5px;
  font-family: arial;
  font-size: 9pt;
/*  color: #ddd; */
  border-bottom: 1px #fff solid;
  border-top: 1px #fff solid;
  border-left: 1px #fff solid;
  border-right: 1px #fff solid;
/*  background-color: #69c; */
  margin: 0px 1px;
  position: relative;
}

SPAN#searchingfor {
}

#searchfilteractive {
  font-size: 8pt;
  font-family: Arial;
  font-weight: bold;
}

SPAN#searchinactive {
}

SPAN#searchexpressiontext {
/*  color: #fff; */
  font-variant: normal;
  text-transform: none;
}

A#cancelurl, A#cancelurl:visited {
/*  color: #fff; */
}


/* ----------------------------------------------------------------------------- 
   Display of Entries
   ----------------------------------------------------------------------------- */

TABLE.entry {
}

TR.entrytitle {
}

DIV.entrydetailslarge {
  font-size: 8pt;
  font-family: Arial;
/*  color: #999; */
}

A.permalink { 
  text-transform: none;
}

DIV.entrydetailslarge A { 
/*  color: #999; */
}

DIV.entrydetailsportlet {
  font-size: 8pt;
  font-family: Arial;
  padding-bottom: 4px;
/*  color: #999; */
}

DIV.entrydetailsportlet A {
/*  color: #999; */
}

DIV.entrydetailssmall {
  font-size: 7pt;
  font-family: Arial;
/*  color: #999; */
}

DIV.entrydetailssmall A { 
/*  color: #999; */
}

DIV.entrydetailslarge A.permalink { 
  text-transform: none;
}

A.entrydetails { 
}

A.entrydetailsxreflink {
}

A.entrydetailsxreflink:hover {
}

A.entrydetailsdatelink {
}

A.entrydetailsdatelink:hover {
}

A.entrydetailsauthorlink {
  text-transform: none;
}

A.entrydetailsauthorlink:hover {
}

A.entrydetailsupdateauthorlink {
  text-transform: none;
}

A.entrydetailsupdateauthorlink:hover {
}

A.entrydetailshistorylink {
}

A.entrydetailshistorylink:hover {
}

/* --------------------------------- items --------------------------------- */

SPAN.itemnumber {
}

SPAN.itemid {
  font-family: Arial, Arial, Helvetica, sans-serif; 
/*  color: #666; */
  font-size: 7pt;
}

A.ellipsislink {
/*  color: #69c; */
  font-weight: bolder;
}

A.ellipsislink:hover {
}

IMG.ellipsisimage {
}

/* 
   You can override the image used for ellipsis by setting the following variable:
 
   <variable.local.set name="ellipsisimage" value="/images/moreinfodots.gif"> 
 
   and you can cause the ellipsis to display as text-only using the following:
 
   <variable.local.set name="ellipsistextonly" value="true">
   <variable.local.set name="ellipsistext" value="***">
 */

SPAN.ellipsistextonly {
}

SPAN.titlecontextmenu {
}

SPAN.searchhitcontextmenu {
}


SPAN.itemcontextmenu {
}

IMG.contextmenuicon {
}

DIV#noentriesmsg {
}

/* ----------------------------------------------------------------------------- 
   Display of Search Results - Shares most things with normal entries
   ----------------------------------------------------------------------------- */

TABLE.searchhitentry {
}

TR.searchhittitlerow {
}

TD.searchhittitlecell {
}

A.searchhittitlelink {
  font-weight: bold;
  font-size: 9pt;
}

A.searchhittitlelink:hover {
}

TR.searchhitsnippetrow {
  font-family: Arial;
  font-size: 9pt;
/*  color: #666; */
}

TD.searchhitsnippetcell {
}


/* ----------------------------------------------------------------------------- 
   Display of Attachments to Entries
   ----------------------------------------------------------------------------- */

/* the tags below support BOTH 
   the table and DIV versions of 
   the attachments display */

TR.attachments {
}

TD.attachments {
}

DIV.attachment {
}

A.attachmenticon {
}

TD.attachmenticon {
vertical-align: top;
}

A.attachmenticon:hover {
}

IMG.attachmenticon {
  border: 0px;
}

DIV.attachmentinfo {
}

A.attachment {
}

A.attachment:hover {
}

SPAN.attachmentnumber {
}

SPAN.attachmentsize {
}

SPAN.attachmentdescription,
SPAN.attachmentsource {
display: block;
font-style: italic;
padding-left: 27px;
/*color: #666; */
}

INPUT.smallbutton { 
  font-family: Verdana;
  font-size: 8pt;
}

SPAN.ambiguity {
  font-family: Verdana;
}

SELECT.smallinput {
  font-family: Verdana;
  font-size: smaller;
}

SPAN.webfolder {
  /*display: block;*/
  padding-left: 10px;
  font-size: smaller;
}

DIV#attachmentsdirectory {
  padding-top: 15px;
}

DIV#attachmentsdirectory TD {
  padding: 0px 0px 15px 8px;
}

TABLE.attachmentsdirectory SPAN.attachmentdescription,
TABLE.attachmentsdirectory SPAN.attachmentsource {
  padding-left: 0px;
}

TABLE.attachmentsdirectory A.attachment {
  font-size: 12pt;
  font-weight: bold;
}

/* the following tags are necessary 
   only if using the table display.  
   to enable table display, set 
   value to true.
   <variable.local.set name="entryattachmentsusetable" value="true"> 
*/


TABLE.attachment {
}

TR.attachment {
}

TR.attachment INPUT {
vertical-align: middle;
}

TD.attachmenticon {
}

TD.attachment {
}

/* ----------------------------------------------------------------------------- 
   Display of Files (includes some Attachment styles, from cfi.css)
   ----------------------------------------------------------------------------- */

.webfolder IMG {
  vertical-align: middle; 
}

/* ----- entry title ----- */

TD.highlightedtitle {
/*  background-color: #ddddd0; */
}

TD.briefhighlightedtitle {
/*  background-color: #ddddd0; */
}

TD.unhighlightedtitle {
}

TD.briefunhighlightedtitle {
}

A.entrytitlelink {
  font-size: 14pt;
/*  color: #69c; */
  font-weight: bold;
}

A.entrytitlelink:hover {
  text-decoration: none;
}

TR.entryitem {
  font-family: arial;
/*  color: #666; */
  font-size: 10pt;
}

TR.entryitem TD { 
/* don't pad here -- affects mail headers */
/*  padding-top: 5px; */
/*  padding-bottom: 5px; */
}

/**
 * Most block tags are display inline within entryitems because the
 * item itself is inside a TR.  Don't include OL, UL, MENU, DIR
 * however, because it has strange side affects.
 *
 * This used to say display: inline and had fewer tags. [ajm 04.May.2006]
 */
TR.entryitem H1,
TR.entryitem H2,
TR.entryitem H3,
TR.entryitem H4,
TR.entryitem H5,
TR.entryitem H6,
TR.entryitem PRE,
TR.entryitem ADDRESS,
TR.entryitem BLOCKQUOTE,
TR.entryitem MENU,
TR.entryitem DIR,
TR.entryitem OL,
TR.entryitem UL { 
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

TD.highlighteditem {
/*  background-color: #ddddd0; */
  padding-top: 5px;
  padding-bottom: 5px;
}

TD.briefhighlighteditem {
/*  background-color: #ddddd0; */
  padding-top: 5px;
  padding-bottom: 5px;
}

TD.unhighlighteditem {
  padding-top: 5px;
  padding-bottom: 5px;
}

TD.briefunhighlighteditem {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* ----------------------------------------------------------------------------- 
   Display of Labels   
   ----------------------------------------------------------------------------- */

TABLE.titlelabels,
TABLE.itemlabels {
  padding: 0;
  margin: 0;
  float: right; 	 
  margin-bottom: 0;
  border-spacing: 0;
}

TABLE.titlelabels TD,
TABLE.itemlabels TD {
  text-align: right;
  padding: 0;
  margin: 0;
}

TABLE.titlelabels A, 
TABLE.itemlabels A { 
  margin: 0;
  text-decoration: none;
  font-family: arial;
  font-size: 8pt;
/*  color: #69c; */
}

TR.titlelabelstr {
}

TD.titlelabelstd {
}

TR.itemlabelstr {
}
	     
TD.itemlabelstd {
}

DIV.label {
  padding-right: 2px;
}


IMG.labelimage {
  border: none;
  margin-right: 4px;
}

A.labelcurrenturl {
}

A.labelcurrenturl:hover {
}

A.labeladdedurl {
}

A.labeladdedurl:hover {
}

A.labelremovedurl {
}

A.labelremovedurl:hover {
}

SPAN.labelremoved {
  text-decoration: line-through;
}



/* ----------------------------------------------------------------------------- 
   Display of Comments   
   ----------------------------------------------------------------------------- */

.commenttitle {
  font-weight: bold;
}

.commentdetails {
  font-size: 8pt;
  font-family: Arial;
}

DIV.commentcollapsed { 
  padding: 6px 5px;
}

DIV.commentexpanded { 
  padding: 6px 5px;  
}

DIV.commentdetails {
  display: block;
  margin: 0px;
}

A.commentdetails {
  text-decoration: none;
}

A.commentvisibility {
	vertical-align: -30%;
}


A.commentdetails:hover {
        text-decoration: underline;
}

TD.commentinner {
	font-size: 9pt;
	margin: 0px;
	border: none;
/*        background-color: #ffffff;   */
}

TD.commentinner BR {
  clear: both;
}

TABLE.commentouter {
  font-family: Arial;
/*  color: #666; */
  border: none;
  border-spacing: 1px;
/*  background: #122870; */
/*  background: #122869; */
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 120%;
}

DIV.commentcontainer {
  display: inline;
}

TABLE.comment_, TD.comment_ { 
  border: 1px solid yellow;
  margin: 0px;
}

SPAN.articlecomments {
  font-size: 9pt;
  font-family: Arial, Arial;
  margin-top: 10px;
/*  color: #999; */
  font-weight: bold;
  display: block;
}

/* <variable.local.set name="displaycomments" value="true"> */

/* ----------------------------------------------------------------------------- 
   Page Volume Control   
   ----------------------------------------------------------------------------- */

DIV#volumecontrol,
DIV#commentvolumecontrol {
  padding: 0px 0px 0px 8px;
  font-family: Arial;
  font-size: 8pt;
/*  color: #ddd; */
  vertical-align: bottom;
  text-align: right;
}

#volumeform,
#commentvolumeform {
  vertical-align: middle;
}

#commentvolumeform {
  margin-left: 4px;
}

#volumeselect,
#commentvolumeselect {
/*  font-family: Arial; */
  font-size: 8pt;  
  margin: 0px 1px;
  vertical-align: middle;
}

/* ----------------------------------------------------------------------------- 
   Time Slice Size Control   
   ----------------------------------------------------------------------------- */

DIV#sliceselector {
}

FORM#sliceform {
}

SELECT#sliceselect {
}


/* -----------------------------------------------------------------------------
   User Profile Search
   ----------------------------------------------------------------------------- */
DIV#profilesearch { 
  padding: 2px 5px 10px 10px;
  font-weight: normal;
  font-size: 8pt;
}
DIV#profilesearch SPAN { 
}
DIV#profilesearch INPUT { 
  font-size: 8pt;
  width: 110px;
}



/* -----------------------------------------------------------------------------
   User Profile Info
   ----------------------------------------------------------------------------- */
.user-profile TD.key {
  padding-right: 10px;
}

/* -----------------------------------------------------------------------------
   Project Activity Display
   ----------------------------------------------------------------------------- */

/* 
   The following SDL variables are also used in in displaying this block:
   project.activity.title - Title of this block.  Displays whether or not there is content...
   project.activity.showcount - Whether to display a count of the entries in each project next to each project 
   project.activity.showinactive - Whether to show projects that don't have activity
*/

DIV#projectActivity {
  font-family: Arial;
  font-size: 8pt;
/*  font-family: Verdana;  */
/*  font-size: 10pt;  */
/*  color: #fff; */
}

TABLE.mediumPortlet THEAD, 
TABLE.largePortlet THEAD, 
TABLE.smallPortlet THEAD { 
  border: 1px solid red;
}

TD.smallPortletHeading, TD.mediumPortletHeading, TD.largePortletHeading, DIV.projectActivityTitle {
}

A.smallPortletEntryAdd, A.mediumPortletEntryAdd, A.largePortletEntryAdd {
  float: right;
  padding: 1px 2px;
  border: 1px solid #ccc;
  font-size: 8pt;
}

TD.smallPortletNoArticles, TD.mediumPortletNoArticles, TD.largePortletNoArticles { 
  padding: 0 0 0 4px;
}

DIV.smallPortletContainer, DIV.mediumPortletContainer, DIV.largePortletContainer {
  padding-top: 10px;
}

TD.smallPortletHeading, TD.mediumPortletHeading, TD.largePortletHeading { 
  padding: 0 0 4px 0;
}

DIV.smallPortletHeading, DIV.mediumPortletHeading, DIV.largePortletHeading {
  padding: 3px 3px 1px 3px;
  border: 1px solid #ddddd0;
}

/* no padding when used inside an entry */
.entryitem DIV.smallPortletContainer, 
.entryitem DIV.mediumPortletContainer, 
.entryitem DIV.largePortletContainer { 
  padding-top: 0;
}



TD.smallPortletEntryTitle, TD.mediumPortletEntryTitle, TD.largePortletEntryTitle, DIV.projectActivityEntry {
}

DIV#projectActivity DIV DIV { 
}

DIV#projectActivity DIV A, 
DIV#projectActivity DIV A:visited,
DIV#projectActivity DIV A:hover { 
  display: block;
  padding: 0 0 0 16px;
}

DIV.projectActivityEntryProjectNameCurrent {
}

A.projectActivityEntryProjectNameCurrent {
}

A.projectActivityEntryProjectNameCurrent:hover {
}

DIV.projectActivityEntryProjectNameNotCurrent {
}

A.projectActivityEntryProjectNameActive {
}

A.projectActivityEntryProjectNameActive:hover {
}

SPAN.projectActivityEntryCount {
}

A.projectActivityEntryProjectNameInactive {
}

A.projectActivityEntryProjectNameInactive:hover {
}

TD.smallPortletEntry,
TD.smallPortletEntry A.entrytitlelink,
TD.mediumPortletEntryItem,
TD.largePortletEntryItem,
DIV.projectActivityProjectDescription {
  font-family: Arial;
  font-size: 10pt;
/*  color: #666; */
}

TD.smallPortletEntry A.entrytitlelink {
  font-weight: normal;
}

A.mediumPortletProjectName, A.largePortletProjectName { 
  display: block;
  font-size: 8pt;
  font-weight: bold;
/*  color: #999; */
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 3px;
}

.dateseparator { 
  padding-top: 10px;
  font-family: Arial;
  font-size: 10pt;
  text-align: right;
  font-weight: bold;
/*  color: #000; */
  border-bottom: 5px solid #bbbbb0;
}

#type_single .largePortletContainer .entryseparator,
.entryseparator { 
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0px;
  border-bottom: 1px dotted #d8ddb5;
}

#type_single .entryseparator { 
  width: 100%;
  margin: 0px;
  border-bottom: none;
  padding-top: 5px;
}

.showhidehidden { 
  width: 100%;
  color: #aaa;
}
.showhidehidden A,
.showhidehidden A:hover { 
  color: #aaa;
}
.showhideentry { 
  text-align: right;
  vertical-align: top;
}
.showhideentry A {}

/* -----------------------------------------------------------------------------
   Label Activity
   ----------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------- 
   Login Form
   ----------------------------------------------------------------------------- */

DIV#loginform {
}

FORM.loginform {
}

DIV.loginerror {
}

DIV.loginerrormsg {
}

DIV.loginrejectionmsg {
}

DIV.username {
}

SPAN.username {
}

INPUT.username {
}

DIV.password {
}

SPAN.password {
}

INPUT.password {
}

DIV.rememberme {
}

INPUT.rememberme {
}

SPAN.rememberme {
}

INPUT.login {
}

DIV#loginblock {
}

A.myaccount {
}

A.myaccount:hover {
}

A.logout {
}

A.logout:hover {
}


/* -----------------------------------------------------------------------------
   Today link
   ----------------------------------------------------------------------------- */

DIV.today {
  text-align: center;
  padding: 0 0 0 12px;
}

A.today {
  font-family: Arial;
/*  color: #ddd; */
  display: block;
}

A.today:hover {
}

/* -----------------------------------------------------------------------------
   Related Entries
   ----------------------------------------------------------------------------- */

DIV.relatedentries,
TD.attachments SPAN.attachments {
  font-size: 9pt;
  margin-top: 10px;
}

SPAN.relatedentries,
SPAN.attachments {
/*  color: #999; */
  font-weight: bold;
  display: block;
}

DIV.relatedentrytype {
  margin-left: 10px;
  margin-top: 5px;
}

A.relatedentrytype {
  font-weight: bold;
/*  color: #999; */
}

SPAN.relatedentrycount {
  font-weight: bold;
/*  color: #999; */
}

DIV.relatedentrylist {
  margin-left: 10px;
  margin-top: 5px;
}

A.relatedentrydetails {
  display: block;
/*  color: #999; */
}

SPAN.relatedentrytractionid {
}

SPAN.relatedentrytitle {
}

.relatedentries UL { 
  padding-left: 18px;
  margin-left: 2px;
}
.relatedentries UL.root { 
  list-style: none;
  list-style-position: outside;
}
.relatedentries LI { 
  padding: 1px;
}
.relatedentries A.current { 
  font-weight: bold;
}

/* -----------------------------------------------------------------------------
   filelist token
   ----------------------------------------------------------------------------- */

.filelist { 
  border: 1px solid #ccc;
}
.fileheading { 
  font-family: Arial;
  font-size: 8pt;
  padding: 3px 2px 2px 3px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.filetitle { font-weight: bold; }
.filepath { }
.filesize { padding: 0 5px 0 0; color: #666; font-style: italic; font-size: 11px; }
.filelock { padding: 1px 3px; }
.fileicon { padding: 1px 3px; }
.filedesc { padding: 0px; color: #666; font-size: 11px; }
.filedate { padding: 0px 5px; color: #666; font-size: 11px; }
.filename { padding-left: 2px; }
.dirname  { padding-left: 2px; font-weight: bold; }
.filelist A,
.filelist .filename A,
.filelist .filepath A,
.filelist .dirname A
{ 
  color: #333;
}


/* -----------------------------------------------------------------------------
   Perspective
   ----------------------------------------------------------------------------- */

DIV.perspective {
}

A.perspectivecancelmsg:visited, A.perspectivecancelmsg {
}



/* -----------------------------------------------------------------------------
   Powered by Traction
   ----------------------------------------------------------------------------- */

DIV.poweredbytraction {
}

SPAN.poweredbytraction {
}

/* -----------------------------------------------------------------------------
   Help
   ----------------------------------------------------------------------------- */   

DIV.help {
}

A.help {
}

IMG.help {
}


/* -----------------------------------------------------------------------------
   RSS link
   ----------------------------------------------------------------------------- */
DIV.rss { 
  padding-top: 20px;
  padding-left: 10px;
}

DIV.rss A { 
/*  color: #ddd; */
}


/* -----------------------------------------------------------------------------
   Footer
   ----------------------------------------------------------------------------- */

DIV.footer {
  margin-top: 20px;
  text-align: center;
  clear: both;
}

TABLE.footer {
  text-align: center;
  margin: auto;
}

TR.footer {
}

TD.footer {
/*  color: #666; */
}

A.footer, A.footer:visited {
/*  color: #69c; */
}

TABLE.footerrss {
  text-align: center;
}

TR.footerrss {
}

TD.footerrss {
}

A.footerrss {
/*  color: #666; */
}

IMG.footerrss {
}

.footerrss { 
  font-size: 8pt;
}

DIV.copyright { 
  color: #ccc;
}
DIV.license { 
  color: #f33;
  font-size: 8pt;
  text-align: center;
}
/* ----------------------------------------------------------------------------- 
   Admin Links
   ----------------------------------------------------------------------------- */

DIV.projectadmin {
}

A.projectadmin {
}

SPAN.projectadmin {
}

DIV.serveradmin {
}

A.serveradmin {
}

SPAN.serveradmin {
}

/* ----------------------------------------------------------------------------- 
   Comment Targets -- When an entry quotes part of another entry
   ----------------------------------------------------------------------------- */

TR.quoted {
}

TD.quoted {
  font-family: Arial;
  font-size: 10pt;
/*  color: #666; */
  border-left: 1pt solid #69c;
  padding-left: 10px;
}

A.quotedtitle {
}

DIV.quotecontent {
  margin: 0px;
  padding: 2px;
}

SPAN.quotecontent {
  display: block; /* needed for context menu */
}

A.quoteinfo:hover {
 text-decoration: underline;
}
A.quoteinfo {
 text-decoration: none;
 margin: 0px;
}

SPAN.showallcomments {
}

A.showallcomments, A.showallcomments:visited {
  font-size: 10pt;
  font-family: Arial, Arial;
/*  color: #999; */
}

IMG.showallcomments {
}

/* ----------------------------------------------------------------------------- 
   Sidebar
   ----------------------------------------------------------------------------- */

TABLE#sidebar {
  margin-top: 5px;
  margin-left: 10px;
}

TR.sidebartitle {
}

TD.sidebartitle {
}

A.sidebartitle, A.sidebartitle:visited {
  font-family: arial;
  font-weight: bold;
/*  color: #ddd; */
}

TR.sidebaritem {
}

TD.sidebaritem {
  font-family: Arial;
  font-size: 8pt;
/*  color: #ddd; */
}

.sidebaritem {
}

.sidebaritem A {
/*  color: #fff; */
}


/* ----------------------------------------------------------------------------- 
   Server/Project Logo Image
   ----------------------------------------------------------------------------- */
DIV.logoimage {
  display: none;
}

A.logoimage {
}

IMG.logoimage {
}

/* ----------------------------------------------------------------------------- 
   ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- 
   ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- 
   ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- 
   Styles specific to skin.sdl
   ----------------------------------------------------------------------------- */

DIV#leftcolumn {
}

DIV#tools {
}

DIV#rightcolumn {
}

DIV#recentarticles {
}

DIV#recentcomments {
}


/* -----------------------------------------------------------------------------
   additional portlet display
   ----------------------------------------------------------------------------- */


A.largePortletEntryTitle,
TD.largePortletEntryTitle A.entrytitlelink {
  font-size: 14pt;
  font-weight: bold;
/*  color: #69c; */
}

TD.mediumPortletEntryTitle, 
TD.largePortletEntryTitle,
TD.smallPortletEntryTitle {
  padding-top: 4px;
}

TD.width50p A.largePortletEntryTitle, 
TD.width50p TD.largePortletEntryTitle A.entrytitlelink, 
TD.width50p A.entrytitlelink
TD.width25p A.largePortletEntryTitle, 
TD.width25p TD.largePortletEntryTitle A.entrytitlelink, 
TD.width25p A.entrytitlelink,
TD.mediumPortletEntryTitle,
A.mediumPortletEntryTitle,
TD.mediumPortletEntryTitle A.entrytitlelink {
  font-size: 10pt;
  font-weight: bold;
/*  color: #69c; */
}

.mediumPortletEntryDetails,
.mediumPortletEntryItem {
  font-weight: normal;
}

A.smallPortletHeading:hover, A.mediumPortletHeading:hover, A.largePortletHeading:hover { 
  text-decoration: underline;
}

A.smallPortletHeading, A.mediumPortletHeading, A.largePortletHeading {
  font-size: 12pt;
/*  color: #bb9; */
  text-decoration: none;
}

TD.more {
  padding-top: 10px;
}

A.more {
  font-style: italic;
  font-family: Arial;
  font-size: 10pt;
/*  color: #69c; */
}

/* -----------------------------------------------------------------------------
   Add comment link 
   ----------------------------------------------------------------------------- */

TD.entryaddcomment {
}

SPAN.entryaddcomment {
}

/* -----------------------------------------------------------------------------
   Add comment FORM 
   ----------------------------------------------------------------------------- */

FORM.entryaddcomment {
  font-size: 8pt;
  font-family: Arial;
  margin-top: 10px;
/*  color: #999; */
  display: block;
  margin-left: 16px;
}

FORM.entryaddcomment .buttons { 
  width: 95%;
}

FORM.entryaddcomment .icons { 
  float: right;
  vertical-align: top;
}

FORM.entryaddcomment .icons IMG { 
  vertical-align: top;
}

TABLE.entryaddcomment {
  width: 95%;
}

TEXTAREA.entryaddcomment {
  height: 90px;
  font-size: 9pt;
  font-family: Arial;  
  width: 100%;
}

TABLE.mceEditor {
  width: 100%;
}

DIV.entryaddcommentproject { 
  vertical-align: middle;
  font-family: Arial;
  font-size: 8pt;
}

INPUT.entryaddcomment {
  font-family: Arial;
  font-size: 8pt;
  vertical-align: middle;
}

SELECT.entryaddcomment {
  font-family: Arial;
  font-size: 8pt;
  vertical-align: middle;
  margin-left: 2px;
}

DIV.entryDateSeparator {
  padding-top: 15px;
  border-bottom: 5px solid #ddddd0;
  text-align: right;
  position: static; /* fix server24988 */
}

A.entryDateSeparator {
/*  color: #aaa; */
  font-family: Arial;
  font-size: 10pt;
}

A.smallPortletEntryTitle {}

.entryaddcommentname,
.entryaddcommentemail,
.entryaddcommentcomment {
  font-size: 8pt;
  padding-top: 3px;
}
.entryaddcommentname { 
  padding-top: 10px;
}
.entryaddcommentemail { 
  padding-top: 5px;
  padding-bottom: 10px;
}
.entryaddcommentname,
.entryaddcommentemail { 
  padding-left: 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.entryaddcommentname INPUT,
.entryaddcommentemail INPUT { 
  font-size: 8pt;
  width: 45%;
  border: 1px solid #ccc;
}
.entryaddcommentcomment { display: none }

/* -----------------------------------------------------------------------------
   Styles to assist display of mail messages in Traction 
   ----------------------------------------------------------------------------- */

BLOCKQUOTE.mailquote {
}

.emailheader { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; }
.emaildetail { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; }


/* -----------------------------------------------------------------------------
   Three column layout
   ----------------------------------------------------------------------------- */

#main {
  position: relative;
  padding: 0px;
  left: 0px;
  margin: 0px;
  min-width: 700px;
/*  background: #122870; */
/*  background: #122869; */
}

.fixed120 { 
  
}

#leftmiddle { 
  position: relative;
  height: 1%;
  clear: both;
}

#left {
  position: absolute;
  top: 30px;
  padding: 0px 0px 100px 0px;
  border: 0px;
/*  background: #d6d4a9; */
/*  background: #122870; */
/*  background: #122869; */
}
#middle {
/*  position: relative;  removed for paragraph highlight positioning on IE [ajm 12.Jul.2005] */
  position: relative;  /* added again to address Server23219 [ajm 01.May.2006] */
  min-width: 200px;
  margin: 0px 170px 0px 116px; 
  border: 0px;
/*  background: #122870; */
/*  background: #122869; */
  z-index: 1;
}
#middlenav { 
  padding: 4px 5px 4px 10px;  
  border-bottom: 1px solid #fff;
}
#middlenav { 
  font-weight: normal;
}
#middlenav .middlenavbase { 
  font-weight: bold;
}
#middlenav A.current,
#middlenav A.selected { 
  font-weight: bold;
}
#recentlinks, #topiclinks { 
  display: inline;
}
#topiclinks { 
  padding-left: 5px;
  margin-left: 5px;
}

#middletop { 
/*  background: #122870; */
/*  background: #122869; */
  margin-right: 8px;
  padding: 5px 0 1px 0;
}
#middlecontent {
/*  position: relative;  removed for paragraph highlight positioning on IE [ajm 12.Jul.2005] */
/*  position: relative; */ /* added again to address Server23219 [ajm 01.May.2006] */
  padding: 0px 20px 110px 10px;
  min-height: 600px;
  border: 2px #69c solid;
/*  background: #ffffff; */
}
#middlebottom { 
  font-family: Arial;
  font-size: 8pt;
  text-align: center;
/*  color: #ddd; */
}
#right {
/*  background: #122870; */
/*  background: #122869; */
  position: absolute;
  top: 30px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
	z-index: 100;
}

/* -----------------------------------------------------------------------------
   Toolbar actions
   ----------------------------------------------------------------------------- */

DIV#topsection { 
/*  background: #122870; */
/*  background: #122869; */
}

DIV#toolbar { 
/*  background: #122870; */
/*  background: #122869; */
  padding: 1px 0px;
  margin-top: 1px;
  left: 0px;
  text-align: right;
  border-top: 2px solid #69c;
}

DIV#toolaction { 
}

/* Stretch all middle tables to 100% */
#middle TABLE.entry, #middle TABLE.mediumPortlet, TABLE.largePortlet, #middle TABLE.smallPortlet { 
  width: 100%;
}

/* ----------------------------------------------------------------------------- 
   Chunked searches
   ----------------------------------------------------------------------------- */

FORM.chunknav { 
  display: block;
/*  color: #fff; */
/*  background-color: #69c; */
  margin: 20px -20px 20px -10px;
  font-family: arial;
  font-size: 9pt;
  padding: 5px;
  border: 1px solid #122869;
}

FORM.chunknav A.chunkshowall,
FORM.chunknav SPAN.chunkpages,
FORM.chunknav SPAN.chunkcontrol {
  padding: 3px 0px;
}

FORM.chunknav SPAN.chunkpages SPAN {
  display: inline;
  border-left: 2px solid #122869;
/*  color: #fff; */
  padding: 0px 5px;
}

FORM.chunknav SPAN.chunkpages SPAN.currentchunk { 
  font-weight: bold;
/*  color: yellow; */
}

SPAN.chunkcontrol {
  display: block;
}

FORM.chunknav A,
FORM.chunknav A:hover,
FORM.chunknav A:visited {
/*  color: #fff; */
}

DIV.archivebanner { 
  margin: 1px 1px 4px 1px;
  border: 1px solid #122869;
  text-align: center;
  padding: 5px;
}

DIV.pagetitle { 
  font-size: 14pt;
  font-weight: bold;
  margin: 10px 0 0 2px;
  padding: 0;
}

DIV.pagetitle IMG { 
  margin-left: 4px;
}

DIV.pagedescription { 
  margin: 0 0 0 2px;
  padding: 0;
}

/* ----------------------------------------------------------------------------- 
   Styles specific to earth.sdl
   ----------------------------------------------------------------------------- */

DIV#leftuppertools {
}

DIV#leftlowertools {
  margin-top: 7px;
}

DIV.lefttools { 
  font-family: Arial;
  font-size: 10pt;
  display: block;
  margin: 0px;
  padding: 0px;
}
DIV.lefttools UL { 
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

DIV.lefttools .navlinks UL {
  padding-left: 0;
}
DIV.lefttools .navlinks UL UL UL {
  padding-left: 4px;
  margin-bottom: 0;
}
DIV.lefttools DIV.navlinks UL UL UL LI.group,
DIV.lefttools DIV.navlinks UL UL UL UL LI.navlabel {
  padding-left: 14px;
  font-weight: normal;
  font-size: 8pt;
}
DIV.lefttools DIV.navlinks UL UL UL UL A {
  padding-left: 4px;
  font-weight: normal;
  font-size: 8pt;
}
DIV.lefttools .navlinks .navlink H2 { 
  padding: 0;
  margin: 0;
}
DIV.lefttools .navlinks .navlink H2 A { 
  padding-left: 0px;
  font-size: 10pt;
  font-weight: bold;
}
DIV.lefttools .navlinks .navlink H3 { 
  padding: 0;
  margin: 0;
}
DIV.lefttools .navlinks .navlink H3 A { 
  padding-left: 0px;
  font-style: normal;
  font-weight: bold;
}
DIV.lefttools .navlinks .navlink LI { 
  padding: 0;
}

DIV.lefttools LI { 
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}
DIV.lefttools A, 
DIV.lefttools A:hover,
DIV.lefttools A:visited { 
  display: block;
  padding-left: 10px;
}
DIV.lefttools A:hover { 
/*  background-color: #69c; */
}

DIV.lefttools LI A, 
DIV.lefttools LI A:hover, 
DIV.lefttools LI A:visited { 
  padding-left: 16px;
  font-size: 8pt;
  font-weight: normal;
}

DIV.lefttools .currentproject,
DIV.lefttools .currentproject A,
DIV.lefttools .currentproject A:hover,
DIV.lefttools .currentproject A:visited { 
/*  background: #69c; */
}

DIV.lefttools LI.newspagelink {
  margin-top: 1em;
}

#left #onthispageheading,
#left H2
{
  font-weight: bold;
  font-style: normal;
  font-size: 10pt;
  padding: 0 0 0 10px;
  margin: 0;
}

#left H3 { 
  padding: 0 0 0 14px;
  margin: 0;
  font-size: 8pt;
  font-weight: bold;
}


DIV.lefttools UL { 
  margin-bottom: 10px;
}

/* --- */

DIV#righttools { 
/*  color: #fff; */
  font-family: Arial;
  font-size: 8pt;
  display: block;
  margin: 0px;
  padding: 0px 0px 10px 10px;
}
DIV#righttools UL { 
  list-style: none;
  list-style-position: outside;
  display: inline;
  margin: 0px;
  padding: 0px;
}
DIV#righttools LI { 
  display: block;
  margin: 0px;
}
DIV#righttools IMG { 
  vertical-align: middle;
}
DIV#righttools A, DIV#righttools A:visited { 
  vertical-align: middle;
  padding: 1px;
/*  color: #ddd; */
}
DIV#righttools A:hover { 
  vertical-align: middle;
  padding: 1px;
/*  color: #fff; */
}
DIV#right H2 { 
  padding: 10px 0 3px 11px;
  margin: 0;
  font-size: 8pt;
  font-weight: bold;  
}
DIV#righttools H2 { 
  padding: 10px 0 3px 1px;
  margin: 0;
  font-size: 8pt;
  font-weight: bold;  
}

div.poweredbytraction img { 
  padding: 5px;
  border: 1px solid #69c;
/*  background: #fff; */
}

/* group support */

DIV.groupindex { 
/*  color: #bb9; */
  font-weight: bold;
  padding-top: 5px;
}

DIV.groupindex A { 
}

DIV.group { 
  text-align: right;
}

DIV.group A.group {
  display: block;
  text-align: center;
  font-family: arial;
  font-size: 8pt;
/*  background-color: #69c; */
/*  color: #fff; */
  padding: 5px;
  text-decoration: none;
  width: 100%;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  margin-top: 10px;
}

A.TOP { 
  font-size: 8pt;
}

INPUT.multirecatactions {
  font-family: arial;
  font-size: 8pt;
}

SELECT#projectNavigator {
  margin-left: 8px;
  font-size: 8pt;
  font-family: Arial;
  margin-top: 0px;
  padding-left: 0px;
  margin-right: 5px;
}

TD.mce_container {
  height: 90px;
}

DIV.commentformheading {
  color: #222;
}

SPAN.relatedentries,
SPAN.attachments,
SPAN.articlecomments {
  padding: 2px 2px 1px 3px;
  border: solid #ccc;
  border-width: 1px 0 0 0;
  clear: both;
}

DIV.commentformheading {
  font-family: Arial;
  font-size: 8pt;
  padding: 1px 2px 1px 3px;
  border: 1px solid #ccc;
  margin-bottom: -1px;
  clear: both;
}

DIV.commentformheading DIV.commentwarnings {
  margin: 20px 0 0 0;
  padding: 0;
}

SPAN.commentformheading_label {
  display: block;
  padding-top: 3px;
  position: relative;
  float: left;
}

A.closecommentlink {
  float: right;
  padding-left: 6px;
  padding-top: 2px;
}

INPUT.closecommentlink {
  float: right;
  font-size: 9px;
  padding: 0px;
}

DIV.commentformlabel { 
  float: right;
}

DIV.commentformlabel LABEL { 
  vertical-align: middle;
}

DIV.commentformlabel SELECT { 
  vertical-align: middle;
  font-size: 10px;
}

SPAN.locatordescription {	/* unused [cjn 28.Mar.2005] */
  font-size: xx-small;
  display: block;
  width: 60%;
  margin-left: 25px;
}

DIV.viewdescription,
DIV.topicviewlinks {
  margin-left: 15px;
  margin-right: 40px;
  font-size: 8pt;  
  font-family: Arial;
  margin-bottom: 10px;
}

DIV.topicviewlinks A.current {
  font-weight: bold;
}

DIV.commenterror,
DIV.commentwarning {
  margin: 10px;
  padding: 3px;
  color: #888;
}

DIV.commenterror {
  border: 2px solid red;
}

DIV.commentwarning {
  border: 2px solid yellow;
}

A.inlinefeedbacklink {
  float: right;
}

/* display code nicely */
TR.entryitem PRE.example, 
TR.entryitem PRE.code, 
TR.entryitem PRE.config,
PRE.example, 
PRE.code, 
PRE.config { 
border: 1px solid #ccc; 
background: #f6f6f6; 
margin: 0; 
padding: 5px; 
font-size: 8pt; 
font-family: monospace; 
display: block;

/* from http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html */
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

/* ----------------------------------------------------------------------------- 
   Misc styles
   ----------------------------------------------------------------------------- */
/* shared folders */
.shareportlet {
  padding-left: 8px;
}
.shareportlet .sharefolder {
  border-bottom: none;
}

/* ----------------------------------------------------------------------------- 
   Window Styles, not currently used, probably don't belong here.
   ----------------------------------------------------------------------------- */
.window { 
  border: 1px solid #ebd085;
  border: 2px solid #666;
 }
.window .title { 
  height: 1%;
}
.window .title TD { 
  background-color: #fcefc8;
  background-color: #333;
  background-color: #ccc;
  font-size: 9pt;
  font-weight: bold;
  font-family: Arial;
  color: #333;
  color: #fff;
  color: #334d66;
  padding: 2px 5px;
  border-bottom: 1px solid #ebd085;
  border-bottom: 1px solid #666;
}
.window .body { 
  height: 99%;
}
.window .body TD { 
  background-color: #eee;
  background-color: #fff;
}
.window .buttons { 
  height: 1%;
}
.window .buttons TD { 
  text-align: center;
  background-color: #fcefc8;
  background-color: #999;
  background-color: #ccc;
  padding: 2px 0 1px 0;
  border-top: 1px solid #ebd085;
  border-top: 1px solid #666;
}
.window .buttons DIV { 
  margin: auto;
}
.window .buttons INPUT { 
  font-size: 8pt;
  font-family: Arial;
  margin: 0px 5px;
  padding: 0px 5px;
}

/* ----------------------------------------------------------------------------- 
   Styles to supported authroed XML left nav
   ----------------------------------------------------------------------------- */

.hierlabels_group { 
  font-weight: bold; 
  font-size: small; 
  margin: 0px; 
  margin-top: 5px; 
  border-bottom: 1px solid #ccc;
}

.hierlabels_explicit_label { 
  margin: 0px; 
  margin-top: 3px;
}

.hierlabels_subtree_container { 
  margin: 0px;
}

.hierlabels_subtree {
  margin: 0px; 
  padding: 0px; 
  margin-left: 6px;
}

.hierlabels_toplevel { 
  margin-left: 5px;
}

.hierlabels_container { 
  margin-left: 5px
}

.hierlabels_remaining_labels { 
  margin-left: 6px;
}

.hierlabels_remaining_labels_title { 
  font-weight: bold; 
  font-size: small; 
  margin: 0px; 
  margin-top: 5px; 
  border-bottom: 1px solid #ccc;
}

.hierlabels_remaining_label { 
  margin-top: 5px;
}

A.newtopicarticle {
  margin-top: 10px;
  position: relative;
  display: block;
  float: right;
  padding: 2px 4px;
  border-style: solid;
  border-width: 1px;
}

DIV.preflinks,
DIV.doccount {
  margin-top: 5px;
  position: relative;
  display: block;
  float: right;
}

/* PIE easyclearing */
#toolbar:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#toolbar,
.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html #toolbar,
* html .clearfix {
  height: 1%;
}
#toolbar,
.clearfix {
  display: block;
}
/* End hide from IE-mac */

DIV.viewerror {
  padding: 10px 20px;
  border: 1px solid #cc6;
  background-color: #ffa;
  margin: 20px;
  font-weight: bold;
}

IMG.block {
  display: block;
}

IMG.inline {
  display: inline;
}

IMG.floatleft {
  margin-right: 3px;
  margin-bottom: 3px;
}

IMG.floatright {
  margin-left: 3px;
  margin-bottom: 3px;
}

IMG.verticalalign {
  margin: 2px;
}

SPAN.threadsize {
  font-weight: normal;
}

#hoverctrls A { 
  color: #fff;
  text-decoration: none;
}
#hoverctrls A:hover { 
  color: #666;
  font-weight: bold;
  text-decoration: none;
}
#hoverctrls A IMG { 
  background-color: #fff;
}
#hoverctrls A:hover IMG { 
  background-color: #666;
}
TD.commentinner.diffproj { 
   background-color: #fff2f2;
   border: none;
}
DIV.comment-emails { 
  background-image: url(/images/mailbg.png);
  background-repeat: no-repeat;
  background-position: top right; 
}

.pagenotfound IMG { 
  vertical-align: middle;
  padding-bottom: 3px;
}
.pagenotfound A { 
  font-weight: bold;
  padding: 4px 8px;
  border: 1px solid #666;
}

SPAN.REJECTED,
.REJECTED TD.searchhittitlecell A,
.REJECTED A.smallPortletEntryTitle, .REJECTED A.smallPortletEntryTitle:visited,
.REJECTED A.mediumPortletEntryTitle, .REJECTED A.mediumPortletEntryTitle:visited,
.REJECTED A.largePortletEntryTitle, .REJECTED A.largePortletEntryTitle:visited,
.REJECTED A.entrytitlelink { 
  text-decoration: line-through;
}

H2.draftmode { 

}
P.draftmode { 
  margin: 0;
  padding: 0 10px;
}

#searchbutton {
  vertical-align: middle;
}

#searchbuttonmenu {
  position: absolute;
  border: solid 1px #000;
  padding: .5em;
  background-color: #ccc;
  z-index: 1001; /* this rule doesn't work, but JavaScript sets the property */
}

DIV.activity-size {
  float: right;
  margin: 5px;
  margin-right: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 4px;
  color: #ccc;
}