h1 {
    font-family: "Arial";
    font-size: 36px;
    font-weight: bold;
    }
      
h2 {
font-size:18pt;
font-family:'Arial';
color:#BBBBBB;
margin-top:0px; 
font-weight: bold;
    }

.benName{background-color: hsl(207, 44%, 91%);}

#pageTitle{
    margin-top: 40px;
}

.interactiveHint{color: steelblue;
            font-size:11pt;
            font-weight: bold;
}

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 12pt;
}


.nav-tabs{
      font-size:14pt;
}


#compatibleBrowser{
    margin-left: 2%;
    margin-right: 2%;
       }



.chartHeader{ padding-left:40px;
            padding-right:10px;
            padding-top:10px;
            padding-bottom:0px;
            margin-top:10px;
            margin-bottom:0px;
            font-size:14pt;
            font-family:'Arial';
            font-weight: bold;
            color:steelblue;
            }

.chartTitle{ padding-left:40px;
            padding-right:10px;
            padding-top:10px;
            padding-bottom:0px;
            margin-top:0px;
            margin-bottom:0px;
            font-size:12pt;
            }

.chartTitle2{ padding-left:40px;
            padding-right:10px;
            padding-top:15px;
            padding-bottom:5px;
            margin-top:0px;
            margin-bottom:0px;
            font-size:11pt;
            font-weight: bold;
            }


.form-control-inline{background-color: #FCFCFC;}


#interactiveExplanation{
            color:#523259;
            font-size:12pt;
            padding-top:20px;
            padding-left:0px;
            }

.chartSelections{
            color:#523259;
            font-size:13pt;
            padding-top:10px;
            padding-left:0px;
        }

#dropdownDiv{
padding-top:10px;
}


.c3-bars-Total-perc > path:nth-child(1){
fill:#000000;
opacity:0.8;
}


#interactiveExplanation{
            margin-top:20px;
            margin-left:20px;
            margin-right:20px;
}


.chartData{


}

.helpContainer{
            margin-top:20px;
            margin-left:20px;
            margin-right:20px;
}

.Help_Heading1{
	margin-top:20px;
	padding-left:0px; 
    color:steelblue;
	font-weight: bold;
}

.Help_Heading2{
    margin-top:20px;
    padding-left:20px; 
    color:steelblue;
    font-weight: bold;
}

.Help_Text{
    padding-left:20px; 
}

.Help_Image{
    margin-top:20px;
    margin-left:40px;
    }

#Dropdown_Help_Intro{
	margin-top:12px;
    padding-left: 0px;
}


#Chart_Help_Intro{
    margin-top:12px;
    padding-left: 20px;
}

#linechart .c3-line-data2 {
  stroke-width: 5px;
}




.c3-legend-item {
         font-size:10pt;
}


.c3 svg g g.c3-axis.c3-axis-x {
font: 11px arial;
}


.c3 svg g g.c3-axis.c3-axis-y {
font: 12px arial;
}

.c3 svg g g.c3-arc {
 font: 6px arial;   
}



.panelText{ 
            font-size:12pt;
            }

.panelHeader{ 
            font-size:12pt;
            }

#altDiv{
     margin-top:20px;
     font-size:12pt;
}


.newHelpSection{
     margin-top:25px;
    margin-bottom: 25px;
}

.panel-primary{
    margin-top: 20px;
}

#feedbackLink{
 margin-top: 25px;
 padding-left: 20px;
 font-size: 12pt;   
}

.Units{
    font-weight: bold;
    padding-left: 30px;
    margin-top:20px;
}

#altDiv{
    padding-left: 20px;
}