//code.jquery.com/jquery-2.1.1.min.js
div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%;display: block;}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}
.graphic-wrapper h1{font-size: 40px;line-height: 1.3em;margin: 10px 0;}
.graphic-wrapper strong {color:#000}
/* Put a LEGEND on your charts with this example. The will draw a colored box for use in a color key. You will need to write a second class/style to set the color so it matches the chart/map/etc.:
*/
.graphic-wrapper label, .graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;line-height:1.3em;margin:0;padding:0;}
ul.key li{display: inline;margin-right: 28px;font-family: ‘Arial’,sans-serif;color: #000;font-size: 13px;}
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;border-radius: 50%;}
.box.line{height:4px; width:20px;border-radius:1px;margin-bottom: 3px;}
.legend div{float:left; width:45%;margin-right:5%;}
.clearfix:before,.clearfix:after {content:””;display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
/* REMOVE HEIGHT and WIDTH attributes from fusion tables and replace with class=’fusion-table’ */
.fusion-table{width:100%;height:400px;margin:15px 0;}
/* USE AN
in “.graphic-wrapper” for chart labels */
.graphic-wrapper h4{color:#000;font-family:’Arial’, sans-serif;font-weight:bold;font-size:16px;margin: 0 0 5px 0}
/* USE AN inside the
for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}
/* TABLE STYLES — just be sure
is in “.graphic-wrapper” */
/* http://tableizer.journalistopia.com/ */
.graphic-wrapper table {width:100%;margin:15px 0;border-collapse:collapse;}
.tableizer-firstrow, .graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table tbody tr {vertical-align: top;}
.graphic-wrapper table td,.graphic-wrapper table th{font-size:14px; font-family:’Arial’, sans-serif;}
.graphic-wrapper table td {padding:7px;}
/*.graphic-wrapper table tbody tr:first-child td {padding-top:12px;}
*/.graphic-wrapper table th {padding:10px;border-right: 1px solid white;text-align: left;}
.graphic-wrapper table tr:last-child{ border-bottom: 2px solid #12182d;}
.graphic-wrapper table tr:last-child td{ padding-top: 10px; padding-bottom:10px;}
/* TABLE ZEBRA STRIPES — use
*/
.graphic-wrapper table.zebra td {padding:10px 7px;}
.graphic-wrapper table.zebra tr:nth-child(even) {background: #d3deea}
.show-phone{display:none;}
.center-text, .graphic-wrapper table th.center-text{text-align: center}
.graphic-wrapper table th.right-text{text-align: right}
.graphic-wrapper table th.left-text{text-align: left}
tr.row2 th{font-style:italic;font-weight: normal; border:none;}
.graphic-wrapper table th{border-bottom:none;}
.panel{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #aaa;}
.go-panels .panel, .panel:last-child{margin:0;padding:0;border-bottom:none;}
a.btn{display: inline-block;padding: 4px 12px;margin-bottom: 0;font-family: Arial,sans-serif;font-size: 13px;line-height: 20px;color:#666;text-align: center;text-transform: uppercase;vertical-align: middle;cursor: pointer;background-color: #fff;border: none;text-decoration: none}
.panels{position:relative;width:100%;padding:15px 0;}
.go-panels .panel{display:none;}
a.btn:hover {color:#555;text-decoration: none;background-color:#ddd;-webkit-transition: background-color .1s linear;-moz-transition: background-color .1s linear;-o-transition: background-color .1s linear;transition: background-color .1s linear;}
.btn.active:hover,.btn.active, .btn:focus {background-color:#aaa;color:#fff;box-shadow:none;font-weight:bold;}
.panel-nav{border-bottom:1px solid #aaa;display:none; margin-bottom:20px;}
.go-panels .panel-nav{display:block;}
.panel h4 em{font-style: normal}
@media all and (max-width: 700px) {
.panel, .go-panels .panel{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #aaa;display:block !important;}
.go-panels .panel:last-child{margin:0;padding:0;border-bottom:none;}
.go-panels .panel-nav{display:none;}
.show-phone{display:block;}
.hide-phone{display:none;}
/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */
}
Experts say residential treatment facilities should administer emergency shots of psychotropic sedatives sparingly to youths. Only 13 of about 50 facilities and psychiatric institutions in Illinois used the emergency medications on wards in the last five years. In four of those years, Rock River Academy ranked among the top Illinois facilities for the rate at which it dispensed the drugs.
Rate of emergency psychotropic medication to juvenile state wards
For the 12 months ending in June of each year1; per 1,000 bed days2
KEY:
Dosages at selected facility
Dosages at all other facilities
<!–
CONTENT HERE
–>
How to read this chart
Allendale Assocation Lake Villa
CHAIL Peoria
CHASI Rice Evanston
Pavillion Residential Treatment Center Champaign
Rock River Academy and Residential Center Rockford
Webster-Cantrell Hall Decatur
Riveredge Forest Park
Streamwood Behavorial Healthcare System Streamwood
Lutherbrook Addison
Maryville Des Plaines
The Larkin Center Elgin
Catholic Children’s Home Alton
Youth Campus Park Ridge
All other RTCs (50 total)
1Except for 2014, which covers the nine months ended in March
2Bed days are defined by the number of kids in facility beds on a particular day. For example, 100 kids at Rock River for 1 day = 100 bed days.
SOURCE: Department of Children and Family Services
@ChiTribGraphics
/*How fast to fade in/out (1000=1 second)*/
var transitionSpeed = 0;
$(‘.graphic-wrapper select’).change(function(){
console.log($( “.graphic-wrapper select option:selected” ).attr(‘value’));
var clickedOn = $( “.graphic-wrapper select option:selected” ).attr(‘value’);
if(!($(clickedOn).is(‘:visible’))){
$(‘.panel:visible’).fadeOut(transitionSpeed, function(){
$(clickedOn).fadeIn(transitionSpeed);
});
$(‘.btn.active’).removeClass(‘active’);
$(this).addClass(‘active’);
}
});
function makePanels() {
if ($(window).width()>700){
$(‘.panels-wrapper’).addClass(‘go-panels’);
var firstTarget = $(‘.graphic-wrapper select option:selected’).attr(‘value’);
$(firstTarget).fadeIn(0);
} else{
$(‘.panels-wrapper’).removeClass(‘go-panels’);
}
}
$(window).resize(makePanels);
makePanels();
