﻿body
{
    font-size: 16px;
    font-family: Trebuchet MS;
    text-shadow: 2px 2px #1a1a1a;
}
#header
{
    width: 100%;
    font: 8pt trebuchet;
    height: 150px;
    margin: 0px;
    display: inline-block;
    text-shadow: 2px 2px #1a1a1a;
    background: #ec2028;
}
#mywrap
{
    width: 100%;
    text-align: center;
    display: inline-block;    
    font-size: 16px;
}
#top_info
{
    background-color: White;
    height: auto;
}
#summary_info
{
    background-color: White;
    height: auto;
}
#additional_info
{
    background-color: White;
    height: auto;
}
#class_selection
{
    background-color: White;
    height: auto;
}
#group_div
{
    background-color: White;
    height: auto;
}
.top_heading
{
    font-size: 18px;
    background-color: #00447C;
    color: White;
    height: 2.188em;
    width: 100%;
    text-align: center;
    font-family: Trebuchet MS;
    text-shadow: 2px 2px #1a1a1a;
}
.heading_bottom
{
    background-color: #8DC63F;
    height: 5px;
    width: 100%;
}
.section_heading
{
    font-size: 20px;
    background-color: #00447C;
    color: white;
    height: 25px;
    text-align: center;
}
.subsection_heading
{
    font-size: 18px;
    background-color: #EE3124;
    color: white;
    height: 22px;
    text-align: center;
}
.summary_heading
{
    font-size: 16px;
    background-color: #8DC63F;
    font-weight: bold;
    height: 18px;
    text-align: center;
}
.summary_heading_2
{
    font-size: 16px;
    background-color: #8DC63F;
    font-weight: bold;
    height: 45px;
    text-align: center;
}
#mycontent
{
    width: 43.500em;
    margin: auto;
    text-align: left;
    display: inline-block;
}
#content_div
{
    width: 64.500em;
}
.header
{
    font-size: 20px;
    text-align: center;
}
#page_header
{
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    color: White;
}
.left_top_div
{
    float: left;
    width: 47.5%;
    margin-left: 1.5%;
}
.span_top_div
{
    float: left;
    width: 96%;
    margin-left: 2%;
}
.right_top_div
{
    float: left;
    width: 47.5%;
    margin-left: 2%;
}
.right_top_div1
{
    float: left;
    width: 13.438em;
    margin-left: 2%;
}
.right_top_div_third
{
    float: left;
    width: 13.438em;
    margin-left: 2%;
}
.top_div_sixth
{
    float: left;
    width: 100px;
}
.top_div_sixth_long
{
    float: left;
    width: 19.8%;
    margin-left: 2%;
}
.top_div_third
{
    float: left;
    width: 30.66%;
    margin-left: 2%;
}
.top_div_twothirds
{
    float: left;
    width: 62.66%;
    margin-left: 2%;
}
.top_div_quarter
{
    float: left;
    width: 22.5%;
    margin-left: 2%;
}
.top_div_seventh
{
    float: left;
    width: 12.2%;
    margin-left: 2%;
}
.top_div_fifth
{
    float: left;
    width: 18.0%;
    margin-left: 2%;
}
.top_div_sixth
{
    float: left;
    width: 100px;
    margin-left: 4px;
}
.top_div_full
{
    float: left;
    width: 96%;
    margin-left: 2%;
}
.smalltext
{
    height: 15px;
    width: 70px;
}
.questions_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
}
#failures_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
    text-align: left;
}
#tasks_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
    text-align: left;
}
#training_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
    text-align: left;
}
#scaffolding_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
    text-align: left;
}
#results_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
    text-align: left;
}
#attach_table td
{
    border-style: solid;
    border-width: thin;
    border-color: Black;
    text-align: left;
}
.incomplete
{
    color: Red;
    text-shadow: 1px 1px #1a1a1a;
}
.zebra
{
    color: White;
    background-color: #00447C;
}
.nonzebra
{
    color: White;
    background-color: #ec2028;
}
.zebraborder
{
    color: Black;
    background-color: White;
    border-color: #00447C;
}
.nonzebraborder
{
    color: Black;
    background-color: White;
    border-color: #ec2028;    
}
.group_heading
{
    background-color: #8DC63F;
    font-weight: bold;
    text-align: center;
}
.selected_task
{
    background-color: Yellow;
}
.failed_group
{
    color: Red;
    font-weight: bold;
}
.required_duedate
{
    border: 1px solid red;
}
.groupdiv
{
    border: 1px solid black;
}
.default_priority
{
    background-color: #00447C;
}
#expCollBtn
{
    /* *** COMMENT - DEFINES SPECS FOR EXPAND/COLLAPSE BUTTON */
    cursor: pointer;
    text-shadow: 0px 0px #1a1a1a;
    float: right;
    margin-top: -27px;
    margin-right: 5px;
}
.circle
{
    border-radius: 300px;
    font-size: 10px;
    color: #00447c;
    text-align: center;
    background: #fff;
    padding: 3px 5px 3px 5px;
}
.single_line_seperator
{
    /* *** COMMENT - DEFINES HEIGHT FOR DIV NEEDED ABOVE HEADERS WITH ONLY 1 LINE OF TEXT SO THE TEXT IS ALIGNED CENTERED VERTICALLY */
    height: 10px;
}
.double_line_seperator
{
    /* *** COMMENT - DEFINES HEIGHT FOR DIV NEEDED ABOVE HEADERS WITH 2 LINES OF TEXT SO THE TEXT IS ALIGNED CENTERED VERTICALLY */
    height: 1px;
}
.header_title
{
    /* *** COMMENT - DEFINES TEXT SIZE AND DROP SHADOW SPECS FOR HEADERS WITH THIS CLASS */
    font-size: 14pt;
}
.header_subText
{
    /* *** COMMENT - DEFINES TEXT SIZE AND DROP SHADOW SPECS FOR SUB HEADERS WITH THIS CLASS */
    font-size: 8pt;
}
.section_complete_inactive label {
    color: white !important;
    background-color: grey !important;
}
.section_complete_active label {
    color: white !important;
    background-color: blue !important;
}