body {
  font-size: 11pt;
} /* end body */

/* img that shows pic of record */
IMG.recordImg {
	border: 2px solid #000000;
} /* end IMG.recordImg */


/* form components */
input,select,textarea {
	font-size: 8pt;
} /* end input, select, textarea*/

/* forms */
form {
	font-size: 10pt;
	margin-bottom: 0px;
	margin-top: 0px;
} /* end form */

/* form that holds ddl's for sorting */
form#ddlForm {

} /* end form */

TD {
	background-color: transparent;
	font-size: 11pt;
	vertical-align: top;
} /* end TD */

/* SPAN that holds "See It" link */
SPAN.seeIt {
	background-color: #CCCCCC;
	border: 2px dotted #6699CC;
	border-top: 0px;
	font-weight: bold;
	padding: 0px 2px 2px 2px;
} /* end class SPAN#seeIt */

/* the text info in the "See It" link */
.imgInfo {
	color: #333333;
	font-weight: normal;
} /* end class */

TABLE#sortDDLTbl {
	margin-bottom: 6px;
	width: 100%;
} /* end ID */

TABLE#sortDDLTbl TD {
	font-size: 10pt;
} /* end selector */

/* table used for displaying record summary info */
TABLE#summaryTbl {
	/* margin-top: 5px; */
} /* end ID TABLE#summaryTbl */


/* TDs right inside of the table that spans the whole layout */
TD#wholeTblTD, TD.picDisplayTD {
	background-color: #6699CC;
} /* end ID */

TD.picDisplayTD {
	padding: 4px;
} /* end class */


/* DIV that encloses the records area */
DIV#recordArea {
	background-color: #FFFFFF;
	padding: 2px;
} /* end ID */

/* DIV that holds "Summary"/"Details" link */
DIV#summDetLink {
/*	background-color: #00CCCC; */
	clear: all;
	font-size: 10pt;
	margin-top: 9px;
} /* end ID summ-detLink */

/* alternating rows */
.altRow, TR.altRow TD {
	background-color: #DFDFDF;
} /* end class altRow */

/* regular rows */
.regRow, TR.regRow TD {
	background-color: #F6F6F6;
} /* end class regRow */

.altRow, .regRow {
/*	display: block; */
	padding: 1px 5px 2px 2px;
	margin-bottom: 4px;
} /* end classes */

.altNavRow {
/*	background-color: #77AADD; */
} /* end class altNavRow */

.altNavRow, .regNavRow {
	color: #333333;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
} /* end classes .altNavRow, .regNavRow */


.answer {
	padding-left: 3px;
} /* end class answer */

.boldRed {
	color: #CC0000;
	font-size: 11pt;
	font-weight: bold;
} /* end class boldRed */


.colTitle {
	margin-right: 2px;
} /* end class .colTitle */

.footerR {
	font-style: italic;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: right;
} /* end class footerR */


.indented {
	padding-left: 12px;
} /* end class */

.preWithWrap {
	margin-top: 3px;
	white-space: pre-wrap;
	word-wrap: break-word;
} /* end class */

/* main section */
.main {
	width: 567px;
} /* end class main */


/* portion at left with nav links */
.navL {
	padding: 4px 3px 3px 3px;
	width: 175px;
} /* end class navL */

.question {
	background-color: #6699CC;
	border: 2px solid #336699;
	font-size: 12pt;
	font-weight: bold;
	margin: 1px 2px 3px 2px;
	padding-left: 2px;
} /* end class question */

/* Title above individual record's text */
.recTitle, TH#recTitleCol1, TH#recTitleCol2 {
	background-color: #CCCCCC;
	border: 2px solid #999999;
	font-weight: bold;
	padding: 0px 2px 2px 2px;
} /* end class recTitle */

/* subsection in record title that holds "tie/previous" text */
DIV.recTitle SPAN.recTitleInfoSection {
	font-style: italic;
	font-weight: normal;
} /* end selector */

TH#recTitleCol1 {
	border-width: 2px 1px 2px 2px;
} /* end ID */

TH#recTitleCol2 {
	border-width: 2px 2px 2px 1px;
} /* end ID */

.txtC {
	text-align: center;
} /* end txtR */

.txtR {
	text-align: right;
} /* end txtR */


/* string above imgs shown that gives count of imgs */
#imgCountString {
	font-size: 10pt;
	font-style: italic;
} /* end ID imgCountString */


.smFootnote {
	color: #666666;
	font-size: 0.9em;
	padding-left: 5px;
} /* end class */


UL {
	margin-top: 5px;
	margin-bottom: 5px;
} /* end selector */


/* area of text that shows correction/addition */
.dCorrection {
	color: #990000;
} /* end class */

/* div around SPAN of text w/ "Show Previous Record" link */
DIV.showPrev {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	/* text-align: right; */
} /* end class */

/* SPAN of text w/ "Show Previous Record" link */
DIV.showPrev SPAN {
	background-color: #CCCCCC;
	border: 1px dotted #6699CC;
	color: #666666;
	font-size: 0.9em;
	padding: 0px 1px 1px 1px;
} /* end selector */

/* div around "When:", "Who:", "Details:" and such */
DIV.whoWhen {
	clear: none;
	float: left;
	font-size: 0.90em;
	font-weight: bold;
	vertical-align: bottom;
	width: 60px;
} /* end class */

/* area output as datagrid */
TABLE.datagrid {
	background-color: #DDDDDD;
	margin-bottom: 10px;
	padding-top: 2px;
	width: 100%;
} /* end class */

TABLE.datagrid CAPTION {
	background-color: #DDDDDD;
}

TABLE.datagrid CAPTION SPAN {
	color: #333333;
	font-weight: bold;
	/* padding-right: 5px;
	padding-left: 5px; */
} /* end class */

/* subsection of CAPTION SPAN */
TABLE.datagrid CAPTION SPAN SPAN#captionSubsection {
	font-weight: normal;
	font-size: 13px;
} /* end selector */

TABLE.datagrid TR TH {
	background-color: #AAAAAA;
	border: 1px solid #CCCCCC;
	/* font-size: 0.9em; */
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
	white-space: nowrap;
} /* end class */

TABLE.datagrid TR TD {
	color: #333333;
	padding-left: 3px;
	padding-right: 3px;
} /* end class */

TD.totalChallengesCol, TD.numCurrentRecordsCol, TD.numPrevRecordsCol, TD.numDNAGCol, TD.numTiesCol, TD.numFailsCol {
	font-family: Consolas, monospace;
	/* font-size: 10pt; */
	font-size: 0.95em;
	text-align: center;
	width: 57px;
}
/* end area output as datagrid */


/* area with PRE text, such as Rules or Challenge Numbers info */
PRE.preWithWrap {
	background-color: #F6F6F6;
	padding-right: 5px;
	padding-left: 5px;
} /* end class */

PRE.preWithWrap SPAN.preHeaders {
	/* font-size: 16px; */
	font-weight: bold;
	margin-bottom; 0px;
} /* end selector */

/* end area with PRE text */