body {
    color: #202020;
    font-size : small;
    font-family: 'Trebuchet MS','Helvetica Neue','GNU Unifont',Arial,Helvetica,sans-serif;
}
body.help {
    font-size : larger;
}
h1, h2, h3, h4, h5, h6  {
    font-family: 'Trebuchet MS','Helvetica Neue',Arial,Helvetica,sans-serif;
}
img { border: 0; }
.authority_name {
        color: #003333;
}
.datatable_name {
        color: #330099;
}
.school_name {
        color: #006666;
}
.survey_name {
        color: #0066FF;
}
.row_bg1 {  /* background 1 */
	background-color: #CCFFCC;
}
.row_bg2 {  /* background 2 */
	background-color: #FFCCCC;
}
.t_center {
	text-align: center; 
}
.t_left
{
    text-align: left;
}
.t_right
{
	text-align: right;
}
.t_top 
{
    vertical-align:top;
}
th {
	text-align: left;
}
body.gen {
    margin: 0;
}
button.nav2 {
    color: #111;
    background-color : #cccccc;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 12px;
    cursor: pointer;
    border-radius: 20px;
    padding: 1rem;
    border: 2px solid #aaa;
    font-weight : bolder;
}
button.nav2:hover{
    color:#222!important;
    background-color:#ddd!important;
}
div.gen {
    padding: 0.5em;
    clear: both;
}
td.ss_top {
    background-color: #CCFFFF;
    padding: 0;
    border: 0 none #CC0000;
}
td.ss_left {
    background-color: #CCFFFF;
    vertical-align:top;
    padding-top: 3px;
    padding-right: 3px;
    border: 0 none #CC0000;
    width: 133px;
    margin: 0;
}
td.ss_main 
{
    vertical-align:top;
    padding-left: 6px;
    padding-right: 6px;
    border: 0 none #CC0000;
}
td.mrh, td.mrh_norm, td.mrh_sel {
        padding: 4px;
        font-weight: bold;
}
td.mrh_norm {
        background-color: #AAAAAA;
}
td.mrh_sel {
        background-color: #FFFFFF;
}
td.mrs_norm {
        background-color: #DDDDDD;
        padding: 4px 4px 4px 12px;
}
td.mrs_sel {
        background-color: #FFFFFF;
        padding: 4px 4px 4px 12px;
}
table.t_center {
	text-align: left; 
	margin-left : auto;
	margin-right : auto;
}
table.blacktext {
	color : black;
	background-color: #ffffff;
	font-size : 10pt;
}
table.body {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border: 0 none #CC0000;
}
table.ss_menu {
        margin-left: 3px;
        width: 130px;
        background-color: #C0C0C0;
        border: 2px groove #C0C0C0;
}
table.ss_bg {
        margin-left: 3px;
        width: 130px;
        background-color: #CCFFFF;
        border: 2px none;
}
table.standard
{
    padding: 6px;
    margin-right: auto;
    margin-left: auto;
    background-color: #CCFFFF;
    border: 1px solid #666;
} 
tr.quesln2 {
	background-color: #e2bfbf;
	text-align : center;
	font-size: 10pt;
}
tr.quesln3 {
    background-color: #ccccff;
    text-align : center;
    font-size: 10pt;
}
td.quesans {
	color : black;
	background-color: #d2ddbb;
	font-size: 10pt;
	text-align : left;
}
td.quesans2 {
	background-color: #c2cdab;
	font-size: 10pt;
	text-align : left;
}
td.quesanstot {
	color : black;
	background-color: #c0d0bb;
	font-size: 10pt;
	text-align : left;
}
th.queshdr {
	color : #000000;
	background-color: #d8bfd8;
}
td.queshdr {
    color : #000000;
    background-color: #d8bfd8;
    font-weight: bold;
}
td.ques_icons {
	background-color: #d8bfd8;
	color : #000000;
	font-weight: bold;
	text-align: right;
}
td.quesimg {
	background-color: #c0d5d8;
	font-size: 10pt;
	text-align : right;
	line-height: 50%;
	width: 100px;              /* width of 100% results bar */
}
td.finish1 {
    font-size: larger;
}
td.indbar {
	background-color: #c0d5d8;
	font-size: 10pt;
	text-align : left;
	width: 100px;              /* width of 100% results bar */
}
td.quespertot, td.quesper, td.quesper2, td.quesperh, td.res_count {
	font-family : "Courier New", Courier, mono; 
	white-space : pre;
	text-align: right;
	font-size: 8pt;
	color : black;
}
td.quesper, td.quesper2, td.res_count {
	background-color: #c0d5d8;
}
td.quesperh {
    background-color: #ffd5d8;
}
td.quespertot {
	background-color: #b0c4de;
}
td.questxt1 {
	color: #000000;
	background-color: #e2bfbf;
	font-size: 10pt; 
}
td.questxt2 {
	color: #000000;
	background-color: #c0d5d8;
	font-size: 10pt;
}
p.break {
	page-break-before: always;
	font-size: 6pt;
}
p.grey {
    color: #ffffff;
    font-size: 18pt;
    margin-top: 0;
    margin-bottom: 0;
}
p.FAQ {
font-family: Arial;
font-size: 10pt;
color: #000080;
margin-top: 0;
margin-bottom: 3px;
}
.main_link {
        color: #0099FF;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 18pt;
        text-align: center;
}
div.left_top {
        float: left;
        width: 20%;
        text-align: left;
        white-space: pre;
}
div.logo {
	float: left;
	width: 60%;
	text-align: center;
	margin: 4px;
}
div.right_top {
	float: right;
	margin: 20px;
	padding: 0;
}
div.hidden 
{
    visibility: hidden;
}
div.visible 
{
    visibility: visible;
}
div.toc 
{
    background-color: #dddddd;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.info_message {
    color: #00c800;
    font-weight: bold;
    text-align: center;
}
.error_message {
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}
.main_link {
        color: #0099ff;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 18pt;
        text-align: center;
}

div.left_col {
        float: left;
        padding: 6px;
        width: 350px;
}
div.right_col {
        float: left;
        padding: 6px;
        width: 350px;
        display: inline;
}
div.left_col h3, div.right_col h3 {
    margin-bottom: 0px;
}

div.web_info {
        padding: 6px;
}
div.inline {
    display: inline-block;
    text-align: left;
}
p.web_info {
        padding: 6px;
        border: 3px dotted #c0c0c0;
}
header.ss_header
{
    background-color:#bb0000;
    background-image:-webkit-gradient(linear,0% 0%,0%
    100%,from(#bb0000),to(#000000));
    background-image:-moz-linear-gradient(#bb0000,#000000);
    background-image:linear-gradient(#bb0000,
    #000000);
}
img.butt {
    border: none;
}
img.finish1 {
    width: 300px;
    height: 150px;
    object-fit: contain;
}
img.logo {
    border: none;
    padding: 6px;
}
img.sheu_logo
{
    padding: 1vw 1vw 0 1vw;
}
img.ss_email
{
    vertical-align: top;
}
img.web_pic {
        float: left;
        padding: 6px;
}
table.layout_h {
	width: 100%;
}
td.layout_h_l {
	width: 10%;
}
td.layout_h_m {
	width: 80%;
}
table.finish_links {
    margin-left: 20px;
}
table.finish_links td {
    padding: 10px;
}
table.trad {
	border: 2px solid #DDDDDD;
	border-collapse: collapse;
	padding: 2px;
}
th.trad, td.trad {
	border: 2px solid #DDDDDD;
    /* border: inherit; */
	padding: 2px;
}
table.ss1 
{
	text-align: left; 
	margin-left : auto;
	margin-right : auto;
	border: 2px solid #888888;
    vertical-align: top;
    border-collapse: collapse;
}
table.ss1 tr {
    border: 1px solid #888888;
    background-color: #ccc;
}
table.ss1 tr.ss1a {
    background-color: #ccf;
}
table.ss1 tr.ss1b {
    background-color: #cff;
}
table.ss1 td {
    padding: 4px 10px 4px 4px;
}
table.ss2 td
{
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
}
.indent, div.indent {
	margin-left: 20px;
}
.style_nowrap {
	white-space: nowrap;
}
p.ans_text, span.ans_text {
    color : #000000;
}
span.login {
	font-size: larger;
	color: #0033FF;
	white-space: nowrap;
}
.ss_bold {
    font-size: x-large;
    font-weight: bold;
}
span.questionnaire_id {
	color: #0033FF;
}
span.menu_option {
    text-decoration: underline;
}
.smaller {
    font-size: smaller;
}
.larger
{
    font-size: larger;
}
div.toggle_off {
	display: none;
}
div.toggle_on {
	display: inherit;
}
div.results {
    margin: 0px 12px;
}
table.results td {
    text-align: right;
}
td.colT1 {
    text-align: center;
    font-weight: bold;
    color: #0000bb;
}
td.colT2 {
    text-align: center;
    font-weight: bold;
    color: #bb0000;
}
td.rowT1 {
    font-weight: bold;
    color: #00bb00;
}
table.details {
	background-color: #FFFFDD;
	text-align: left;
	margin-left : auto;
	margin-right : auto;
    padding: 6px;
}
table.details2 {
    background-color: #FFFFDD;
    text-align: left;
    margin-left: 10%; /* Indents the table from the left */
    padding: 6px;
}
table.details tr { line-height: 24px; }
/* Begin Navigation Bar Styling */
#nav {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    background-color: #333333;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    }
#nav li    {
    display: block;
    padding: 8px 15px 10px;
    list-style: none;
    float: left;
    font-size: 120%;
    color: #fff;
}
#nav a, #nav a:visited {
    color: #FFF;
}
#nav li li    {
    padding: 0px 0px;
    font-size: 100%;
}
#nav li li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    border-right: 1px solid #000; }
#nav li a:hover {
    color: #FFF;
    background-color: #69f; }
#nav li ul {
   display: none; 
   width: 10em; /* 4 Opera */
   }
#nav li:hover ul, #nav li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 10px; }
#nav li:hover li, #nav li.hover li {
   float: none; }
#nav li:hover li a, #nav li.hover li a {
   background-color: #333333;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   color: #fff; }
#nav li li a:hover {
    color: #FFFFFF;
    background-color: #69f;
}
div.menu_container {
    display: block;
    width: 34px;
    height: 34px;
    float: left;
}
.menu_button {  /* Box in the button */
    display: block;
    float: left;
    position: absolute;
}
.menu_button a {
    text-decoration: none;  /* Remove the underline from the links. */
}

.menu_button ul {
    position: absolute;
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;  /* Remove the bullets from the list */
}

.menu_button li:hover li {
}

.menu_button ul li.item {
    display: none;  /* By default, do not display the items (which contains the links) */
    width: 140px;
    z-index: 1;
}
.menu_button li.top {
    text-align: left;
}
.menu_button li.item {
    position: relative;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 8px 15px;
}
.menu_button li {
}
.menu_button li a {
    text-align: left;
    color: #069;
    font-size: 12px;
}
.menu_button li a:hover {
    color: #c00;
}
.menu_button ul:hover .item {  /* When the user hovers over the button (or any of the links) */
    display: block;
    background-color: #f2f2f2;
}
#content, #content2, #content3 {
    margin-top: 1vh;
    border-collapse: collapse;
    display: table;
    margin: auto;
}
#content {
    font-size: larger;
    background: #ddaaaa;
}
#content3 {
    font-size: larger;
    background: #ddddaa;
}
div.row {
    display: table-row;
    padding: 1vh;
}
div.twoCells1, div.twoCells2, div.twoCells3 {
    margin: 1vh;
    max-width: 18rem;
    vertical-align: middle;
    float: left;
}
div.twoCells1 {
    background: #aaddaa;
}
div.twoCells2 {
    background: #aaaadd;
}
div.twoCells3 {
    background: #ddddaa;
}
div.cell1, div.cell2 {
    display: table-cell;
    vertical-align: middle;
    padding: 1em;
}
div.cell2 {
    padding: 1em 1em 1em 0em;
}
div.ssInfo, div.ssSuccess, div.ssWarning, div.ssError {
    border: 1px solid;
    border-radius: 6px;
    margin: 10px 0px;
    padding:15px 10px;
}

div.ssInfo {
    color: #00529b;
    background-color: #bde5f8;
}

div.ssSuccess {
    color: #4f8a10;
    background-color: #dff2bf;
}

div.ssWarning {
    color: #9f6000;
    background-color: #FEEFB3;
}

div.ssError {
    color: #D8000C;
    background-color: #FFBABA;
}
div.ssInfo:before, div.ssSuccess:before, div.ssWarning:before, div.ssError:before {
    font-weight: bold;
    margin-right: 10px;
}
div.ssInfo:before {
    content: 'Info:';
}
div.ssSuccess:before {
    content: 'Success:';
}
div.ssWarning:before {
    content: 'Warning:';
}
div.ssError:before {
    content: 'Error:';
}