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;
}
#headerWrap
{
    width: 100%;
    text-align: center;
    display: inline-block;    
    font-size: 16px;
}
#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;
}
#headerContent
{
    width: 43.500em;
    margin: auto;
    text-align: left;
    display: inline-block;
    margin-bottom: 20px;
}
#basic_info_div{
    margin-top: 10px;
}
#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;
}
#page_header img{
    width:100%;
}
.headerNavbar{
    margin-top: 5px;
}
.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_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;
}
#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{
    background: rgb(249, 249, 249);
    padding: 5px;
}
#results_table .zebraborder input{
    cursor:pointer;
    margin-left:5px;
    margin-right:2px;
}
.nonzebraborder{
    background: rgba(221, 221, 221, 0.66);
    padding: 5px;
}
#results_table .nonzebraborder input{
    cursor:pointer;
    margin-left:5px;
    margin-right:2px;
}
#results_table thead tr {
    background:#dddddd;
}
#results_table .odd:nth-child(1){
    display:none;
}
#results_table tbody td{
    cursor:pointer;
    padding:2px;
}
#results_table tbody input{
    cursor:pointer;
}
.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;
    display:block;
}
.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;
    display:block;
}
.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;
}
.ui-loading .ui-loader{
    display: none;
    opacity: .55;
}
/* new below */
.loginDiv .row{
    width: 276px;
    text-align: center;
    display: inline-block;
}
.loginSubmit{
    width: 137px;
    margin-top: 50px;
    text-align: center;
    display: inline-block;
}
.chooseForm .top_heading{
    margin-top: 15px;
}
.chooseForm .heading_bottom{
    margin-bottom: 15px;
}
.chooseFormBtn{
    width: 346px;
    margin-left: 47%;
}
.chooseFormBtn a{
    text-decoration: none;
    color: #333;
}
#start_section{
    width: 40%;
    padding-left: 30%;
    text-align: center;
}
.start_section_wrap{
    width: 40%;
    padding-left: 30%;
    text-align: center;
}
#loading_section{
    width: 40%;
    padding-left: 30%;
    padding-top: 30px;
    text-align: center;
}
#loading_section label{
    text-align: center;
}
.school_id_defualt_option{
    display:none;
}
.modalDiv {
    padding: 0px 0px;
    max-width: 400px;
    min-width: 400px;
    display: none;
    margin-top: -520px;
}
.loading-modal {
   position: absolute;
   z-index: 999;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.2) url(/images/ajax-progress2.gif) no-repeat center center;
}
select {
	width: 199px;
	height: 26px;
}
.center-bold-right-red {
    text-align:right;
    font-size:larger;
    color:red;
    font-weight:800;
}
.center-bold-left-red {
    text-align:left;
    font-size:larger;
    color:red;
    font-weight:800;
}