


/* ----------------------------------------------------------------------
   This class is automatically generated based on the ocean.template and the
   values specified using the corresponding configuration interface.  Please do
   not edit this file directly!
   
   Current values for editing:
   {{__et=null,__template=ocean,border_color=#ccc,comment_border_color=#ccc,controlstyle=none,display_name=#{customize_skin_color_lightgrey_background_option},editable=false,entry_separator=#ddddd0,error_bgcolor=#eee,error_color=#f00,itemmatch_bgcolor=#f5f5f5,overrides=,primary_bgcolor=#fff,primary_highlight=#5782ad,primary_muted=#666,primary_plain=#1a2633,secondary_bgcolor=#eee,secondary_highlight=#1a2633,secondary_muted=#666,secondary_plain=#334d66,selection_bgcolor=#b3cde6,selection_plain=#1a2633,showlogo=left,top_bgcolor=#5782ad,top_highlight=#fff,top_plain=#fff,trim_muted_color=#555,trim_primary_bgcolor=#09c,trim_primary_color=#fff,trim_primary_muted_bgcolor=#9ed9ee,trim_secondary_bgcolor=#fc3,trim_secondary_color=#000,trim_secondary_muted_bgcolor=#ffeaab}}
   ---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
   border color
   ---------------------------------------------------------------------- */
#main { 
  border-top: 1px solid #ccc;
}
#middle {
  border: 1px #ccc solid;
  border-top: none;
}
#left { 
  border-right: none;
}
#middlecontent {
  border: none;
}
A.smallPortletEntryAdd, A.mediumPortletEntryAdd, A.largePortletEntryAdd {
  border: 1px solid #ccc;
}


/* ----------------------------------------------------------------------
   header bgcolors
   ---------------------------------------------------------------------- */
DIV#toolbar,
DIV#topsection 
{ 
  background-color: #5782ad;
}
DIV#locator {
  color: #fff;
}
SPAN#advancedsearch A, 
A.locatorlink, A.locatorlink:visited, A.locatorlink:hover { 
  color: #fff;
}

/* ----------------------------------------------------------------------
   side column bgcolors
   ---------------------------------------------------------------------- */
HTML,
BODY,
#main,
#left,
#right,
TD.calendarshiftsliceback, 
TD.calendarshiftsliceforward
{
  background-color: #eee;
}
DIV.lefttools LI 
{ 
  border-bottom-color: #eee;
}

/* ----------------------------------------------------------------------
   main column bgcolors
   ---------------------------------------------------------------------- */
A.smallPortletEntryAdd, A.mediumPortletEntryAdd, A.largePortletEntryAdd,
TD.commentinner,
#middletop, 
#middle,
#middlecontent { 
  background-color: #fff;
}
/*
A.smallPortletEntryAdd:hover, A.mediumPortletEntryAdd:hover, A.largePortletEntryAdd:hover {
  background-color: #b3cde6;
  color: #1a2633;
  text-decoration: none;
}
*/




/* ----------------------------------------------------------------------
   primary, highlighted text
   ---------------------------------------------------------------------- */
A, A:visited, A:hover,
A.entrytitlelink, A.entrytitlelink:visited, 
A.smallPortletEntryTitle, A.smallPortletEntryTitle:visited, A.smallPortletEntryTitle:hover,
A.mediumPortletEntryTitle, A.mediumPortletEntryTitle:visited, A.mediumPortletEntryTitle:hover,
A.largePortletEntryTitle, A.largePortletEntryTitle:visited, A.largePortletEntryTitle:hover,
#right A.calendarquarter, #right A.calendarquarter:visited,
#right A.calendaryeartitle, #right A.calendaryeartitle:visited,
#right A.calendarmonthtitle, #right A.calendarmonthtitle:visited,
#right A.calendarmonthyeartitle, #right A.calendarmonthyeartitle:visited,
TD.calendarshiftsliceback A, TD.calendarshiftsliceback A:visited, 
TD.calendarshiftsliceforward A, TD.calendarshiftsliceforward A:visited, 
TD.calendardayname,
TD.footer,
DIV.copyright,
A.calendarweeklink, A.calendarweeklink:visited,
SPAN#advancedsearch { 
  color: #5782ad;
}

A.entrytitlelink:hover { 
  color: #5782ad;
  text-decoration: underline;
}

/* ----------------------------------------------------------------------
   primary, bright text
   ---------------------------------------------------------------------- */
TABLE.titlelabels A, TABLE.itemlabels A,
A.ellipsislink, A.ellipsislink:visited { 
  color: #5782ad;
}
A.more, A.more:visited {
  color: #5782ad;
}


/* ----------------------------------------------------------------------
   primary, normal text
   ---------------------------------------------------------------------- */
TD.commentinner,
#middlecontent,
SPAN.itemid,
TR.searchhitsnippetrow,
SPAN.attachmentdescription,
SPAN.attachmentsource,
TR.entryitem,
TABLE.commentouter,
TD.smallPortletEntry, 
TD.mediumPortletEntryItem, 
TD.largePortletEntryItem, 
DIV.projectActivityProjectDescription,
TD.footer,
TD.quoted,
.filelist A,
.filelist .filename A,
.filelist .filepath A,
.filelist .dirname A,
A.plain
{ 
  color: #1a2633;
}

/* ----------------------------------------------------------------------
   primary, muted text
   ---------------------------------------------------------------------- */
DIV.commentdetails,
DIV.commentdetails A, 
DIV.commentdetails A:visited, 
DIV.entrydetailslarge,
DIV.entrydetailslarge A, 
DIV.entrydetailslarge A:visited, 
DIV.entrydetailsportlet,
DIV.entrydetailsportlet A,
DIV.entrydetailsportlet A:visited,
DIV.entrydetailssmall,
DIV.entrydetailssmall A, 
DIV.entrydetailssmall A:visited, 
A.mediumPortletProjectName, A.mediumPortletProjectName:visited,
A.largePortletProjectName,  A.largePortletProjectName,:visited,
A.relatedentrytype, A.relatedentrytype:visited,
A.relatedentrydetails, A.relatedentrydetails:visited,
A.showallcomments, A.showallcomments:visited,
SPAN.articlecomments,
SPAN.relatedentries,
SPAN.attachments,
SPAN.relatedentrycount,
DIV.viewdescription,
FORM.entryaddcomment,
.filesize,
.filedesc,
.filedate,
DIV.commentcollapsed .commentcollapsedcontent,
DIV.commentcollapsed A.commentcollapsedcontent:hover,
DIV.commentcollapsed A.commentcollapsedcontent:visited,
.DRAFT TD.searchhittitlecell A,
.DRAFT A.smallPortletEntryTitle, .DRAFT A.smallPortletEntryTitle:visited,
.DRAFT A.mediumPortletEntryTitle, .DRAFT A.mediumPortletEntryTitle:visited,
.DRAFT A.largePortletEntryTitle, .DRAFT A.largePortletEntryTitle:visited,
.DRAFT A.entrytitlelink,
SPAN.DRAFT,
.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,
SPAN.REJECTED,
.user-profile TD .key
{ 
  color: #666;
}

/* ----------------------------------------------------------------------
   primary, highlighted items
   ---------------------------------------------------------------------- */
TD.highlightedtitle,
TD.briefhighlightedtitle,
TD.highlighteditem,
TD.briefhighlighteditem {
  background-color: #f5f5f5;
}

/* ----------------------------------------------------------------------
   primary section borders
   ---------------------------------------------------------------------- */
DIV.entryDateSeparator {
  border-bottom-color: #ddddd0;
}
.dateseparator { 
  border-bottom-color: #bbbbb0;
}
#type_single .largePortletContainer .entryseparator,
.entryseparator { 
  border-bottom: #ddddd0 solid 1px;
}
SPAN.relatedentries,
SPAN.attachments {
/*  border-bottom-color: #ddddd0; */
  border-bottom-color: #5782ad;
}
SPAN.relatedentries,
SPAN.attachments,
SPAN.articlecomments {
  color: #1a2633;
  border-color: #ccc;
}

/* ----------------------------------------------------------------------
   primary borders
   ---------------------------------------------------------------------- */
TD.quoted,
#middlecontent,
div.poweredbytraction img, 
DIV#toolbar { 
  border-color: #5782ad;
}

/* ----------------------------------------------------------------------
   secondary, bright text
   ---------------------------------------------------------------------- */
#right A.calendarmonthactive, #right A.calendarmonthactive:visited, #right A.calendarmonthactive:hover,
FORM.chunknav SPAN.chunkpages SPAN.currentchunk, 
SPAN.calendardayactive {
  color: #1a2633;
}

/* ----------------------------------------------------------------------
   secondary, highlighted text
   ---------------------------------------------------------------------- */
.sidebaritem A,
TD.calendarmonthselected,
DIV.archivebanner,
DIV#middlenav,
DIV#middlenav .middlenavbase A,
FORM.chunknav, 
FORM.chunknav SPAN.chunkpages SPAN,
FORM.chunknav A, 
FORM.chunknav A:hover,
FORM.chunknav A:visited,
A.smallPortletHeading, A.smallPortletHeading:visited, A.smallPortletHeading:hover, 
A.mediumPortletHeading, A.mediumPortletHeading:visited, A.mediumPortletHeading:hover,
A.largePortletHeading, A.largePortletHeading:visited, A.largePortletHeading:hover,
DIV.lefttools LI, 
DIV.lefttools SPAN, 
DIV.lefttools A, 
DIV.lefttools A:hover,
DIV.lefttools A:visited, 
#right A.calendarweeklink:hover,
#right A.calendaryeartitle:hover,
#right A.calendarmonthtitle:hover,
#right A.calendarmonthyeartitle:hover,
#right A.calendarquarter:hover,
DIV#projectActivity,
DIV#projectActivity DIV A:hover,
DIV#labelactivity,
DIV#labelactivity DIV A:hover,
DIV#righttools, 
DIV#righttools A:hover, 
A.footer:hover,
#right A:hover,
DIV.group A.group {
  color: #334d66;
}

/* ----------------------------------------------------------------------
   secondary text
   ---------------------------------------------------------------------- */
HTML, 
BODY,
DIV#labelactivity DIV A, 
DIV#labelactivity DIV A:visited,
DIV#projectActivity DIV A, 
DIV#projectActivity DIV A:visited,
A.calendarshowallyears, A.calendarshowallyears:visited,
DIV.commentformheading,
DIV#searchexpression,
#searchfilteractive,
#middlebottom, 
DIV#righttools A, DIV#righttools A:visited, 
#right A, #right A:visited,
A.footerrss, A.footerrss:visited,
A.footer, A.footer:visited,
.fileheading
{
  color: #334d66;
}
A.footer, A.footer:visited {
  color: #334d66;
}

/* ----------------------------------------------------------------------
   secondary, highlighted backgrounds
   ---------------------------------------------------------------------- */
.diff-section,
.history-title,
.history-table .headings TD,
.version-navigator,
DIV.archivebanner,
FORM.chunknav, 
DIV.smallPortletHeading, 
DIV.mediumPortletHeading,
DIV.largePortletHeading,
DIV.group A.group,
DIV.commentformheading,
DIV#searchexpression,
DIV#middlenav,
.fileheading {
  background-color: #eee;
}

#right A.calendarweeklink:hover,
#right A.calendaryeartitle:hover,
#right A.calendarmonthtitle:hover,
#right A.calendarmonthyeartitle:hover,
#right A.calendarquarter:hover,
TD.calendaractiveyears,
TD.calendarmonthselected,
TD.calendardayselected { 
  background-color: #b3cde6;
  color: #1a2633;
}

DIV#projectActivity DIV A:hover,
DIV#labelactivity DIV A:hover,
DIV#labelactivity DIV#currentlabel,
DIV.lefttools LI#currentsection,
DIV.lefttools A:hover, 
DIV.lefttools .currentproject A,
DIV.lefttools .currentproject A:visited,
DIV.lefttools .currentproject A:hover,
DIV#projectActivityCurrentProject,
DIV#projectActivityCurrentProject A,
DIV#projectActivityCurrentProject A:hover,
DIV#projectActivityCurrentProject A:visited,
DIV#onthispage LI.current {
  background-color: #b3cde6;
  color: #1a2633;
}




/* ----------------------------------------------------------------------
   secondary borders
   ---------------------------------------------------------------------- */
.diff-section,
.history-title,
.history-table,
.history-table .headings TD,
.version-navigator,
DIV#searchexpression,
DIV.commentformheading,
DIV.archivebanner,
DIV#middlenav,
FORM.chunknav,
FORM.chunknav SPAN.chunkpages SPAN,
DIV.smallPortletHeading, 
DIV.mediumPortletHeading,
DIV.largePortletHeading,
.filelist, .fileheading
{
  border-color: #ccc;
}

/* ----------------------------------------------------------------------
   misc backgrounds
   ---------------------------------------------------------------------- */
div.poweredbytraction img { 
  background-color: #fff;
}

/* ----------------------------------------------------------------------
   special groupby styles
   ---------------------------------------------------------------------- */
DIV.groupindex { 
  color: #1a2633;
}
DIV.group A.group {
  border-bottom-color: #ccc;
}

/* ----------------------------------------------------------------------
   misc colors
   ---------------------------------------------------------------------- */

/* email headers in entry body */
.emailheader { 
  color: #666;
}
.emaildetail {
  color: #1a2633;
}

/* rapid selector error */
DIV#rserror SPAN {
  color: #900;
}

/* ----------------------------------------------------------------------
   misc calendar styles
   ---------------------------------------------------------------------- */
TD.calendaractiveyears,
#right TD.calendaractiveyears A, 
SPAN.calendardayinactive,
A.calendarmonthinactive, A.calendarmonthinactive:visited {
  color: #666;
}
TABLE.calendaractiveyears,
TABLE.calendaryear {
  color: #666;
  border-color: #ccc;
}
TD.calendaryeartitle,
TD.calendarmonthtitle,
TD.calendarmonthyeartitle { 
  background-color: #fff;
}
TD.calendaryeartitle,
TD.calendarmonthtitle,
TD.calendarmonthyeartitle { 
  border-color: #ccc;
}

SPAN.calendardaynotincurrentmonth,
SPAN.calendardaynotincurrentmonth SPAN.calendardayinactive { 
  color: #666;
}

/* ----------------------------------------------------------------------
   comment borders
   ---------------------------------------------------------------------- */
TABLE.commentouter { 
  background-color: #ccc;
}

/*
TEXTAREA.entryaddcomment {
  border: 1px solid #666;
}
*/

/* -----------------------------------------------------------------------------
   Share folder borders
   ----------------------------------------------------------------------------- */

TABLE.shareportlet TD.sharefolder {
  border-bottom: 1px solid #ccc; 
}

/* -----------------------------------------------------------------------------
   misc overrides
   ----------------------------------------------------------------------------- */

DIV#toolbar { 
  border-bottom: 1px solid #eee;
  border-top: none;
}

/* display code nicely */
TR.entryitem PRE.example, 
TR.entryitem PRE.code, 
TR.entryitem PRE.config,
PRE.example, 
PRE.code, 
PRE.config {
  border-color: #ccc; 
  background: #eee; 
}

div.poweredbytraction img { 
  border: none;
  margin-bottom: 20px;
}

DIV.topicviewlinks A.current {
  border-bottom: 2px solid #ccc;
}


/* turn the logo image back on */
DIV.logoimage {
  display: block;
  background-color: #fff;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
/* with a logo image, save some vertical space */
DIV#locator { 
  float: left;
  text-align: left;
  background-color: #5782ad
}
DIV#toolbar { 
  float: none;
}
DIV#toolbar,
DIV#locator { 

}
DIV#main { 
  clear: both;
}




/* -----------------------------------------------------------------------------
   extsearch
   ----------------------------------------------------------------------------- */
.lefttools H3.navtitle-hover,
.lefttools H3.navtitle-selected { 
  background: #b3cde6;
  color: #1a2633;
  text-decoration: none;
}
.extsearch div.results { 
  border-color: #ccc;
}
#navframe TABLE.layout { 
  background-color: #eee;
  border-color: #ccc;
}
#navframe_terms TD { 
  background: #eee;
}
#navframe_header TD,
#navframe_header TD A {
  background: #eee;
  color: #334d66;
  background: #b3cde6;
  color: #1a2633;
  border-color: #ccc;
}
#navframe_footer TD { 
  background: #eee;
  color: #334d66;
  border-color: #ccc;
}
.extsearch TABLE.advanced TD.border { 
  background-color: #ccc;
}
.extsearch TABLE.advanced,
.extsearch TABLE.advanced TD { 
  border-color: #ccc;
}
.extsearch-zoompanel {
  background-color: #eee;
  border-color: #ccc;
}
.lefttools H3 SPAN.morecount { 
  color: #1a2633;
}
.addterm,
.addterm:hover { 
  color: #1a2633;
}
#navqueue_controls,
#navqueue {
  border-color: #ccc;
}
.lefttools H3.navtitle { 

}
.lefttools #navqueue H3 { 
  background-color: #eee;
}
.lefttools .apply A,
#navqueue_filters { 
  background: #fff;
  color: #1a2633;
  border-color: #ccc;
}
.filter-op,
.filter-fieldname {
  color: #666;
}

/* -----------------------------------------------------------------------------
   advanced overrides
   ----------------------------------------------------------------------------- */

