.demographic {

    font-size: 1.2em;
    line-height: 1.4em;
    margin-left: 2em;    
    padding-bottom: 1em;
}

ul.roman { 

    list-style-type: upper-roman;
    font-size: 1.2em;
    line-height: 2.0em;
    margin-left: 3.5em;    
    padding-bottom: 1em;
}
              
/************* List Table Styles *********************/

.user_list_table {

    font-size: 1.2em;
    width: 100%;
    background-color: #DFE9FF;
    border-collapse: collapse;
    line-height: 2.0em; 
    
}

.user_list_table tr { 
    border-bottom: solid 1px #CCC; 
    margin-bottom: 20px;
}

.user_list_table th {

    color: #05396B;
    font-weight: normal;
    background-color: #E3E0D1;
    padding-left: 5px;    
}

.user_list_table td,
.user_list_table th {

    padding-left: 5px;
    border-bottom: solid 1px #CCC; 
    text-align: center;    
}

.user_list_table .align_left { 

    text-align: left;
}    

.user_list_table .survey_name {

    width: 40%;
}

.user_list_table .survey_section{
    padding-left: 25px;
}

.user_list_table .survey_highlight{
    font-weight: bold;
}



/************************** FORM STUFF **************************/

fieldset { 

    border: solid 0px #FFF;
}

/* for submit buttons at bottoms of forms */
.save { 

    width: 8em;
}    

.no_data_to_report {
    font-size: 1.3em;
    font-weight: bold;
    width: 100%;
    border-collapse: collapse;
    line-height: 2.0em;
}

#formcontainer { 
                 width: 100%;
                 }


#formcontainer form { 

    padding: 8px 8px 8px 0px;
    font-size: 1.3em;
}


/* container for question/answer set */
#formcontainer div.clearfix { 
                              border-top: solid 2px #05396B; 
                              clear: both;
                              padding-top: 1em;

                              /* hack for ie \*/
                              height: 1%;
                              border-bottom: solid 1em white;
                              padding-top: .5em;
                              /* end hack for ie */

                              }


/* container for profile */
#formcontainer .profile_clearfix { 
                              clear: both;
                              padding-top: 1em;

                              /* hack for ie \*/
                              height: 1%;
                              border-bottom: solid 1em white;
                              padding-top: .5em;
                              /* end hack for ie */

                              }


/* the question */
#formcontainer .question_box { 
                               color: #000;
                               width: 500px;
                               float: left;
                               margin-bottom: 1em; /* pushdown next clearfx */
                               margin-right: 1em;
                               margin-right: 1em; /* just in case something there */
                               
                               }



/* long enough to push down answer box in normal browsers*/
/* maybe for long questions, maybe for short where you want answers pushed down below */
#formcontainer .question_box_long { 
                                    color: #000;
                                    width: 100%;
                                    float: left;
                                    margin-bottom: 1em; /* pushdown next clearfx */
                                    margin-right: 1em;
                                    margin-right: 1em; /* just in case something there */
                                    }


/* long enough to push down answer box in normal browsers*/
/* maybe for long questions, maybe for short where you want answers pushed down below */
#formcontainer .demo_question_box_long { 
                                         font-weight: bold;
                                         color: #000;
                                         width: 100%;
                                         float: left;
                                         margin-bottom: 1em; /* pushdown next clearfx */
                                         margin-right: 1em;
                                         margin-right: 1em; /* just in case something there */
                                         }

#formcontainer .demo_question_box_long span.not_bold { 
                                                       font-weight: normal;
                                                       }


/* the question, for profile, name, middle initial, etc */
#formcontainer .profile_clearfix .question_box { 
                                                 width: 150px;
                                                 float: left;
                                                 margin-bottom: 1em; /* pushdown next clearfx */
                                                 margin-right: 1em;
                                                 margin-right: 1em; /* just in case something there */
                                                 }


#formcontainer .answer_box { 
                             float: left; 
                             margin-bottom: 1em; /* pushdown next clearfix */
                             }

                            

#formcontainer .definition { 
                             display: none; /* TURNED OFF */
                             border: solid 1px brown;
                             }


#formcontainer .question_no { 
                               color: #000;
                               float: left;
                               margin-bottom: 1em; /* pushdown next clearfx */
                               margin-right: .3em;
                              }


#formcontainer .format { 
                         display: none; /* TURNED OFF */
                         border: solid 1px orange;
                         }


#formcontainer .radio_group label{ 
                                   border: solid 1px #FFF; /* space for hover border */
                                   margin: 0px 0px;
                                   display: none;
                                   }


#formcontainer .radio_group table{ 
                                   /* xborder: solid 1px orange; */
                                   width: 400px;
                                   text-align: center;
                                   }

#formcontainer .radio_group table td{ 
    text-align: center;
    width : 80px;
}
                                                                      

#formcontainer .index_text {

    width: 100%;
    border: solid 0px black;
    margin: 10px 0px 10px 0px;
    color: #275E92;
    font-size: 1em;
    line-height: 1.2em;
    clear : both;
    border: 0px solid green;    
}

.label_header {

    /* xborder: solid 1px orange; */
    width: 400px;
    margin-left: 25px;
    font-weight: bold;
}

.label_header td{

    text-align: center;
    width : 80px;    
}
                                   
/* increase size of checkboxes slightly because firefox displays them sagging */
#formcontainer .box_group input{ 
                                 height: 1.2em;
                                 }


#formcontainer .box_group label{ 
                                   border: solid 1px #FFF; /* space for hover border */
                                   margin: 0px 3px;
                                   }


#formcontainer .radio_group label:hover { 
                                          border: solid 1px #305A8D;
                                          }


#formcontainer .box_group label:hover { 
                                        border: solid 1px #305A8D;
                                        }

/************* CLASSES FOR VALIDATOR *********************/
.tfvHighlight {
                color: red;
                text-align: left;
                }


.tfvNormal {
             font-weight: normal;	
             color: black;
             /* xtext-align: left; */
             }

.tfvHighlightGreen {
                font-weight: bold; color: green;
                text-align: left;
                }



#help_box {

    font-size: 1.3em;
    margin-top:10px;
    text-align:left;   
    background: #FFF3DF;
    line-height: 1.7em;    	
}    

#inner_div {

    padding: 15px;
    line-height: 1.7em;    
}

/* User survey status indicators */

.Submitted {

    color: blue;
}

.Completed {

    color: green;
}

.In-Progress {

    color: orange;
}


.In-progress {

    color: orange;
}


.Open {

    color: green;
}

.Closed {

    color: red;
}

.highlight{

    font-weight: bold; 
    color: red;
}

/* For School Surveys */

.survey_table {

	background: #F1F1F1;
	border: solid 1px #CCC; 
	margin: 0px 0px 10px;
}

.survey_table input {
    text-align: right;          
    padding-right: 1px;          
}


.survey_table p {

    font-size: 1.2em;
    width: 100%;
    font-weight: bold;
    padding: 10px 0px 10px 5px;
}

.survey_table p .sub_header{

    font-size: 1.0em;
}

.survey_table .tip {
    color: red; 
	font-size: 1.0em;			
}		


.question_grid_table{

    font-size: 1.35em;
    width: 100%;
    background-color: #DFE9FF;
    border-collapse: collapse;
    line-height: 2.0em; 
    
}

.question_grid_table tr { 
    border-bottom: solid 0px #CCC; 
    margin-bottom: 20px;
}

.question_grid_table th {

    color: #05396B;
    font-weight: bold;
    background-color: #E3E0D1;
    padding-left: 5px;    
    border: solid 1px #CCC; 
}

.question_grid_table td,
.question_grid_table th {

    padding-left: 5px;
    border-bottom: solid 1px #CCC; 
    text-align: center;    
}


.question_grid_table td a,
.question_grid_table th a {

    border-left: 15px;
    text-align: center;    
}

.question_grid_table .align_left { 

    text-align: left;
}    

.question_grid_table .question_label { 

    text-align: left;
    width: 50%;
}    

.question_grid_table .question_padding { 

    border-bottom: 1px solid #CCC;
    padding: 8px 0px 8px 0px;    
}    

.question_grid_table .question_label2 { 

    text-align: right;
} 

.question_grid_table .wide_question_label { 

    text-align: left;
    width: 80%;
}   

table.question_grid_table tr.thick_bottom td,
table.question_grid_table tr.thick_bottom th,
table.question_grid_table tr th.thick_bottom {
  border-bottom: 1px solid black;
}

table.question_grid_table * td.fee_note {
  padding: 1em 0.5em;
  color: #333;
  line-height: 1em;
  text-align: left;
  background-color: #e3e0d1;
}

table.question_grid_table * td.fee_note span.note_term {
  color: #05396b;
  font-weight: bold;
}
table.question_grid_table * td.fee_note strong {
  color: black;
}

.thick_header{

    height: 30px;
}

#section_status {
    font-size: 14px;
    font-weight: bold;
}

#print_page {
    float: right;
}

#previous_year_print {
    float: right;
    padding-top: 3px;
    margin-right: 30px;
}

.jright{ 
    text-align: right;                
 }

.jleft{ 
    text-align: left;  
    float: left;              
 }
   
.align_link{

    float: left;     
    padding-right: 10px;         
}



/* New Survey styles */


#school_surveys { 
    /* border: red 1px solid; */
    padding: 8px;
}


#school_surveys form { 

    padding: 8px 8px 8px 0px;
    font-size: 1.3em;
}


/* container for question/answer set */
#school_surveys div.clearfix { 
                              border-top: solid 2px #05396B; 
                              clear: both;
                              padding-top: 1em;

                              /* hack for ie \*/
                              height: 1%;
                              border-bottom: solid 1em white;
                              padding-top: .5em;
                              /* end hack for ie */

                              }



/* the question */
#school_surveys .question_box { 
                               color: #000;
                               width: 100%;
                               float: left;
                               margin-bottom: 1em; /* pushdown next clearfx */
                               margin-right: 1em; /* just in case something there */
                               font-weight: bold;
                               }


#school_surveys .answer_box { 
                             clear: left;
                             float: left; 
                             margin-bottom: 1em; /* pushdown next clearfix */
                             margin-left: 1em;
                             width: 100%;
                             line-height: 1.8em; 
                             }
                             

#school_surveys #question_box_id { 
                               color: #000;
                               width: 100%;
                               float: left;
                               margin-bottom: 1em; /* pushdown next clearfx */
                               margin-right: 1em;
                               margin-right: 1em; /* just in case something there */
                               font-size: 1.3em;                               
                               }


#school_surveys #answer_box_id { 
                             clear: left;
                             float: left; 
                             margin-bottom: 1em; /* pushdown next clearfix */
                             width: 100%;
                             line-height: 1.8em; 
                             font-size: 1.3em;                                                            
                             }
                               
#school_surveys #section_status {
  margin-top: 1em;
}

#opt_out {

    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-top: 0px;
    margin-bottom: 20px;    
}
   
/************* List Table Styles *********************/

#school_surveys .list_table {

    font-size: 1.0em;
    /* background-color: #DFE9FF; */
    /* border-collapse: collapse; */

    line-height: 2.0em; 
    float: left;
    margin-bottom: 8px;
  padding: 4px;
  border: 2px solid #dfe9ff;
}

#school_surveys .list_table tr { 
    margin-bottom: 20px;
}

#school_surveys .list_table td { 
    border-bottom: solid 1px #CCC; 
}

#school_surveys .list_table th {
    color: #05396B;
    font-weight: normal;
    background-color: #E3E0D1;
    padding: 4px;   
    text-align: left;        
}

#school_surveys .list_table tr td select {
  margin: 4px 8px;
}


#school_surveys .list_table tr td.error_border {
  border: 2px solid red;
}

#school_surveys .user_list_table td,
.user_list_table th {
    padding-left: 5px;
    border-bottom: solid 1px #CCC; 
    text-align: left;    
}   


/************* Grid Table Styles *********************/

#school_surveys .grid_table {

    font-size: 1.0em;
    width: 100%;
    border-collapse: collapse;
    line-height: 2.0em; 
    margin-bottom: 20px;
}

#school_surveys .grid_table tr { 
    margin-bottom: 20px;
}

#school_surveys .grid_table th { 
    background-color: #E3E0D1;
    text-align: left;
    padding-left: 5px;    
}


#school_surveys .grid_table td {

    font-weight: normal;
    padding-left: 5px;   
    text-align: left;        
    border-bottom: solid 0px #CCC;     
}

#school_surveys .grid_table .question_box_ii {
    font-weight: bold;       
    padding-top: 5px;
    width: 445px;
    /* xborder: 0px; */
}   

#school_surveys .grid_table .answer_box {
    float: right;
    width: 100px;
} 

#school_surveys .grid_table .align_left { 

    text-align: left;
}    

#school_surveys .image_frame {
  padding: 8px;
  border: 2px solid #dfe9ff;
  float: left; 
}

#school_surveys .image_name {
  font-weight: bold;
  padding: 8px;
  font-size: 1.2em;
  color: #666;
  
}

#school_surveys .clear_fl {
  clear: both;
}

#school_surveys .error {
  color: red;
  font-weight: bold;
  padding-bottom: 16px;
}

.highlighter { 
    border-top: solid 2px #05396B; 
    clear: both;
    padding-top: 1em;
    
    /* hack for ie \*/
    height: 1%;
    border-bottom: solid 1em white;
    padding-top: .5em;
    /* end hack for ie */

}

.question_foot_note {

    font-style:italic; 
    font-size:0.8em; 
    color:red
}   

.sub_heading {

    font-size: 1.2em;  
    color: black; 
    font-weight: bold;    
    text-align: left;   
    width: 100%;
    padding: 10px 0px 10px 0px;
}


/* for announcements and the like */
div.temp_message {
  color: red;
  font-weight: bold;
  border: solid 2px red;
  margin: 1em;
  padding: 1em;
}