/* 

	CDMRP eRceipt PRINT Style Sheet 
	
	This is a PRINT Style Sheet that should contain only style declarations 
	needed for printing pages of this site.

	Guidelines:
		- Print media style sheets are ignored by NS4.x
		- Remove all potentially noisy backgrounds
		- Specify a print font for all text elements
		- Use colors with contrast that will print well (remember red prints black in b&w)
		- Fix floated and absolutely positioned elemnets that may be problematic

*/
body {
	color: black;
	background-color: white;
	width: 7in;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: "Times New Roman",Times,Georgia,serif;
}
.tabcontainer {
	width: 100%;
	overflow: hidden;
	border: none !important;
}

/* Basic Text Styles */
p, td, th, li, dt, dd, blockquote, q, cite, label, address, .normal {
	line-height: 13pt;
	font-size: 10pt;
}
p, td, th, li, dt, dd, blockquote, q, cite, label, address, .normal, h1, h2, h3, h4, h5, h6, legend {
	color: black ! important;
}
p, td, th, li, dt, dd, blockquote, q, cite, label, address, .normal {
	font-family: "Times New Roman",Garamond,Times,Georgia,serif;
}

a:link, a:visited, a:active {
	color: black;
	background-color: white;
	text-decoration: underline;
	font-weight: bold;
}


/* Style tables for print */
table.datatable {
	width: 95%;
}
table.datatable th {
	font-style: normal;
	font-weight: bold;
}
table.datatable, table.datatable th, table.datatable td {
	border: solid 1px black;
	border-collapse: collapse;
}
table.datatable th, table.datatable td {
	padding: 2pt;
	font-size: 9pt ! important;
	font-family: Arial,Helvetica,sans-serif ! important;
}
/* Forces IE 5.5/6 to repeat the table header on each printed page */
thead {
	display: table-header-group;
}

/* Style Form Elements For Print */
input, textarea, select, button {
	color: black;
	background: transparent;
	line-height: 13pt;
	font-size: 10pt;
	font-family: Arial,Helvetica,sans-serif
}
textarea {
	page-break-inside: avoid;
	background: transparent;
	width: 95%;
	height: auto ! important;
	overflow: visible ! important;
	border: none;
	border-left: dashed 1px black;
	padding-left: 1em;
}
input[type="text"], input[type="password"] {
	overflow: visible;
	border-bottom: dashed 1px black;
}


/* Tweak Other Page Elements For Print */
#headeroptions {
	display: none;
}
#summaryinfo h5 {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
#content {
	margin: 0;
	padding: 0;
}
h1 {
	padding-bottom: .5em;
	border-bottom: solid 1px black;
}


/* Define a few styles to supress printing of certain elements */
.noprint {
	display: none;
}
.tabs, .addform {
	display: none;
}


/* Do Some Advanced CSS Stuff For More Useful Print Effects */

/* CSS2: Append the HREF URL after the link text in parens (this is not usually desired in web applications, only regular web sites) */
#content a:link:after, #content a:visited:after {
/*
   content: " ("attr(href)") ";
   font-size: 90%;
*/
}
/* CSS3: Transform relative links starting with a slash to fully-qualified URLs */
#content a[href^="/"]:after {
/*	content: " (http://scoring.p2rmis.com"attr(href)") ";  This really should never occur in Fusebox */
}
/* Show a Different Style for Links to External Sites*/
/* a[href^="http://cdmrp.org"]:after */
a[target=_blank]:after, a[rel=external]:after {
	text-decoration: none;
	border-bottom: 1px dashed;
	content: " (external link: "attr(href)") ";
}


abbr, acronym, .help {
	border-bottom: 1px dotted #333333;
	content: " ("attr(title)") ";
}


/* Hide any generated content after the HTML document or BODY */
html::after, body::after {
	visibility: hidden ! important;
	display: none ! important;
}
/* Hide CFDUMP and CFDEBUG stuff to save paper */
table.cfdump_wddx, table.cfdump_xml, table.cfdump_struct, table.cfdump_array, table.cfdump_query, table.cfdump_cfc, 
table.cfdump_object, table.cfdump_binary, table.cfdump_udf, table.cfdump_udfbody, table.cfdump_udfarguments,
.cfdebug, .cfdebuglge, a.cfdebuglink, style {
	visibility: hidden ! important;
	display: none ! important;
}


/* End of Print-specific styles */






/* Following are duplicative screen declarations with print-styles fonts */

code, pre {
	font-family: Courier, "Courier New", monospace;
}
* blockquote { 
	background-color: #F0F4F9;
	padding: 5px 5px 5px 20px;
}
* blockquote + p { margin: 0; }

a.action {
	font-weight: bold;
}

/* Miscellaneous */
img {
	border-size: 0px;
}
hr {
	height: 1px;
	color: #333333;
}
div, form { 
	padding: 0; 
	margin-top: 0;
	margin-bottom: 0;
}
noscript {
	display: inline;
}


/* Form Elements */
input, select, option, textarea {
	font-weight: normal;
	font-family: Courier,"Courier New",monospace;
}
* textarea {
	width: 100%;
}
/* Button Styles */
* .button {
	color: #000000;
	background-color: #D4D0C8;
	border: outset 1px #000000;
	margin: 1px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
}
/* Faux Button */
* a.button, * a.button:link, * a.button:visited {
	color: #000000;
	background-color: #D4D0C8; 
	padding: 2px 10px 2px 10px; 
	border: outset 1px #000000; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; 
	line-height: 2.5em;
}
/* Form Labels */
label, .formlabel  {
	font-weight: normal;
}

/* Table Styles */
* table.datatable {
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
* table.datatable td {
	padding: 3px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}
th, .tableheader {
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	white-space: nowrap;
}
th, .tableheader {
	vertical-align: bottom;
}
td {
	vertical-align: top;
}
/* Alternating Row Color */
.greybar, .graybar {
	background-color: #F0F4F9;
}
/* Handle the Mozilla/Gecko Bug that leaves gaps below images inside of table cells */
tr.shrinkwrap img, td.shrinkwrap img {
	display: block;	/* fix NS 6 bug with gap under image in table cell - http://devedge.netscape.com/viewsource/2002/img-table/ */
}

/* Fieldset Styles */
* fieldset, * .fieldset {
	border: solid 1px #003366; /* Avoid using "dashed" as it displays through the LEGEND in IE6 */
	margin: 10px 10px 10px 10px;
	padding: 15px 15px 15px 15px;
}
.legend {
	margin-top: 20px;
}
* legend, .legend { 
/* Use a <span class="legend"> inside of the <legend> tag to properly style the legend in NS4 */
	color: #000066;
	margin-top: 0;
	font-size: 14pt;
	font-weight: bold;
}

/* Form Validation Classes */
.required {
	color: #CC0000;
}
.errorFieldLabel {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
}
.errorField {
	border: dashed red 2px;
}
.errorText, .alertbox, .alert {
	width: auto;
	color: #FF0000;
	margin: 10px;
	padding: 10px;
	border: dashed 2px #FF0000;
}
.alertbox p, .alertbox ul, .alertbox li {
	color: #FF0000;
}

/* Only use this class on a single container element */
.note {
	padding: 10px 0;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
}


/*  ****************************************
	Class-based Style Definitions Below
	(some combination tag/class definitions)
	**************************************** */

/* Page Headers */
h1, .pageheader {
	color: #003366;
	/* border-bottom: solid 1px #336699; */
	font-size: 16pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h2, .pagesubheader {
	color: #003366;
	font-size: 15pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/* Body Headers */
h3, .bodyheader {
	color: #003366;
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h4, .bodysubheader {
	color: #003366;
	font-size: 13pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h5, .smallheadline {
	color: #330066;
	display: inline;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h6, .smallerheadline{
	color: #003366;
	display: inline;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
table.datatable h4 {
	margin: 3px;
}

.welcome {
	border-bottom: double 3px #FFCC66; 
}
.seperator {
	border-bottom: solid 1px #FFCC66; 
}

/* Left Navigation (Helpdesk) */
.leftnav {
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
.leftnav:link, .leftnav:visited {color:#003366; text-decoration: none;}


/* Form Validation Classes */
.optionalField {
	color: green;
    font-weight: bold;
}
.requiredField {
	color: #993333;
    font-weight: bold;
}
.optReqField {
	color: DarkGoldenrod;
    font-weight: bold;
}

.fieldInError {
    background-color: red;
    font-weight: bolder;
}
.alertbox {
	color: #FF0000;
	margin: 10px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	border: dashed 2px #FF0000;
}
p.alertbox, .alertText {
	color: #FF0000;
	font-weight: bold;
}
.errorDescr {
	color: #FF0000;
}


/* Breadcrumb Links */
#breadcrumbs {
	text-align: right;
	padding: 1px;
	font-size: 10pt;
}
.breadcrumb:link, .breadcrumb:visited, .breadcrumb:active, {
	text-decoration: none;
}
.breadcrumb:hover {
	text-decoration: underline;
}

/* Pagination */
.pagination {
	color: #666666;
	text-align: center;
	font-size: 12pt;
	padding: 0px;
}
a.pagination, a.pagination:link, a.pagination:visited, a.pagination:hover  {
	text-decoration: none;
}

.sidebar {
	background-color: #F0F4F9;
	padding: 10px;
	border: solid 1px #003366;
}
.iframe {
	width: 700px;
	height: 15em;
	padding: 5px;
	border: 1px solid #003366;
	overflow: scroll;
}



/* Footer Style */
.footer, address {
	color: #333333;
	text-align: center;
	font-size: 10pt;
	font-style: italic;
}


/* MORE CLASSES */
.tabcontainer {
	border: solid 1px #003366;
}
.tabcontent {
	padding: 15px;
	display: inline-block;
}
.statusok {
	color: #330066;
}
.statusincomplete {
	color: #990000;
}
.lastupdated {
	color: #666666;
	font-size: 10pt;
	font-style: italic;
}
.inactive, .disabled {
	color: #999999;
}

.indent {
	margin-left: 20px;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center, td.center {
	text-align: center;
}
.middle {
	vertical-align: middle;
}
.nowrap {
	white-space: nowrap;
}
.highlight {
	background-color: #FFFF00;
}

.question {
	color: #000066;
	font-weight: bold;
}
.answer {
	margin-left: 20px;
}
.yes {
	color: #009900;
}
.no {
	color: #CC0000;
}
.small {
	font-size: 11px;
}
.tablespacer {
	font-size: 6px;
}


/* End of CSS File */