<style type="text/css">

/* Birthmarks.css -- Stylesheet for Birthmarks.com */

/*
28 Apr 2004  CAL  Add br.captionbelow and div.centeritem for centering images.
				  Add img.border, img.leftwrapborder, and img.rightwrapborder
				  for border option on content item images.
04 May 2004  CAL  Add img.spacer, add height to td.spacerline.
15 May 2004  CAL  Add td.formsection for user content entry form.
24 May 2004  CAL  Add Reader Comments section.
26 May 2004  CAL  Make td.footerlinks full width of web page.
28 May 2004  CAL  Add td.centerjustifyunboxed and td.rightjustifyunboxed for reports.
30 Aug 2004  CAL  Add Option Lists and Entry forms section.
14 Sep 2004  CAL  Add img classes centerabove and centeraboveborder,
				  change div.centeritem to div.centerimage.
23 Sep 2004  CAL  Add padding for div.linklist and div.linklistselected.
				  Add images classes for radiobutton and checkbox icons.
03 Oct 2004  CAL  Set page width to 760px (from 740px), with no padding on side columns.
10 Dec 2004  CAL  Add span.articlequote class for long quotes in HTML Articles.
14 Dec 2004  CAL  Remove 25% width from td.articleheadingimage for larger photos.
				  Change width of table.htmlarticleprint to 650px, best for .75" margins.
				  Add div.articleexample and span.articlecelldata for indented
				   text in tables within HTML Articles.
10 Jan 2005  CAL  Add styles for printer-friendly pages, remove table.htmlarticleprint.
19 Apr 2005  CAL  Moved tabbar, centerlinklist, and verticallinklist divs to CBT.
				  Add classes for bullet lists.
20 Apr 2005  CAL  Add "leftwrapicon" class for horizontal navigation blocks with
				  both images and text.
				  Add styles for bullet lists (in a description field).
				  Add table.adminuserlinks for IndexFooter.inc.
14 Jun 2005  CAL  Add ol.insidenomarginnomargin.
17 Feb 2006  CAL  Add ol.nomargin.
24 Sep 2006  CAL  Add div.authormenu for author mode menus on a web page.
*/

/* *********************************************************************** */
/* Standard definitions */
/* *********************************************************************** */

h1 { font-style: normal; }

/* Default fonts for text */
div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: black; } 
span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; }

/* Standard text fonts, may also be used in ContentBlockType fields */
span.textreverse { font-size: 11px; font-weight: normal; color: white;}
span.textreversebold { font-size: 11px; font-weight: bold; color: white; text-decoration: none;}
span.textsmall { font-size: 11px; line-height: 125%;} 
span.textsmaller { font-size: 10px; line-height: 125%;} 
span.textsmallbold { font-size: 11px; font-weight: bold;} 
span.textsmallest { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
span.warning { font-size: 12px; color: red; line-height: 125%; vertical-align: top;} 

/* Hypertext Links */
a:link { color: #000066; text-decoration: underline; } 
a:visited { color: #000066; text-decoration: underline; } 
a:hover { color: #0000FF; text-decoration: underline; }

/* Overrides used for hypertext link fonts */
span.textlinksmall { font-size: 10px; font-weight: normal; text-decoration: underline;}
span.textreverselink { font-size: 11px; font-weight: normal; color: white; text-decoration: underline;}
span.textreverselinksmall { font-size: 10px; font-weight: normal; color: white; text-decoration: underline;}

/* Override for hypertext links, used by IndexAuthorLinks.inc for author icon links */
span.authoricon a:link { display: inline; }
span.authoricon a:visited { display: inline; }
span.authoricon a:hover { display: inline; background-color: transparent; }

/* Images-- do NOT use vertical-align: top; for default img tag-- this causes spacer lines to display incorrectly  */
img { border: none; vertical-align: baseline; }
img.border { border: 1px solid black; vertical-align: top; }
img.leftwrap { border: none; float: left; vertical-align: top; padding-right: 10px; }
img.leftwrapicon { border: none; vertical-align: middle; padding-right: 5px; }
img.leftwrapborder { border: 1px solid black; float: left; vertical-align: top; margin-right: 8px; }
img.rightwrap { border: none; float: right; vertical-align: top; padding-left: 10px; }
img.rightwrapborder { border: 1px solid black; float: right; vertical-align: top; margin-left: 8px; }
img.centerabove { border: none; vertical-align: top; padding-bottom: 5px; }
img.centeraboveborder { border: 1px solid black; vertical-align: top; margin-bottom: 5px; }
div.centerimage { text-align: center; }
br.captionbelow { clear: both; vertical-align: top; }
img.spacer { border: none; float: left; vertical-align: baseline; }
/* Images used for authoring icons */
img.authoricon { border: 0px; vertical-align: baseline; width: 16px; height: 9px; margin-top: 2px; margin-right: 6px; float: left; }
img.authoriconright { border: 0px; vertical-align: baseline; width: 16px; height: 9px; margin-top: 2px; margin-left: 6px; }
/* Images used as Radio Button or checkbox on a list */
img.radiobutton { border: 0px; vertical-align: baseline; margin-top: 1px; margin-right: 4px; float: left; }
img.checkbox { border: 0px; vertical-align: baseline; margin-top: 0px; margin-right: 4px; float: left; }

/* Fonts for input fields */
input { font-family: Arial, Helvetica; font-size: 12px; }
select { font-family: Arial, Helvetica; font-size: 12px; }
textarea { font-family: Arial, Helvetica; font-size: 12px; }

/* Bullet Lists */
ul { list-style-position: outside; list-style-type: disc; }
ul.nomargin { list-style-position: outside; list-style-type: disc; margin-left: 16px; margin-top: 0px; margin-bottom: 0px; }
ul.nomargincircle { list-style-position: outside; list-style-type: circle; margin-left: 16px; margin-top: 0px; margin-bottom: 0px; }
ul.nomarginundershaded { list-style-position: outside; list-style-type: disc; margin-left: 16px; margin-top: 4px; margin-bottom: 0px; }
ol.nomargin { list-style-position: outside; list-style-type: decimal; margin-left: 40px; margin-top: 0px; margin-bottom: 0px; }
ol.insidenomargin { list-style-position: inside; list-style-type: decimal; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

/* *********************************************************************** */
/* Web Page Layout-- Major Sections, Rows and Columns */
/* *********************************************************************** */

/* Body of the html page */
body { background-color: white; } 

/* Div for three major vertical sections of the web page */
div.headersection { width: 760px; margin: 0px; border: 0px; vertical-align: top; }
div.middlesection { width: 760px; margin: 0px; border: 0px; vertical-align: top; }
div.footersection { width: 760px; margin: 0px; border: 0px; vertical-align: top; }

/* WebPage.PageTableClass -- separate containers used for header, middle, and footer */
table.webpageheader { width: 100%; }
table.webpage { width: 100%; }
table.webpagefooter { width: 100%; }

/* Web Page Columns -- containers for columns in middle section of web page
	Note: sum of border line width + padding-left + padding-right + width should be:
	td.column0	= td.column1 + td.column29
				= td.column1 + td.column2 + td.column9
				= td.column12 + td.column9
*/
/* WebPageBlock.BlockColumn */
td.column0 { width: 100%; padding: 0px; vertical-align: top; }  /* Header or Footer row, spans full width */
td.column1 { width: 162px; padding: 0px; vertical-align: top; }  /* Left side column */
td.column2 { width: 406px; padding-left: 15px; padding-right: 15px; vertical-align: top; } /* Middle column */
td.column9 { width: 162px; vertical-align: top; } /* Right side column */
td.column12 { width: 583px; padding-right: 15px; vertical-align: top; } /* Left & Middle columns */
td.column29 { width: 583px; padding-left: 15px; vertical-align: top; } /* Middle & Right columns */

/* Outer tables for content on Printer-friendly pages */
table.printwebpageheader { width: 650px; padding: 0px; margin: 0px;}
table.printwebpagemiddle { width: 583px; padding: 0px; margin-left: 33px; margin-right: 34px; }
table.printarticle { width: 583px; padding: 0px; margin-left: 33px; margin-right: 34px; }
table.printentryform { width: 583px; padding: 0px; margin-left: 33px; margin-right: 34px; }
table.printreport { width: 650px; padding: 0px; margin: 0px; }
table.printwebpagefooter { width: 650px; padding: 0px; margin: 0px;}

/* Web page header and footer blocks-- used by IndexHeader.inc and IndexFooter.inc */
td.headerleft { width: 385px; height: 42px; vertical-align: bottom; padding: 0px; background-color: #7E7E7E; }
td.headerrighttop { width: 375px; height: 40px; vertical-align: middle; text-align: right; background-color: #7E7E7E; padding: 0px; }
td.headerrightbottom { width: 375px; height: 1px; vertical-align: bottom; padding: 0px; background-color: #7E7E7E; }
td.footerlogo { vertical-align: top; padding: 0px; }
td.footerlinks { width: 760px; vertical-align: top; text-align: left; padding-bottom: 4px; }
table.adminuserlinks { width: 100%; padding: 0px; margin: 0px; background-color: #F0F0F0; }

/* Spacer column and rows */
td.spacerwidth { width: 10px; }
td.spacerheight { height: 2px; }
td.spacerheight2 { height: 5px; }
td.spacerheight3 { height: 10px; }

/* *********************************************************************** */
/* Cold Fusion Entry Forms and Reports */
/* *********************************************************************** */

/* Top-level cell containing the main section of an entry form or report */
td.columnfullwidth { width: 760px; padding-bottom: 10px; vertical-align: top;}
td.columnmainleft { width: 583px; padding-right: 15px; vertical-align: top;} 
td.columnmainright { width: 583px; padding-left: 15px; vertical-align: top;}

/* Entry forms */
table.formpage { border: 1px solid #7D7D7D; width: 100%; }
table.formpagenarrow { border: 1px solid #7D7D7D; width: 350px; margin-left: auto; margin-right: auto; }
table.formblock { width: 100%; text-align: center; padding: 2px; }
td.formtitle { padding: 5px; background-color: #7D7D7D; text-align: center; }
td.formsection { padding: 5px; vertical-align: top; border-bottom: 1px solid #7D7D7D; background-color: #F0F0F0; }
td.formbody { padding-left: 5px; padding-right: 5px; vertical-align: top; }
td.promptcell { text-align: right; vertical-align: middle; width: 30%; }
td.fieldcell { text-align: left; vertical-align: bottom; }
hr.formrule { height: 1px; color: #7D7D7D; width: 100%; } 
span.textformtitle { font-size: 12px; font-weight: bold; color: white; line-height: 125%; vertical-align: top;} 
span.textprompt { font-size: 11px; color: #4D4D4D; line-height: 120%; vertical-align: top;} 
span.textoption { font-family: Arial, Helvetica; font-size: 12px; vertical-align: middle;} 
span.textitaliccolor { font-size: 11px; font-style: italic; color: #4D4D4D; line-height: 125%; vertical-align: top;} 
span.textauthor { font-size: 11px; font-style: italic; vertical-align: top; color: #404040; }
span.textitalicnote { font-size: 11px; font-style: italic; color: #404040; }

/* Options Lists and Entry forms */
table.optionformpage { width: 100%; text-align: left; }
td.optiontitleleft { text-align: left; }
td.optiontitlecenter { text-align: center; }
td.optioninputcell { text-align: right; vertical-align: top; width: 20px; }
td.optionpromptcell { text-align: left; vertical-align: top; }
span.optionprompt { font-family: Arial; font-size: 10pt; color: #333333; } 
span.optiontitle { font-family: Arial; font-size: 12pt; font-weight: bold; color: #F6873B; } 
span.optionname { font-family: Arial; font-size: 10pt; font-weight: bold; color: #333333; } 
span.optiondescription { font-family: Arial; font-size: 10pt; color: #333333; } 
span.optionsmallnote { font-family: Arial; font-size: 8pt; font-weight: bold; color: #333333; } 
span.optionrequired { font-family: Arial; font-size: 8pt; font-weight: bold; color: #CC0000; } 

/* Lists and reports within lined boxes */
table.reportpage { border-top: 1px solid #7D7D7D; border-right: 1px solid #7D7D7D; margin: 0px; width: 100%; }
table.listpage { border-top: 1px solid #7D7D7D; border-right: 1px solid #7D7D7D; margin: 0px; }
td.reporttitle { text-align: center; vertical-align: top; padding-top: 0px; padding-bottom: 10px; }
td.columnheading { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D;  background-color: #d0d0d0; text-align: center; vertical-align: bottom; padding: 3px; }
td.subheadingleft { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D;  background-color: #e0e0e0; text-align: left; vertical-align: bottom; padding: 3px; }
td.subheadingcenter { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D;  background-color: #e0e0e0; text-align: center; vertical-align: bottom; padding: 3px; }
td.leftjustify { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D; text-align: left; vertical-align: top; padding: 3px; }
td.centerjustify { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D; text-align: center; vertical-align: top; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 2px; }
td.rightjustify { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D; text-align: right; vertical-align: top; padding-top: 3px; padding-bottom: 3px; padding-right: 3px; padding-left: 1px; }
td.leftjustifynoborder { text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 2px; padding-left: 0px; padding-right: 2px;}
td.centerjustifynoborder { text-align: center; vertical-align: top; padding-top: 0px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px;}
td.rightjustifynoborder { text-align: right; vertical-align: top; padding-top: 0px; padding-bottom: 2px; padding-left: 2px; padding-right: 0px;}
td.spacerline { border-bottom: 1px solid #7D7D7D; border-left: 1px solid #7D7D7D; padding: 0px; height: 1px; }
span.textreporttitle { font-size: 12px; font-weight: bold; color: black; } 
span.textabovetitle { font-size: 13px; font-weight: bold; color: black; } 
span.celldata { font-size: 11px;} 
span.celldatabold { font-size: 11px; font-weight: bold; } 
span.celldatalabel { font-size: 11px; color: #404040; }

/* Lists without lined boxes-- Search and Browse results */
table.unboxed { border: 0px; margin: 0px; width: 100%; }
table.outerbox { border: 1px solid #7D7D7D; margin: 0px; width: 100%; }
td.resultslistline { vertical-align: top; padding-top: 8px;}
td.columnheadingunboxed { background-color: #d0d0d0; text-align: center; vertical-align: bottom; padding: 3px; }
td.leftjustifyunboxed { text-align: left; vertical-align: top; padding-top: 5px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; }
td.centerjustifyunboxed { text-align: center; vertical-align: top; padding-top: 5px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; }
td.rightjustifyunboxed { text-align: right; vertical-align: top; padding-top: 5px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; }
td.newspapercolumnleft { text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 3px; width: 50%; }
td.newspapercolumnright { text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 5px; padding-left: 3px; padding-right: 0px; width: 50%; }

/* Links in a Report or Form list -- overrides standard hypertext link classes */
div.linklist { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-align: left; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px;}
div.linklist a:link { color: #000066; text-decoration: none; } 
div.linklist a:visited { color: #000066; text-decoration: none; } 
div.linklist a:hover { color: #0000FF; text-decoration: underline; }
/* Used by programs to highlight the current selection (SurveyAnswerEntry.cfm) */
div.linklistselected { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; text-align: left; padding-top: 2px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; background-color: #B3C1CE; }
div.linklistselected a:link { color: #0000FF; text-decoration: none; }
div.linklistselected a:visited { color: #0000FF; text-decoration: none; }
div.linklistselected a:hover { color: #0000FF; text-decoration: none; }

/* ************** */
/* Reader Comment */
/* ************** */

/* Add Your Comment link */
div.addcommentlink { width: 100%; vertical-align: top; text-align: right; padding-top: 5px;  padding-bottom: 5px; }
div.addcommentlink a:link { color: #000066; text-decoration: underline; font-style: italic; } 
div.addcommentlink a:visited { color: #000066; text-decoration: underline; font-style: italic; } 
div.addcommentlink a:hover { color: #A76774; text-decoration: underline; font-style: italic; }

/* Simplified Entry form */ 
table.formpageshaded { border: 1px solid #7D7D7D; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; background-color: #F0F0F0; }
td.formpageshadedcell { text-align: left; vertical-align: top; padding-top: 5px; }

/* Show in Reader Comment format */
div.readercomment { text-align: left; vertical-align: top; margin-left: 50px; padding: 5px; background-color: #F0F0F0; }
span.readercommenttitle { font-size: 11px; } 
span.readercommentdescription { font-size: 11px; } 

/* ************************ */
/* Styles for HTML Articles */
/* ************************ */

table.htmlarticle { width: 100%; padding: 0px; margin: 0px;}
td.articleheadingimage { vertical-align: top; padding-right: 10px; }
td.articleheading { vertical-align: top; }
td.articlesubheading { vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
td.articlebyline { vertical-align: top; }
td.articlebody { vertical-align: top; }
td.otherimages { vertical-align: top; }
span.articleheading { font-size: 12pt; font-weight: bold; }
span.articlesubheading { font-size: 9pt; font-weight: bold;} 
span.articlebyline { font-size: 10pt; font-weight: bold; }
span.articlebody { font-family: Arial, Helvetica; font-size: 10pt; color: black; }
/* Additional HTML Article styles-- long quotes, examples, tables, legal code */
span.articlequote { font-family: Comic Sans MS, Apple Chancery, cursive; font-size: 10pt; color: maroon; }
span.articlecelldata { font-size: 9pt; color: black; }
div.articleexample { margin-left: 40px; margin-right; 40px; }
p.articleindentline { text-indent: .5in; margin-top: 0px; margin-bottom: 0px; }
span.articlefixed { font-family: Courier New, Courier, monospace; font-size: 10pt; } 
span.articlefixedbold { font-family: Courier New, Courier, monospace; font-size: 10pt; font-weight: bold; } 

/* Styles for HTML Options Box */
table.htmlarticleoptions { width: 190px; background-color: #f0f0f0; margin-left: 10px; margin-bottom: 10px; float: right; }
td.htmlarticleoptionsiconcell { vertical-align: top; padding-left: 7px; padding-right: 0px; padding-top: 7px; padding-bottom: 0px; }
td.htmlarticleoptionstextcell { vertical-align: top; padding-left: 7px; padding-right: 5px; padding-top: 7px; padding-bottom: 0px; text-align: left; }
td.htmlarticleoptionsrowcell { vertical-align: top; padding-left: 7px; padding-right: 7px; padding-top: 0px; padding-bottom: 3px; }
td.htmlarticleoptionsicon2cell { vertical-align: top; padding-left: 7px; padding-right: 0px; padding-top: 0px; padding-bottom: 3px; }
td.htmlarticleoptionstext2cell { vertical-align: top; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 3px; text-align: left; }

/* ************************ */
/* Styles for Author Menus  */
/* ************************ */

div.authormenu { text-align: left; vertical-align: top; padding: 5px; background-color: #F0F0F0; 
font-family: Tahoma; font-size: 8pt; color: black; line-height: 125%; }
div.authormenu a:link { color: #000066; text-decoration: none; } 
div.authormenu a:visited { color: #000066; text-decoration: none; } 
div.authormenu a:hover { color: #0000FF; text-decoration: underline; }

span.authormenutext { text-align: left; vertical-align: top; font-family: Tahoma; font-size: 8pt; color: black; line-height: 125%; }

</style>
