/*
Core styles used by Clinical Evaluation, LLC's pages. Note that
body.nav { ... } could be defined.
*/
body {
background-color: #ffffff;
color: #000000; /* change this value to change the text color. */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
body.classic {
background-color: #ffffff;
color: #000000; /* change this value to change the text color. */
font-family: times-roman, times, sans-serif;
font-size: 0.8em;
}
.center { text-align: center; }
.center table { width: 86%; margin-left: auto; margin-right: auto; }
/* 2007jun01, phj: Added :focus pseudo so when element gets focus via tabbing,
its attributes will change as they are changed when mouse pointer hovers over
the same element. Probably should remove font-size:, as that isn't dependent
on focus. */
.subNav a:focus { color: #246DAA; }
a:focus.subNav { color: #246DAA; }
.subNav a:hover { color: #246DAA; }
a:hover.subNav { color: #246DAA; }
/* 2007jun05, phj: Added a simple a:focus to try to make ie6 and ie7 color
submenu items when they receive focus. Didn't work. Try a:hover.
Didn't work.
*/
a { color: #000; } /* includes anchors, which aren't links. */
a:link { color: green; /* #009900; */ } /* internal links -> green */
a.external:link { color: blue; /* #ccffff; */ } /* external links -> blue */
a:visited { color: green; } /* Use same colors before and after first visit. */
a.external:visited { color: blue; } /* Ditto. */
a:hover { background-color: #ffffcc; } /* internal links -> yellow */
a.external:hover { background-color: #eeffff; } /* ext. links -> light blue */
a:active { color: #000; }
a:focus { color: #000; }
/* 2007jun02, phj: Added .subNavNotClickable so an element that is
tabbable but not clickable is not displayed with a "hand" cursor, but
with the proper cursor. */
a.subNavNotClickable { cursor: default; color: #000; }
a:focus.subNavNotClickable { color: #246DAA; }
a:hover.subNavNotClickable { color: #246DAA; }
/*
A proper table is just what you think it is; nothing special and definitely no
borders. font-size in TABLE doesn't affect the size of text displayed in .
".proper table" may be used in place of "table.proper".
*/
table.proper { text-align : left; background-color: transparent;
border-style: none;
empty-cells: show; }
/* I could find no way to make borders disappear even when using
"border-collapse: separate;". With "border-collapse: collapse;" same result. */
table.servers { table-layout: auto; width: auto; text-align: left;
background-color: white; border-collapse: collapse;
border: 1px solid gray; empty-cells: hide; }
/* 2007aug14, phj: Changed table-layout: auto; to table-layout: fixed; and the
visible result was all cells in the table had equal width. Changed width:
800px to width: 90%. Added margin-left: auto; margin-right: auto; to center
the table in its parent. */
table.calendar { table-layout: fixed; width: 96%; margin-left: auto;
margin-right: auto; text-align: left;
background-color: white; border-collapse: collapse;
border: 1px solid gray; empty-cells: hide; }
/* Leftmost empty day (cell) at the bottom of the calendar should have
no right or bottom border. Empty days to the right of that day should
have no right, bottom or left border. */
.emptyLeftmost2 { border: 1px solid gray; border-right: hidden;
border-bottom: hidden; }
.emptyLeftmost3 { border: 1px solid gray; border-right: hidden;
border-bottom: hidden; border-left: hidden; }
.emptyRightmost2 { border: 1px solid gray; border-left: hidden; }
.proper tr { border-style: none; }
span.gold { color: #a0a000 }
span.blue { color: #0000FF }
/* Used where achievements, as given by some organization, are displayed. */
span.highlightPerson { color: #0A227A; }
span.highlightOrg { color: #A35B5B; }
span.sortofblue { color: #333399; }
span.compressedsortofblue { color: #246DAA; margin-right: 40%; }
span.sortofpurple { color: #8C53B5; }
span.sortofred { color: #993333; }
span.darkred { color: #a35b5b; }
span.sortofgreen { color: #339933; }
span.darkgreen { color: #5ba35b; }
span.sortofgold { color: #B4B400 }
span.underline { text-decoration: underline }
span.likeAlink { text-decoration: underline }
span.emphasis { font-weight: bold }
table, td { text-align : left; color: #000000; background: #FFFFFF;
font-size : 12px; }
/* headerDistinguished means background color plus a top solid
border. Distinguished just means a background color; no top
border. The "B" variant uses a different color scheme. The "Null"
scheme uses no background color. */
td.headerNull { border-top: #BB1111 1px solid; text-align: left; }
td.headerNullB { border-top: #1111BB 1px solid; text-align: left; }
td.headerDistinguished { border-top: #BB1111 1px solid; text-align: left;
background-color: #ffc0c0 }
td.Distinguished { text-align: left; background-color: #ffc0c0 }
td.headerDistinguishedB { border-top: #1111BB 1px solid; text-align: left;
background-color: #c0c0ff }
td.DistinguishedB { text-align: left; background-color: #c0c0ff }
td.headerDistinguishedSpaced { padding-top: 4%; border-top: #BB1111 1px
solid; text-align: left; background-color: #ffc0c0 }
/* Headers */
h1 { font-size: 180%; color: #a35b5b; font-weight: bold; text-align: center; }
h2 { font-size : 150%; color: #336699; font-weight: normal; text-align: center; }
h2.regular { font-size : 150%; color: #000000; font-weight: normal; text-align: center; }
h2.pamphlet { text-indent: 0%; color: #000; text-align: justify;
font-size: 150% }
/* "banners" use centered headers. */
h3 { text-indent: 0%; color: #a35b5b; font-size: 130% }
h3.pamphlet { text-indent: 0%; color: #000; text-align: justify;
font-size: 130% }
h3.banner { text-align: center; color: #a35b5b; font-size: 130% }
h3.banner2 { text-align: center; color: #000000; font-size: 130% }
h4 { text-indent: 0%; font-size: 120% }
h4.classic { color: #000000; font-size: 120% }
h4.banner { text-align: center; color: #000000; font-size: 120% }
h4.pamphletfirst { text-indent: 0%; color: #000; text-align: justify;
font-size: 120%; margin: 0; padding: 1em 0 0 0; }
h4.pamphlet { text-indent: 0%; color: #000; text-align: justify;
font-size: 120%; margin: 0; padding: 0.7em 0 0 0; }
/* 2011jun17, phj: Added pamphlet2 without margin: attribute so smallheadspace
could be used with this class. */
h4.pamphlet2 { text-indent: 0%; color: #000; text-align: justify;
font-size: 120%; padding: 0.7em 0 0 0; }
/* font-size: 120%: 0; padding: 0.7em 0 0 0; } */
h5 { font-size: 110%; }
h5.classic { color: #000000; font-size: 110%; }
h5.pamphlet { text-indent: 0%; color: #000; text-align: justify;
font-size: 110% }
h6 { font-size: 100%; }
img { border-style: none; }
/*
Use imageLeft with ![]() inside a to make the paragraph text
wrap around the right side of the image, i.e., the image floats to the
left of the text. Similarly for imageRight.
2008jan16, phj: In both .imageLeft and .imageRight changed margin:
20px; to margin: 0px 15px 0px 0px; and margin: 0px 0px 0px 15px;.
*/
.imageLeft { float: left; border: 0px; margin: 0px 15px 0px 0px; }
.imageRight { float: right; margin: 0px 0px 0px 15px; }
p, li { color: #000000; text-align: justify; margin: 0; padding: 0; }
p.banner { text-align: center; } /* A banner uses centered paragraphs. */
/* This works with, e.g., ... . */
/* A note has no indentation and is in italics. */
.note { text-indent: 0%; font-style: italic }
/* A section heading and a quote is in italics. */
.sectionHead, .quote { font-style: italic }
/* Simple text has no indentation. */
.simple { text-indent: 0% }
/* Traditional text is indented. */
.traditional { text-indent: 4% }
.letterHeading { text-align: right; }
.signature { text-indent: 50%; }
/* Similar to letterheading above, and also provides some vertical spacing.
(which looks nice). */
.letterheadingbigheadspace { margin-top: 15%; text-align: right; }
.letterheadinglottaheadspace { margin-top: 10%; text-align: right; }
.letterheadingsomeheadspace { margin-top: 7%; text-align: right; }
.letterheadingsmallheadspace { margin-top: 4%; text-align: right; }
/* Emphasized text. */
.lined { text-decoration: underline }
.emphasis { font-weight: bolder; }
.linedEmphasis { font-weight: bolder; text-decoration: underline }
.moreEmphasis { font-weight: bolder; font-size: larger }
/* Use to display "shorter" messages in a bigger font, with justified
text. */
.biggerEmphasis { font-size: larger; text-align: justify }
.fudgedEmphasis { font-size: 14px; text-align: justify }
/* Slightly "fancier" newspaper text is not indented, but displays a
drop cap first letter and is justified. */
.newsEmphasis:first-letter { font-size: 300%; font-weight: bold; float: left }
.newsEmphasis { text-align: justify; }
/* Slightly "fancier and emphasized" newspaper text is not indented,
but displays a drop cap first letter, all upper-case letters on the
first line and is justified. */
.newsMoreEmphasis:first-letter { font-size: 300%; font-weight: bold; float: left }
.newsMoreEmphasis:first-line { text-transform: uppercase }
.newsMoreEmphasis { text-align: justify; }
/* For captions. */
.captionEmphasis { font-size: large }
CAPTION { color: #000000; background: #FFFFFF; font-size : 12px;
text-align : left; }
/* A footnote uses a smaller font size. */
.footnote { font-size: smaller; }
/* Use this where you want small text, such as at the bottom of a web
page where you see such things as copyright, comment and "last
updated" links. */
.small { font-size: smaller; }
/* Book text is justified. */
.book { text-align: justify; }
/* Newspaper text is indented and justified. */
.newspaper { text-align: justify; text-indent: 4% }
/* First paragraph in newspaper text is also separated from the
previous element with some head space.
*/
.newspaper1stPara { text-align: justify; text-indent: 4%; margin-top: 4% }
/* attribution is used to place the title of the doc from which a
previous quote was taken. */
.attribution { margin-left: 75% }
/* When you want to double space text. */
.doublespace { line-height: 200% }
/* Use bigheadspace when you want some more vertical space between this
element and the previous element. Simulates a page break or separates major
sections of a document. Use someheadspace when you need a smaller amount of
vertical space, etc. */
.bigheadspace { margin-top: 15% }
.lottaheadspace { margin-top: 10% }
.someheadspace { margin-top: 7% }
.smallheadspace { margin-top: 4% }
.verysmallheadspace { margin-top: 2% }
.tinyheadspace { margin-top: 1% }
.closerheadspace { margin-top: -8px }
/* Similar to those above, and also allows a paragraph to be justified
(which looks nice). */
.bookbigheadspace { margin-top: 15%; text-align: justify; }
.booklottaheadspace { margin-top: 10%; text-align: justify; }
.booksomeheadspace { margin-top: 7%; text-align: justify; }
.booksmallheadspace { margin-top: 4%; text-align: justify; }
.booktinyheadspace { margin-top: 1%; text-align: justify; }
.bookcloserheadspace { margin-top: -8px; text-align: justify; }
/* Use class listcircle to put some vertical space between list elements that
otherwise seem too vertically close. Class listsquare is similar. */
.listcircle { list-style-type: circle; padding-top: 3% }
.listsquare { list-style-type: square; padding-top: 1% }
.list { padding-top: 1% }
ul.plain { list-style: none }
ol.upper { list-style-type: upper-alpha }
li.square { list-style-type: square }
li.circle { list-style-type: circle }
li.disc { list-style-type: disc }
ul.footer3 {text-align: center; list-style: none; margin: 0;
padding: 10px 0 0 0; border-top: 1px solid #333; }
ul.footer3 li{ display: inline; font-size: 0.9em; margin: 0;
border-right: 1px solid #000; padding: 0 8px; }
/* First item needs no padding on the left. */
ul.footer3 li.first{ padding: 0 8px 0 0; }
/* Last list item needs no right border, since there is nothing to its right. */
ul.footer3 li.last{ border-right: none; padding: 0 0 0 8px; }
/* 2008jan16, phj: Simple list items need no borders, and a bit more padding. */
ul.footerSimple {text-align: center; list-style: none; margin: 0;
padding: 15px 0 0 0; border: none; }
ul.footerSimple li{ display: inline; font-size: 0.9em; margin: 0;
border: none; padding: 0 14px 0 14px; }
/* 2008jan11, phj: Shade the navigation links. */
.navigation { background-color: #eee; }
/* 2008jan11, phj: Initially we don't want to display an abstract, but
will link to them. */
p.abstract { display: none; }
/* 2008jan11, phj: Use a color and font style that distinguishes authors. */
.authors { font-style: italic; }
/* 2008jan11, phj: Use a color and font style that distinguishes
article titles. */
/* .articleTitle { ; } */
/* 2008jan11, phj: Shade headers in an abstract (so they're easier to see). */
.abstractHeader { background-color: #ddd; }
|