/* used to seperate pages from each other */

.page-seperator { color: #FF6600;   }



/* used for the comments response to a question */

.comments-picture {  }

.comments-number { font-size: x-small; font-weight: bold; }

.comments-header { font-size: x-small; font-weight: bold; padding-bottom: 0; margin-bottom: 0; color: #ff6600;}

.comments { font-size: x-small; }



/* used for the styles and materials section */

.sm-title { color: black; font-size: x-small; font-weight : bold;}

.sm-header { color: #ff6600; font-size: xx-small; font-weight : bold; }

.sm-answer { color: black; font-size: xx-small;	 }



/* used for text at begining of report and sections */

.introtext { font-size: x-small; }



/* table of questions */

.form { page-break-inside: avoid; border-collapse: collapse; }

.form-question-number { border-color: black; border-width: 2px; border-style: solid }

.form-question { border-color: black; border-width: 2px; border-style: solid }

.form-header { border-color: black; border-width: 2px; border-bottom-style: solid }

.form-footer { border-color: black; border-width: 2px; border-top-style: solid }

.form-answer { 	background-color: #FFF3E8; border-color: black;	text-align: center; vertical-align: bottom;	border-width: 2px; border-style: solid }

.form-discovery { background-color: #FFF3E8; border-color: black;	text-align: center;	border-width: 2px; border-style: solid }

.form-key { color: black; font-size: xx-small; }



/* questions and answers text */

.question-number {  color: black; font-size: x-small; }

.question { color: black; font-size: x-small; }

.abbrev { color: black; font-size: x-small; font-weight: bold;}

.answer { color: black; font-size: small; }

.discovery { color: black; font-size: x-small; }



/* top level elements */

.section-header { color: #ff6600; font-size: small; border-style: outset; background-color: #f0f0f0; margin: 0; font-weight : bold; page-break-after: avoid}

.frame { page-break-inside: avoid; page-break-before: avoid }



/* invoice table */

.pricelist-form { page-break-inside: avoid; width: 100%; margin: 0; }

.pricelist-form-header { }

.pricelist-form-selection { border-color: black; border-width: 2px; border-style: solid; padding: 0; width: 6; height: 6 }

.pricelist-form-name { text-align: left; width: 300}

.pricelist-form-amount { text-align : right; width: 70}



/* invoice text */

.pricelist-header { color: black; font-size: small;}

.pricelist-selection { color: black; font-size: small;}

.pricelist-name { color: black; font-size: small;}

.pricelist-amount { color: black; font-size: small;}



/* summary table */

.summary-form { page-break-inside: avoid; width: 100%;}

.summary-form-number { vertical-align: top; width: 10% }

.summary-form-answer { vertical-align: top }

.summary-form-question { vertical-align: top;}

.summary-form-estimate { vertical-align: top }



/* summary text */

.summary-header { width: 100%; color: #ff6600; font-size: small; border-style: outset; background-color: #f0f0f0; margin: 0; font-weight : bold; page-break-after: avoid}

.summary-question-number { color: black; font-size: x-small; font-weight: bold;}

.summary-answer { color: black; font-size: x-small; font-weight: bold;}

.summary-question { color: black; font-size: small; font-weight: bold;}

.summary-comments { color: black; font-size: small;}

.summary-estimates { color: black; font-size: x-small;}



thead { display:table-header-group }

tfoot { display:table-footer-group }