<style type="text/css">

/* AndySirkin.css -- Stylesheet for AndySirkin.com */

/*
06 Dec 2004  CAL  Created.
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.
11 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.
14 Jun 2005  CAL  Add ol.insidenomargin.
17 Feb 2006  CAL  Add ol.nomargin.
*/

/* *********************************************************************** */
/* Standard definitions */
/* *********************************************************************** */

h1 { color: black; }

/* Default fonts for text */
div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #333333; } 
span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #333333; }

/* Standard text fonts, may also be used in ContentBlockType fields */
span.textreverse { font-size: 8pt; font-weight: normal; color: white;}
span.textreversebold { font-size: 8pt; font-weight: bold; color: white; text-decoration: none;}
span.textsmall { font-size: 8pt; line-height: 125%;} 
span.textsmaller { font-size: 10px; line-height: 125%;} 
span.textsmallbold { font-size: 8pt; font-weight: bold;} 
span.textsmallest { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; } 
span.warning { font-size: 9pt; 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: 8pt; 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 */
img { border: none; }
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: 9pt; }
select { font-family: Arial, Helvetica; font-size: 9pt; }
textarea { font-family: Arial, Helvetica; font-size: 9pt; }

/* 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: #CCD1D3; margin: 20px; border: 0px; } 

/* Div for three major vertical sections of the web page */
/* Note: padding-top for middle section has 6px white space above black text on white background but 0px white space for white text on a colored background */
div.headersection { width: 760px; margin-left: auto;  margin-right: auto; vertical-align: top; border: 0px; background-color: white; }
div.middlesection { width: 758px; margin-left: auto;  margin-right: auto; padding-bottom: 5px; border-left: 1px solid #5C696F; border-right: 1px solid #5C696F; border-bottom: 1px solid #5C696F; vertical-align: top; background-color: white; }
div.footersection { width: 760px; margin-left: auto;  margin-right: auto; padding-top: 0px; vertical-align: top; background-color: #CCD1D3; }

/* 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: 168px; padding: 0px; vertical-align: top; }  /* Left side column */
td.column2 { width: 378px; padding-top: 15px; padding-left: 20px; padding-right: 20px; vertical-align: top; } /* Middle column */
td.column9 { width: 168px; padding: 0px; vertical-align: top; } /* Right side column */
td.column12 { width: 500px; padding-top: 15px; padding-left: 45px; padding-right: 45px; vertical-align: top; } /* Left & Middle columns */
td.column29 { width: 500px; padding-top: 15px; padding-left: 45px; padding-right: 45px; 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: 500px; padding: 0px; margin-left: 75px; margin-right: 75px; }
table.printarticle { width: 500px; padding: 0px; margin-left: 75px; margin-right: 75px; }
table.printentryform { width: 570px; padding: 0px; margin-left: 40px; margin-right: 40px; }
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: 380px; height: 44px; vertical-align: bottom; padding: 0px; background-color: #5C696F; }
td.headerrighttop { width: 380px; height: 43px; vertical-align: middle; text-align: right; background-color: #5C696F; padding: 0px; }
td.headerrightbottom { width: 380px; height: 1px; vertical-align: bottom; padding: 0px; background-color: #5C696F; }
td.footerlogo { width: 0px; vertical-align: middle; margin-right: 5px; }
td.footerlinks { width: 760px; vertical-align: top; text-align: left; padding-top: 4px; }

/* 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: 100%; padding-top: 15px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; vertical-align: top; }
td.columnmainleft { width: 570px; padding-top: 15px; padding-left: 10px; padding-right: 10px; vertical-align: top;} 
td.columnmainright { width: 570px; padding-top: 15px; padding-left: 10px; padding-right: 10px; vertical-align: top;}

/* Entry forms */
table.formpage { border: 1px solid #7D7D7D; width: 570px; margin-left: auto; margin-right: auto; }
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; background-color: white; }
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: 9pt; font-weight: bold; color: white; line-height: 125%; vertical-align: top;} 
span.textprompt { font-size: 8pt; color: #4D4D4D; line-height: 120%; vertical-align: top;} 
span.textoption { font-family: Arial, Helvetica; font-size: 9pt; vertical-align: middle;} 
span.textitaliccolor { font-size: 8pt; font-style: italic; color: #4D4D4D; line-height: 125%; vertical-align: top;} 
span.textauthor { font-size: 8pt; font-style: italic; vertical-align: top; color: #404040; }
span.textitalicnote { font-size: 8pt; 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: #FF9900; } 
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: 9pt; font-weight: bold; color: #333333; } 
span.textabovetitle { font-size: 10pt; font-weight: bold; color: #333333; } 
span.celldata { font-size: 8pt;} 
span.celldatabold { font-size: 8pt; font-weight: bold; } 
span.celldatalabel { font-size: 8pt; 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.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: #0000FF; 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: 8pt; } 
span.readercommentdescription { font-size: 8pt; } 

/* ************************ */
/* Styles for HTML Articles */
/* ************************ */

table.htmlarticle { width: 500px; margin-left: auto; margin-right: auto; }
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: black; }
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; }

</style>
