/*
	This file contains verbatim css requested by CCSR.
*/

/* 2011-era styles */

.viz {
  background-color:#EAEAE1;
  text-align:center;
  padding:4px;
  margin-bottom:4px;
  font-size: 90%;

}

table.mr_list {
  margin:1em;
  padding:.25em;
  text-align:left;

}

.puzzle_header {
  float:left;
  margin:10px;
  vertical-align:top;
}

/*=============================================================================*/
/*==== Setup footnote style                                                ====*/
    .footnote {font-size:small;}
    .footnote-tag { font-size:xx-small; vertical-align:top;}
/*=============================================================================*/



/*=============================================================================*/
/*==== Response category table for the measure pages                       ====*/
/*=============================================================================*/
    .category-responses {
    	border-bottom:1px solid #ababab;
    }
    .category-responses th {
    	border-top:1px solid #ababab;
    }
    .category-responses .percentage {
        font-style:italic;
        border-bottom:1px solid #ababab;
        text-align:center;
    }
    .category-responses .border_row {
        border-bottom:1px solid #ababab;
        height:0px;
        padding:0;
    }
    .category-responses .item {
        font-style:italic;
        padding:.5em;
    }
    .category-responses .response {
        font-size:90%;
        font-weight:normal;
        text-align:center;
        vertical-align:middle;
        border:2px solid white;
        padding:.5em;
        width: 100px;
    }

    /* This reassigns the background colors to shades of purple, but only for the
    /* category-responses table */
    .category-responses .bg_rank5 { background-color:#514C87;}
    .category-responses .bg_rank4 { background-color:#7D79A5;}
    .category-responses .bg_rank3 { background-color:#A9A6C4;}
    .category-responses .bg_rank2 { background-color:#D3D2E1;}
    .category-responses .bg_rank1 { background-color:#EEEEF4;}
/*=============================================================================*/



/*=============================================================================*/
/*==== This is the code to make the fundamental box show up to the left of ====*/
/*==== paragraph on each report section                                    ====*/
/*==== See https://ccsr.inquirium.org/school/5220/elem/2007/report/report-5fundamentals/section-5f-instr_leadership.html ====*/
/*=============================================================================*/
  .heading_box {
    float:left;
    margin-right:1em;
  }
/*=============================================================================*/



/*=============================================================================*/
/*==== This is the code to make the legend appear to the right and bottom  ====*/
/*==== See https://ccsr.inquirium.org/school/5220/elem/2007/report/report-5fundamentals/section-5f-instr_leadership.html ====*/
/*=============================================================================*/
  .legend {
    float:right;
    text-align:left;
    width:120px;
    font-size:80%;
  }
  .legend .header {
    float:left;
    width: 140px;
    height: 1.2em;
    font-weight:bold;
  }
  .legend .element {
    float:left;
    width: 140px;
    height: 1.4em;
    text-align:left;
    font-weight:normal;
  }
  .legend .box {
    float:left;
    width: 1.2em;
    height:1.2em;
    vertical-align:middle;
    text-align:center;
    padding:1px;
    margin:.2em;
    border:1px solid #333333;
  }

  /* Bottom */
  .legend-bottom {
    width: 600px;
    font-size:80%
    text-align:left;
  }
  .legend-bottom .header {
    width: 600px;
  }
/*=============================================================================*/



/*=============================================================================*/
/*==== This CSS formats a list of measures at the bottom of a section      ====*/
/*==== See https://ccsr.inquirium.org/school/5220/elem/2007/report/report-5fundamentals/section-5f-instr_leadership.html ====*/
/*=============================================================================*/
    .report_measures {width:600px;}
    .report_measures .bottom {border-bottom: 1px solid #333}
    .report_measures .desc {width: 200px; padding-right: 1em;}
    .report_measures .measure {
        text-align:center;
        vertical-align:middle;
        padding-top: 2px;
        padding-bottom:2px;
        font-size:90%;
    }
    .th_report_measures {
        border-top:1px solid #333;
        border-bottom:1px solid #333;
        padding-left:5px;
        padding-right:5px;
        vertical-align:bottom;
    }
    .th_report_measures .year {padding-left:0px; padding-right:0px;}
/*=============================================================================*/




/*=============================================================================*/
/*==== This CSS formats the fundamental table with components and measures ====*/
/*==== on a report section                                                 ====*/
/*==== See https://ccsr.inquirium.org/school/5220/elem/2007/report/report-5fundamentals/section-5f-instr_leadership.html ====*/
/*=============================================================================*/
    .fundamental-component-measures {border:solid 1px #666;border-right:solid 1px #666;}
    .fundamental-component-measures th {
      border-bottom:solid 1px #666;
      text-align:left;
      padding-left:10px;
      color: #666;
    }
    .fcm-fundamental{
      padding:10px;
      width:30px;
      font-size:large;
      vertical-align:middle;
      border-left:solid 1px #666;
      border-right: solid 1px #666;
      border-bottom:solid 1px #666;
    }
    .fcm-component{
      vertical-align:middle;
      padding-top:10px;
      padding-left:10px;
    }
    .fcm-colon{
      font-size:x-large;
      color:#333;
      vertical-align:middle;
      padding:10px;
      padding-top:10px;
      padding-left:10px;
    }
    .fcm-measures{
      width:300px;
      vertical-align:middle;
      padding-top:10px;
      padding-left:10px;
      font-style:italic;
      font-size:85%;
    }
    .fcm-bottom{padding-bottom:10px;}
/*=============================================================================*/




/*=============================================================================*/
/*==== This CSS formats the summary table at the top of a measure page     ====*/
/*==== See https://ccsr.inquirium.org/school/5220/elem/2007/measure/pgmc/  ====*/
/*=============================================================================*/
  div.measure-page-summary {width:410px; vertical-align:top; margin-left:5px; margin-bottom: 10px;}
  table.measure-page-summary { border:1px solid #666; background-color:#eee; width:430px;}

  .measure-page-summary-box {padding-top:2px; padding-left:2px; vertical-align:top; width:130px;  }

  .measure-page-summary-fav {padding-left:1em; padding-top:2px; text-align:left; vertical-align:top; font-size: 100%; padding-right:4px;}

  .measure-page-summary-desc {padding:2px 0em 2px .5em; color:#666; font-size:80%;}

  .measure-page-summary-num1 {padding:2px .5em 2px 1em; color:#666; font-size:80%;width:180px; vertical-align:middle;}

  .measure-page-summary-num2 {padding:2px .5em 2px 0; color:#666; font-size:80%; vertical-align:middle;}

  .measure-page-summary-footnote {font-size: 75%;  padding:0px;}

  .measure-page-summary-colon {font-size:150%; vertical-align:middle;}
/*=============================================================================*/



/*=============================================================================*/
/*==== This CSS formats the TOC and measure level info on a measure page   ====*/
/*=============================================================================*/
  .measure_toc {margin-top:0px;}
  .measure_categories {margin-top:0px;}
  .measure_graph_support{
    float:right;
    width:75px;
    margin-top:100px;
    font-size:x-small;
    font-weight:bold;
    color:#666;
  }
  .measure_appendix_support{
    width:200px;
    margin-top:0px;
    font-size:x-small;
    font-weight:bold;
    color:#666;
  }
  .report_visual_support{
    margin-left:20px;
    margin-top:-15px;
    margin-bottom:5px;
    margin-right:0px;
    font-size:x-small;
    font-weight:bold;
    color:#666;
  }
/*=============================================================================*/



/*=============================================================================*/
/*==== This CSS formats research quotebox and research base DIVs     ====*/
/*==== See https://ccsr.inquirium.org/school/1540/high/2007/report/report-teacher_mobility/section-tmobility-safe_environment.html  ====*/
/*=============================================================================*/
  .quote-research {
    margin-left:2em;
    margin-right:2em;
    text-align:justify;
  }

  .research_base {
    float:right;
    font-size:x-small;
    width:150px;
    background-color:#EEEEF4;
    border:1px solid #514c87;
    margin-left:10px;
  }

  .research_base p {margin:5px;}
  .research_base ul {margin:5px;}
  .research_base li {margin-left:13px; list-style: circle; color:#666;margin-bottom:5px;}

  .header-research_base {
    background-color:#514c87;
    padding:2px;
    padding-left:5px;
    vertical-align:middle;
    color:#EEEEF4;
  }
/*=============================================================================*/







/*=============================================================================*/
/*==== Makes the rank colors for low response values                           =*/
/*=============================================================================*/
.rankX {	color: #d5d5d5;}
.bg_rankX {	background-color: #d5d5d5;}
/*=============================================================================*/




/*=============================================================================*/
/*==== Makes table of contents and category performance lists on measure pages=*/
/*=============================================================================*/
ol measure_toc {margin-top:0px;}
ol measure_categories {margin-top:0px;}
/*=============================================================================*/