@media screen
  {
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    height: 100%;
    overflow: auto;
    }

	.printhide { display: block !important; }
	.report_header { margin: 1em; margin-top: 1.25em; };
}

@media print {
	body {-webkit-print-color-adjust: exact; }
	.printhide, .arbor_button { display: none !important; margin: 0; padding: 0; }
	.report_header, .arbor_logo { margin: 1em; margin-top: 0; }
	table {	page-break-inside: avoid; }
}
 
html { min-height: 100%; margin-bottom: 1px; margin: 0; padding: 0; }

td, th { font-family: Verdana, Arial, sans-serif; font-size:11px; }


/**** BENCHMARK STYLES ***/

.benchmark td { background: lightcyan; text-align: right; border: 1px solid black; }
.benchmark td:first-child { text-align: left; border: 1px solid black; }
.benchmark#max td, .benchmark#max th, .benchmark#min td { background: #ffffe6; }
.benchmark#min th { background: none; }



/**** REPORT STYLES ****/

h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 16px;

	font-weight: bold;

	font-style:italic;

}

.data { color: black; font-weight: bold; }

.dan { color: red; }

/*
	#CDD9FF is a light purple color
	#E6E6E6 is a light light grey color
*/

/* Header is very first line at top of table.  Overall satisfaction, etc. */
.header { background: steelblue; color: white; font-size: 12px; font-weight: bold; text-align: left; padding-top: 0.2em; padding-bottom: 0.2em; font-family: verdana, sans-serif; padding-left: 0.5em; padding-right: 0.5em; border: 1px solid black; border-right: 2px solid black; border-bottom: none; }

/* col_heading is 2nd line headers, except for comment and Total */
.col_heading, .demographic, .survey_question { border: 1px solid #172C6C; background-color: #E6E6E6; }

/* demographic is comment header */
.demographic { text-align: center; }

/* ?? */
.survey_question { color: red; }

/* total_row is last line, 1st column */
/* grand_total is last line, last column */
/* row_total is last column, middle of table */
/* total column is header for last column */
 
.total_row, .column_total, .grand_total, .total_column { background: #E6E6E6; text-align: right; color: black; font-size: 12px; font-weight: bold; padding-top: 0.25em; font-family: Arial, sans-serif; border: 1px solid black; border-bottom: 2px solid black; }
.total_row { text-align: left; }
.grand_total { border-right: 2px solid black; }
.row_total { border: 1px solid black; text-align: right; border-right: 2px solid black; }
.total_column { background: #E6E6E6; border-bottom: 1px solid black; border-right: 2px solid black; }

/* row_header 1st column in the middle of the table, satisfied, dissatisfied */
.row_header { width: 300px; max-width: 300px; border: 1px solid black; text-align: left; }

/* Individual Table Cells - COUNT TABLE */

.report_data_count, .report_data_count2 { border: 1px solid #172C6C; text-align: right; background: #F0F8FF; }



/* Individual Table Cells - PERCENT TABLE */

.report_data_percent { background: #ffffe6; border-bottom: 1px solid black; border-right: 1px solid black; text-align: right; }


/**** FORM STYLES *****/



/**** SURVEY QUESTION LIST ****/

/* Report All Questions by Count */

option.rabc { background: #ccf; color: blue; font-weight: bold; font-family: Verdana,Arial,sans-serif; }

/* Report All Questions by Percent */

option.rabp { background: #ccf; color: blue; font-weight: bold; font-family: Verdana,Arial,sans-serif; }

/* Report All Questions by Graph */

option.rabg { background: #ccf; color: blue; font-weight: bold; font-family: Verdana,Arial,sans-serif; }

/* Report All On All Comments */

option.rac { background: #ccf; color: blue; font-weight: bold; font-family: Verdana,Arial,sans-serif; }



/***** DEMOGRAPHIC LIST ****/

/* Demographic Formatting */

option.demographic_list  { background: #ccf; color: blue; font-weight: bold; font-family: Verdana,Arial,sans-serif; }



/**** ADMIN STYLES *****/

.menu {

    float: left;

    padding: 0 1em 0 0;

    text-align: left;

    font-size: 10px; /* HSWD Changed from 75%; */

    min-width: 15em;

}

.menu dl {

    list-style: none;

    margin: 0;

    padding: 0;

}



.menu p {

    font-weight: bold;

    margin: 0px;

}

.menuitem {

    text-align: center;

    border: 1px solid black;

    padding: 0;

    margin: 0;

    width: 140px;

    margin-bottom: 15px;

}

.menuitem a {

    display: block;

    width: 140px ;

    max-width: 140px;

    height: 28px;

    padding-top: 5px; /*  dding-top: 5px;  HSWD Changed */

    border-right: 3px solid gray;

    border-bottom: 3px solid gray;

    white-space: nowrap;

    background: white;

    text-decoration: none;

    color: blue;

}



.menuitem a:hover {

    background: #CCC;

    border-right: 3px solid white;

    border-bottom: 3px solid white;

}



.function {

    padding: 0;

    margin-left: 12em;

}

.function h3 {

    margin: 0;

	font-family: Verdana, Arial, sans-serif;  /* HSWD Added */

	font-size:12px;  /* HSWD Added */

}

.function ul {

    list-style: none;

}

.list_name {

    padding-right:1em;

}

.list_username:before {

    content: "'";

}

.list_username:after {

    content: "'";

}

div.newtoolbar, div.newtoolbar2
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 27px;
	border-bottom: 1px solid black;
	background-color: steelblue; /* #63B8FF; */
	z-index: 9999;
}

div.newtoolbar2 { position: relative; }

div.toolbarright
{
	position: fixed;
	top: 0;
	right: 0;
	width: 200px;
	height: 27px;
	overflow: hidden;
}
	
div.newtoolbar ul, div.newtoolbar2 ul, div.toolbarright ul
{
	padding: 0;
	margin: 0;
	margin-top: 0.5em;
	list-style-type: none;
	color: black;
	width: 100%;
	font-family: arial;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
	height: 27px;
}

div.newtoolbar ul, div.newtoolbar2 ul { margin-left: 0.5em; }

div.newtoolbar2 ul { margin: 0; line-height: 27px; }


div.toolbarright ul { text-align: right;  }

div.newtoolbar li, div.newtoolbar2 li, div.toolbarright li
{
	display: inline;
	height: 27px;
}

div.newtoolbar li a, div.newtoolbar2 li a, div.toolbarright li a
{
	text-decoration: none;
	background-color: steelblue;
	color: white;
	padding: 5px 0.5em;
	border: 1px solid black;
}

/* div.toolbarright li#right a:last-child { margin-right: 1em; } */

div.newtoolbar li a:hover, div.newtoolbar2 li a:hover, div.toolbarright li a:hover, .getcomments:hover
{
	background-color: lightgrey;
	color: black;
}

div#content
{
}

.getcomments_new
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background-color: white;
	color: black;
	font-weight: bold;
	margin: 1px;
}

.arbor_button, .arbor_button_bench, .arbor_button_comment
{
	margin: 0;
	border: 1px solid #036;
	vertical-align: middle;
	padding: 0;
	color: #036;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	width: 140px;
	line-height: 20px;
	background: #e8e8e8;
	background: -webkit-gradient(linear, left top, right bottom, from(white), to(#a8a8a8));
	background: -moz-linear-gradient(top,  white,  #d8d8d8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#a8a8a8a8);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#a8a8a8a8)";
	
	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
	border-radius: .75em;
}

.arbor_button_dan { background-color: steelblue; color: white; border: none;
	margin: 0;
	vertical-align: middle;
	padding: 0;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	width: 140px;
	line-height: 20px;
	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
	border-radius: .75em;
};

.arbor_button:hover
{
	color: lightgrey;
	background-color: #036;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, right bottom, from(#036), to(#036));
	background: -moz-linear-gradient(top,  #036, #036);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003366, endColorstr=#003366);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#003366, endColorstr=#03366)";
}

.arbor_button_dan:hover
{
	color: white;
	background-color: #0066cc;
	border: none;
	font-weight: bold;
	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
	border-radius: .75em;
};


table.comments { border-collapse: collapse; border: 1px solid black; border-bottom: 2px solid black; border-right: 2px solid black; font-family: arial; margin-top: 1em; margin-left: 0.5em; margin-right: 0.5em; }
table.comments tr.title td { background-color: steelblue; color: white; text-align: left; border: 1px solid black; font-family: verdana; font-weight: bold; font-size: 14px; padding: 0.25em 0.5em 0.25em 0.5em; }
table.comments tr.header td { background-color: #e8e8e8; color: black; border: 1px solid black; font-family: arial; font-weight: bold; font-size: 12px; padding: 0.25em 0.5em 0.25em 0.5em }
table.comments tr td { border: 1px solid black; font-family: arial; font-weight: normal; font-size: 12px; padding: 0.1em 0.5em 0.1em 0.5em }

table.comments2 { border-collapse: collapse; border: none; font-family: verdana; font-weight: normal; margin-top: 1em; margin-left: 0.5em; margin-right: 0.5em; }
table.comments2 tr td { border: none; border-width: 0; background-color: white; color: black; font-family: verdana; font-size: 11px; padding: 0.1em 0.5em 0.5em 0.5em; }
table.comments2 tr.title td { border: none; color: #0066cc; text-align: left; font-weight: bold; font-size: 14px; padding: 0.25em 0.5em 0.25em 0.5em; }
table.comments2 tr.header2 td { border: none; font-weight: bold; font-size: 12px; padding: 0.25em 0.5em 0.25em 0.5em; }


.hidden { display: none; }

table.comments2 tr { -webkit-print-color-adjust: exact; }
table.comments2 tr td.first { background-color: limegreen; font-weight: bold; text-align: center;  -webkit-print-color-adjust: exact; }
table.comments2 tr td.second { background-color: yellow; font-weight: bold; text-align: center;  -webkit-print-color-adjust: exact; }
table.comments2 tr td.third { background-color: #FF9900; font-weight: bold; text-align: center;  -webkit-print-color-adjust: exact; }
table.comments2 tr td.fourth { background-color: red; font-weight: bold; text-align: center;  -webkit-print-color-adjust: exact; }

div { font-weight: bold; clear: both; }
.shadow {
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	/* For IE 8 */
	06.-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	07./* For IE 5.5 - 7 */
	08.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#navcontainer, #navcontainer2 { width: 200px; }

#navcontainer ul, #navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}

#navcontainer a, #navcontainer2 a
{
display: block;
padding: 3px;
width: 180px;
background-color: steelblue; /* #036 */
border: 1px solid black;
color: white;
}

#navcontainer2 a { background-color: skyblue; color: white; }

#navcontainer a:link, #navcontainer :visited, #navcontainer2 a:link, #navcontainer2 :visited
{
color: white;
text-decoration: none;
}

#navcontainer a:hover, #navcontainer2 a:hover
{
background-color: lightgrey;
color: black; /* #036 */
}

table.report_counts, table.report_percents { border-collapse: collapse; border: none; /* box-shadow: 1px 1px 3px 3px lightgray; */ margin-top: 1em; font-family: verdana; background-color: white; color: black; font-weight: normal; }
table.comments2 { border: none; box-shadow: 1px 1px 3px 3px lightgray; }
div.highcharts-container { border: none; box-shadow: 1px 1px 3px 3px lightgray; }

/*
span.report_question { border: none; box-shadow: 1px 1px 3px 3px lightgray; }
*/

div.question_and_table { border: none; box-shadow: 1px 1px 3px 3px lightgray; float: left; margin-top: 1em; margin-bottom: 1em; }
div.question_and_counts { border: none; box-shadow: 1px 1px 3px 3px lightgray; margin-bottom: 1em; }

table.report_counts, table.report_percents { border-collapse: collapse; border: none; margin-top: 1em; font-family: verdana; background-color: white; color: black; font-weight: normal; }

table.report_counts td, table.report_percents td { background-color: white; color: black; border-collapse: collapse; border: none; border-bottom-style: solid; border-right-style: solid; border-color: lightgrey; border-width: 1px; padding-right: 1em; padding-left: 1em; font-weight: normal; }
table.report_counts td.survey_question, table.report_percents td.survey_question  { border: none; }
table.report_counts td.row_header, table.report_percents td.row_header { font-weight: bold; }
table.report_counts td.row_total, table.report_percents td.row_total  { font-weight: bold; border-right: none; border-left-style: solid; border-left-width: 2px; }
table.report_counts td.total_row, table.report_percents td.total_row  { border-bottom: none; font-weight: bold; border-top-style: solid; border-top-width: 2px; }
table.report_counts td.total_column, table.report_percents td.total_column  { border: none; }
table.report_counts td.col_heading, table.report_percents td.col_heading  { border: none; }

table.report_counts td.column_total { border-bottom: none; font-weight: bold; border-top-style: solid; border-top-width: 2px; }
table.report_percents td.column_total { border-bottom: none; font-weight: bold; border-top-style: solid; border-top-width: 2px; }

table.report_counts td.report_data_count { background-color: #F0F8FF; border-bottom: none; border-bottom-style: solid; border-right-style: solid; border-width: 1px; border-color: lightgrey;  font-weight: bold; }
table.report_percents td.report_data_percent { background-color: #ffffe6; border-bottom: none; border-bottom-style: solid; border-right-style: solid; border-width: 1px; border-color: lightgrey;  font-weight: bold; }


table.report_counts td.grand_total, table.report_percents td.grand_total { border: none; font-weight: bold; border-top-style: solid; border-left-style: solid; border-top-width: 2px; border-left-width: 2px; border-color: lightgrey; }

div.report_output span { font-size: 11px; font-family: verdana; font-weight: normal; }

div.comment_count { font-size: 11px; font-family: verdana; font-weight: normal; }

table.BKreport_table_dan:nth-child(odd) td.column_total { background-color: #F0F8FF; border-bottom: none; }
table.BKreport_table_dan:nth-child(even) td.column_total { background-color: #ffffe6; border-bottom: none; }

table.BKreport_table_dan:nth-child(odd) td.report_data_count { background-color: #F0F8FF; border-bottom: none; border-bottom-style: solid; border-right-style: solid; border-width: 1px; border-color: lightgrey; }
table.BKreport_table_dan:nth-child(even) td.report_data_count { background-color: #ffffe6; border-bottom: none; border-bottom-style: solid; border-right-style: solid; border-width: 1px; border-color: lightgrey; }