/* IE >= 9 implements overflow: visible; instead */
svg {
  overflow: hidden;
}

.mathematics {
  color: #93b504;
  fill: #93b504;
}

.reading {
  color: #278ff9;
  fill: #278ff9;
}

.highlight {
  fill: #f3b602;
}

text {
  font-size: 14px;
}

/* work around IE8 */
.vml text {
  font-family: Arial, sans-serif;
}

.grade {
	font-size: 15px;
	font-weight: 700;
}
.subject {
	font-size: 16px;
	font-weight: 700;
}
.years {
	font-size: 13px;
	font-weight: 400;
}
.category {
	font-size: 14px;
	font-weight: 700;
}
.gain {
	font-size: 20px;
	font-weight: 700;
}
.progGain {
	font-size: 24px;
	font-weight: 700;
}
.recentGain {
  font-size: 20px;
  font-weight: 700;
}
.state-gain {
	font-size: 16px;
	font-weight: 400;
}
.groupGain {
	font-size: 20px;
	font-weight: 700;
}
text.legendSymbol {
	font-size: 10px;
	font-weight: 700;
}

line.accommodations {
  stroke-width: 4px;
}

text.accommodations {
  font-size: 10px;
  font-weight: 700;
}

.scores {
	font-size: 13px;
	font-weight: 700;
}
.axis,
.etsAxis-left {
	font-size: 12px;
	font-weight: 700;	
}
.etsAxis {
	font-size: 12px;
	font-weight: 700;
}
.year,
.yearAxis {
	font-size: 14px;
	font-weight: 700;
        text-anchor: middle;
}
.legendText {
	font-size: 10px;
	font-weight: 700;
}

.chart-footnotes {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  margin: 40px 0 20px;
  min-height: 20px;
}

.chart-footnotes.mini-footnotes {
  width: 85%;
  font-size: 10px;
  margin: 10px auto 5px;
}

.footnotes-inner {
  padding: 30px 20px 10px 34px;
  background-color: #ebebeb;
}

.mini-footnotes .footnotes-inner {
  padding: 25px 15px 5px 15px;
}

.chart-footnotes.mini-footnotes div {
  margin-bottom: 0.6em;
}

.chart-footnotes div {
  margin-bottom: .75em;
}

.chart-footnotes a.hide,
.chart-footnotes a.show {
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  color: #000;
  padding: 0 0 0 29px;
  height: 20px;
  display: block;
  line-height: 1.5;
  position: relative;
  top: 20px;
  width: 181px;
}

.chart-footnotes a.hide {
  background: url(../img/arrow_hide_notes.png) left center no-repeat;
}

.chart-footnotes a.show {
  background: url(../img/arrow_show_notes.png) left center no-repeat;
}

text.achievementLevel {
  fill: #fff;
  font-size: 11px;
  font-style: italic;
  font-weight: 700;
  cursor: pointer;
}

line.achievementLevel {
  stroke: #000;
  fill: none;
}

path.achievementLevel {
  cursor: pointer;
}

circle.achievementLevels {
  fill: #ffba00;
  cursor: pointer;
}

text.disclosure {
  font-size: 19px;
  font-weight: 900;
  fill: #000;
  cursor: pointer;
}

circle.popup {
  fill: #ffba00;
  cursor: pointer;
}

.canvas > svg path {
  stroke-width: 2px;
}

text.gap {
  fill: #fff;
  font-size: 16px;
  font-weight: 700;
}

circle.gap {
  fill: #666;
}

text.scaleScore {
  font-size: 12px;
}

text.legend {
  font-size: 10px;
}

text.perfGainsAdjacent {
  font-size: 13px;
}

text.perfGainsBase {
  font-size: 13px;
}

text.pctRecentGain {
  font-size: 18px;
  font-weight: 700;
}

text.groupRecentGain {
  font-size: 18px;
  font-weight: 700;
}

text.stateSymbol {
  font-family: 'StateFaceRegular';
  font-size: 30px;
  text-anchor: middle;
}

text.cmpDemoText {
  font-size: 18px;
  font-weight: 700;
}

text.cmpLvlText {
  font-size: 18px;
  font-weight: 700;
}

text.cmpScrBase {
  font-size: 28px;
  font-weight: 700;
}

text.cmpScrAdj {
  font-size: 22px;
  font-weight: 700;
}

text.cmpScrNull {
  font-size: 30px;
  text-anchor: middle;
}

text.aScore {
  font-size: 22px;
  font-weight: bold;
}

text.bScore {
  font-size: 22px;
  font-weight: bold;
}

text.gmGap {
  font-size: 20px;
}

text.gmGroup {
  font-size: 22px;
  font-weight: bold;
}

text.gmSigGap {
  font-weight: bold;
}

text.obKey {
  font-weight: 700;
}

text.ggKey {
  font-weight: 700;
}

text.legendItalics {
  font-style: italic;
}

text.bxAxis {
  font-size: 10px;
}

text.bxScore {
  font-weight: 700;
}

text.bxScaleScore {
  font-size: 12px;
}

text.giValue {
  font-weight: 700;
}

text.tsSpecialName {
  font-weight: 700;
}

text.tsSpecialScore {
  font-weight: 700;
}

text.tdSpecialName {
  font-weight: 700;
}

path.wtState {
  fill: #f6f6f6;
  stroke: #b7b7b7;
  stroke-width: 1px !important;
}

text.wtTuda {
  font-weight: 700;
  font-size: 20px;
}

text.bxLegend {
  font-size: 12px;
  font-weight: 700;
}

text.tptYear {
  font-size: 12px;
  font-weight: 700;
}

text.tpbScore {
  font-size: 12px;
  font-weight: 700;
}

text.tpbLabel {
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

rect.tpbBar {
  cursor: pointer;
}

rect.tpbDetailBar {
  cursor: pointer;
}

text.tpbDetailText {
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

text.tpbDetailLegend {
  font-style: italic;
}

text.tpbValue {
  font-size: 28px;
  font-weight: 700;
}

rect.tsBar {
  fill: #f9bb04;
}

rect.tsBarSpecial {
  fill: #707070;
}

text.tpcScore {
  font-size: 12px;
  font-weight: 700;
}

a.popup, a.achievementDisclosure {
  text-decoration: none;
}

text.tsLabel {
  font-weight: 700;
}

text.tsAcl, text.psAcl {
  font-style: italic;
  font-size: 12px;
  font-weight: 700;
}

text.tsAcl {
  fill: #fff;
}

text.tsTuda {
  font-size: 12px;
  font-weight: 700;
}

text.tpcValue {
  font-size: 24px;
  font-weight: 700;
}

text.tpcLabel {
  font-size: 12px;
  font-weight: 700;
}

text.tpcLegend {
  font-size: 12px;
  font-weight: 700;
}

text.tsScore {
  font-size: 12px;
  font-weight: 700;
  text-anchor: middle;
}

text.tsLegend {
  fill: #fff;
  font-size: 12px;
  font-weight: 700;
}

text.tsAxis {
  font-size: 12px;
  font-weight: 700;
}

text.tpiScore {
  font-size: 12px;
  font-weight: 700;
}

text.tpiScoreLabel {
  font-size: 12px;
  font-weight: 700;
}

text.tpiLegend {
  font-size: 12px;
  font-weight: 700;
}

text.tpiLabel {
  font-size: 12px;
  font-weight: 700;
  text-anchor: middle;
}

text.tpiValue {
  font-size: 24px;
  font-weight: 700;
  text-anchor: middle;
}

text.tptScaleScore {
  font-size: 12px;
  font-weight: 700;
}

text.tptLegend {
  font-size: 12px;
  font-weight: 700;
}

text.tpbPercent {
  font-size: 12px;
  font-weight: 700;
}

text.tpcPercent {
  font-size: 12px;
  font-weight: 700;
}

path.tmState, circle.tmCallout {
  stroke: #b7b7b7;
}

text.tmState, text.tmCallout {
  font-weight: 700;
  cursor: pointer;
}

text.tmLegend, text.tmLegendArea {
  font-size: 18px;
}

text.tbJurisdiction {
  text-anchor: end;
}

text.tbSpecialJurisdiction {
  font-weight: 700;
}

text.tbChange {
  font-weight: 700;
}

text.tbLabel {
  font-weight: 700;
  text-anchor: end;
}

text.tbChangeAxis, text.tbChangeLabel {
  text-anchor: middle;
}

path.tmTudaSym {
  cursor: pointer;
}

text.ttYear {
  font-weight: 700;
}

text.ttLegend {
  font-size: 12px;
  font-weight: 700;
}

.ttLegend {
  cursor: pointer;
}

.ttLegend.inactive {
  cursor: default;
}

.tgSpecialJurisdiction {
  font-weight: bold;
}

rect.bcStripe {
  fill: #ececec;
}

rect.bcStripe.bcOdd {
  fill: #fff;
}

text.bcName {
  fill: #717372;
  font-size: 10px;
}

path.bcHome {
  fill: #f7ad58;
}

circle.bcBubble {
  fill: #33aae2;
}

circle.bcHomeBubble {
  fill: #2d4e79;
}

line.bcFocus {
  stroke: #189547;
  stroke-width: 3px;
}

text.bcFocus {
  fill: #189547;
}

line.bcAxis {
  stroke: #bdbdbd;
}

text.bcAxis {
  font-size: 14px;
  text-anchor: middle;
}

text.lgGain {
  font-size: 24px;
  font-weight: 700;
}

text.tdSpecialJurisdiction, text.tdSpecialValue {
  font-weight: 700;
}

rect.tdSpecialValue {
  fill: #707070;
}

text.lgJurisdiction {
  font-size: 12px;
  font-weight: 700;
}

text.lsLegend, text.lcLegend {
  font-size: 12px;
  font-weight: 700;
}

text.kbSubject, text.kbYear {
  font-weight: 700;
}

text.kbValue {
  font-size: 18px;
  font-weight: 700;
}

text.kbAxis {
  font-size: 12px;
  font-weight: 700;
}

text.ksValue, text.ksYear, text.ksAxis, text.ksLegend {
  font-weight: 700;
  font-size: 12px;
}

text.ksLabel {
  font-weight: 700;
  font-size: 12px;
  font-style: italic;
}

text.tsValue, text.psValue, text.psYear {
  font-weight: 700;
  font-size: 12px;
}

text.pGroup, text.pTotal {
  font-weight: 700;
  font-size: 20px;
}

text.lhCategory {
  font-size: 10px;
}

text.rbYear {
  font-size: 12px;
  font-weight: 700;
}

text.rbValue {
  font-weight: 700;
}

text.rbCategory {
  font-size: 12px;
}

text.lhHeading {
  font-size: 16px;
  font-weight: 700;
}

text.psCategory {
  font-size: 16px;
  font-weight: 700;
}

text.psAxis, text.psAxisLabel {
  font-size: 12px;
  font-weight: 700;
}

text.sgValue, text.sgGap {
  font-size: 12px;
}

text.sgLegend, text.sgJurisdiction, text.sgAxis {
  font-size: 12px;
  font-weight: 700;
}

text.sgLabel {
  font-weight: 700;
}

text.cbAxisLabel {
  font-size: 12px;
  font-weight: 700;
  text-anchor: middle;
}

text.cbValue {
  font-size: 18px;
  font-weight: 700;
}

text.cdAxis {
  font-size: 12px;
  font-weight: 700;
  text-anchor: middle;
}

text.cdValue {
  font-size: 18px;
}

text.lhAboveBelow {
  font-size: 13px;
  font-weight: 700;
}

text.lhNth {
  font-size: 38px;
  font-weight: 700;
}

text.lhPercentile {
  font-size: 18px;
  font-weight: 700;
}

rect.cdOverall, rect.cdContext, .gbValue, .acl {
  cursor: pointer;
}