/* CSS for Portal, based on collab.css  */

/********** DEFAULT STYLES **********/

body, ul, li, td, table { font-family: Arial, Helvetica, sans-serif }

body, table.bodyback { background-color: #FFF7EF; }
.bodybg              { background-color: #FFF7EF; }

/* standard banner, header, and form colors - not necessarily all different */
/* If you change these values, you should also change all header and form title style colors */

.bannerbg       { background-color: #736b7b; }
.headerbg       { background-color: #666699; }
.headerdarkbg   { background-color: #333366; }
.headerfill     { color: #666699; }
.headerdarkfill { color: #333366; }
.formtitlebg    { color: #666699; }
.formlabelfill  { color: #333333; }


/********** BODY TEXT **********/

/* fixed sizes - do not change font-size */

.bodtext      {font-family: Arial, Helvetica, sans-serif}
TR.bodtext    {font-family: Arial, Helvetica, sans-serif}
TD.bodtext    {font-family: Arial, Helvetica, sans-serif}
.bodtext18    { font-size: 18pt; }
.bodtext14    { font-size: 14pt; }
.bodtext12    { font-size: 12pt; }
.bodtext10    { font-size: 10pt; }
.bodtext9     { font-size:  9pt; }
.bodtext18ind { font-size: 18pt; text-indent: 12pt; }
.bodtext14ind { font-size: 14pt; text-indent: 12pt; }
.bodtext12ind { font-size: 12pt; text-indent: 12pt; }
.bodtext10ind { font-size: 10pt; text-indent: 12pt; }
.bodtext9ind  { font-size:  9pt; text-indent: 12pt; }

/* variable sizes - font-size may be changed */

.bodyLarge        { font-size: 18pt; }
.bodyMedium       { font-size: 14pt; }
.bodyNormal       { font-size: 12pt; }
.bodyMedSmall     { font-size: 10pt; }
.bodySmall        { font-size:  9pt; }
.bodyLargeInd     { font-size: 18pt; text-indent: 12pt; }
.bodyMediumInd    { font-size: 14pt; text-indent: 12pt; }
.bodyNormalInd    { font-size: 12pt; text-indent: 12pt; }
.bodyMedSmallInd  { font-size: 10pt; text-indent: 12pt; }
.bodySmallInd     { font-size:  9pt; text-indent: 12pt; }

/* monospace for script samples, etc. */

.monospace   { font-family: "Courier New", Courier, mono; font-size: 10pt }
.monospace9  { font-family: "Courier New", Courier, mono; font-size: 9pt }

/* standard link markup in Collaboratory: no underline, colors muted version of Mosaic colors */

a { text-decoration: none; }
a:link    {  color: #063194; }
a:visited {  color: #7B5990; }
a:active  {  color: #DB1E26; }

/* special text styles associated with body text */

.caption       { font-size: 10pt; font-style: italic; line-height: 133%}
.ncaption      { font-size: 10pt; line-height: 133%}
.pullquotebig  { font-size: 18pt; font-style: italic; font-weight: bold; color: #666666; }
.pullquote     { font-size: 15pt; font-style: italic; font-weight: bold; color: #666666; }



/********** HEADERS **********/

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #666699; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #666699; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #666699; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666699; }

.header1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #666699; }
.header2 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #666699; }
.header3 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #666699; }
.header4 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666699; }

.header1dark { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #333366; }
.header2dark { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #333366; }
.header3dark { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #333366; }
.header4dark { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #333366; }

.header1white { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #FFFFFF; }
.header2white { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #FFFFFF; }
.header3white { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; }
.header4white { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; }

.header1reverse { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #FFFFFF; background-color: #666699; }
.header2reverse { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #FFFFFF; background-color: #666699; }
.header3reverse { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; background-color: #666699; }
.header4reverse { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #666699; }

.header1hs { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #666699; line-height: 150%; }
.header2hs { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #666699; line-height: 150%; }
.header3hs { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #666699; line-height: 150%; }
.header4hs { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #666699; line-height: 150%; }

.header1whitehs { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #FFFFFF; line-height: 150%; }
.header2whitehs { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #FFFFFF; line-height: 150%; }
.header3whitehs { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; line-height: 150%; }
.header4whitehs { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; line-height: 150%; }

.header1reversehs { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #FFFFFF; background-color: #666699; line-height: 150%; }
.header2reversehs { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #FFFFFF; background-color: #666699; line-height: 150%; }
.header3reversehs { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; background-color: #666699; line-height: 150%; }
.header4reversehs { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #666699; line-height: 150%; }

.header1darkhs { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #333366; line-height: 150%; }
.header2darkhs { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #333366; line-height: 150%; }
.header3darkhs { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #333366; line-height: 150%; }
.header4darkhs { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #333366; line-height: 150%; }


/********** FORMS **********/

TR.formTitle          { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; }
TD.formTitle          { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; }
TR.formTitleLarge     { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 24pt; }
TD.formTitleLarge     { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 24pt; }
TR.formTitleMedium    { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 18pt; }
TD.formTitleMedium    { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 18pt; }
TR.formTitleNormal    { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 12pt; }
TD.formTitleNormal    { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 12pt; }
TR.formTitleMedSmall  { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 10pt; }
TD.formTitleMedSmall  { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size: 10pt; }
TR.formTitleSmall     { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size:  9pt; }
TD.formTitleSmall     { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #666699; font-weight: bold; font-size:  9pt; }

link.formTitle { color: #FFFFFF; background-color: #666699; font-weight: bold; }

TR.columnhead   { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; }
TD.columnhead   { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; }
TR.columntext   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
TD.columntext   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.columnhead     { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; }
.columntext     { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
TR.columnheadm  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; }
TD.columnheadm  { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; }
TR.columntextm  { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
TD.columntextm  { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.columnheadm    { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; }
.columntextm    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

.formLabel         { font-family: Arial, Helvetica, sans-serif ; color: #333333; font-weight: bold; }
.formLabelLarge    { font-family: Arial, Helvetica, sans-serif ; color: #333333; font-weight: bold; font-size: 24pt; }
.formLabelMedium   { font-family: Arial, Helvetica, sans-serif ; color: #333333; font-weight: bold; font-size: 18pt; }
.formLabelNormal   { font-family: Arial, Helvetica, sans-serif ; color: #333333; font-weight: bold; font-size: 12pt; }
.formLabelMedSmall { font-family: Arial, Helvetica, sans-serif ; color: #333333; font-weight: bold; font-size: 10pt; }
.formLabelSmall    { font-family: Arial, Helvetica, sans-serif ; color: #333333; font-weight: bold; font-size:  9pt; }

.formbg     { background-color: #F1E9E4; }

/* required has same markup as .important */
.required  { font-family: Arial, Helvetica, sans-serif; color: #E32114 }

.evenrow { background-color: #FFFFFF; }
/* .oddrow  { background-color: #EDF8FA; } old style, new one accomodates blue/green colorblindness */
.oddrow  { background-color: #EFEFDF; }

.small {  font-size: 6pt; }



/********** COLLABORATORY MESSAGES **********/

.msgHeader { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; 
			 font-weight: bold; color: #FFFFFF; line-height: normal; 
			 margin-top: 6px ; background-color: #666699}
.msgLabel  { font-family: Arial, Helvetica, sans-serif; 
			 font-size: 10pt; font-weight: bold; color: #FFFFFF; 
			 line-height: normal; margin-top: 6px ; 
			 background-color: #666699 ; font-style: normal; }


/********** INDENTED LISTS **********/

.bindent1 { margin-left: 16px; line-height: normal; }
.bindent2 { margin-left: 32px; }
.bindent3 { margin-left: 48px; }
.bindent4 { margin-left: 64px; }

.bhangindent1 { margin-left: 16px; text-indent: -12px; }


/********** HIGHLIGHTS AND EMPHASIS **********/

/* fixed highlight colors, may vary tint and shade but not color */

.highred    { background-color: #FFCCCC; }
.highyellow { background-color: #FFFF99; }
.highblue   { background-color: #DDDDFF; }
.highgreen  { background-color: #CCFFCC; }

/* functional highlight and emphasis, edit as necessary */
/* default .note is red background, .important is red text, .highlight is yellow background */

.note       { background-color: #FFCCCC; }
.important  { font-family: Arial, Helvetica, sans-serif; color: #E32114 }
.highlight  { background-color: #FFFF99; }


/********** COLLABORATORY COLORS **********/

#defbg	{ color: #FFF7EF; }
#defhdr	{ color: #666699; }

#straw0 { color: #FFF7EF; }		
#straw1 { color: #FEF7D8; }
#straw2 { color: #FFEEB1; }
#straw3 { color: #E4C364; }
#straw4 { color: #DCA10C; }
#straw5 { color: #9A7108; }

#forest0 { color: #F2F6E7; }
#forest1 { color: #E5EED0; }
#forest2 { color: #CCDF9F; }
#forest3 { color: #9EB76A; }
#forest4 { color: #80A733; }
#forest5 { color: #5A7524; }

#sky00 { color: #F1FCFE; }
#sky0  { color: #EDF8FA; }
#sky1  { color: #DBF1F6; }
#sky2  { color: #B6E6F0; }
#sky3  { color: #82BFCD; }
#sky4  { color: #46A1B6; }
#sky5  { color: #317180; }
#sky6  { color: #224C59; }
#sky7  { color: #152F37; }

#lavander00 { color: #FEF9FF; }
#lavander0  { color: #F6F1F7; }
#lavander1  { color: #EEE3EF; }
#lavander2  { color: #E0C7E1; }
#lavander3  { color: #BA99BB; }
#lavander4  { color: #98669A; }
#lavander5  { color: #6B486C; }

#rose0 { color: #FEEFF1; }
#rose1 { color: #FEE0E4; }
#rose2 { color: #FFBFC8; }
#rose3 { color: #E58E99; }
#rose4 { color: #CC4B5B; }
#rose5 { color: #8F3540; }

#rust0 { color: #FEF3EA; }
#rust1 { color: #FDE7D6; }
#rust2 { color: #FFD0AC; }
#rust3 { color: #DE9D72; }
#rust4 { color: #CF6E2E; }
#rust5 { color: #914D20; }