Calculate how much Metra wants to raise your fares (infographic)

div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
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}
l
/* 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.:

*/
.legend{clear:both}
.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;}
.legend div{float:left; width:20%;margin-right:5%}

.graphic-wrapper table.dataTable tbody tr td{height:10px}
table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before, table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {background-color: #0D3058;line-height: 1.2em;top: 6px;}
.clearfix{clear:both}

/* 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}

p.sans{font-family:sans-serif;font-size:12px;color#000; margin: 10px 0 0 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% !important;margin:15px 0;border-collapse:collapse;}
.tableizer-firstrow, .graphic-wrapper table thead tr, .graphic-wrapper table tfoot tr {background-color:#12182d;color:#fff;border-top:none;border-bottom:none;}
.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.dataTable tr:last-child, .graphic-wrapper table thead tr:last-child,.graphic-wrapper table tfoot tr:last-child{ border-top: none; border-bottom: none;}
.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;}

.child ul{list-style-type:none}
/* YOUR NEW STYLES HERE */

@media all and (max-width: 700px) {
.show-phone{display:initial;}
.hide-phone{display:none;}
/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */
}

@media all and (max-width: 400px) {
.legend div {width:45%;}
}

Metra is proposing fare increases next year and will seek additional hikes over the next decade, officials said Thursday. Next year’s fare jump will average 10.8 percent, and Metra is proposing additional increases ranging from 3 percent to 8.5 percent each year until 2024. FInd out how much your commute will cost:

1. Find your station/fare zone

Zone A

Zone B

Zone C

Zone D

Zone E

Zone F

Zone G

Zone H

Zone I

Zone J

Zone K

Zone M

Click on a station or search for an address:

View larger map

2. See your new fares

Click to sort this table or open a row for more details:

Zones	One-way fares		Monthly fares
	2014	2015	2014	2015	ONE-WAY FARES	MONTHLY FARES
A-A	$2.75	$3.25	$78	$93
A-B	$3.00	$3.50	$86	$100
A-C	$4.25	$4.75	$121	$136
A-D	$4.75	$5.50	$135	$157
A-E	$5.25	$6.00	$150	$171
A-F	$5.75	$6.50	$164	$185
A-G	$6.25	$7.00	$178	$200
A-H	$6.75	$7.50	$192	$214
A-I	$7.25	$8.25	$207	$235
A-J	$7.75	$8.75	$221	$250
A-K	$8.25	$9.25	$235	$264
A-M	$9.25	$10.25	$264	$292

Source: Metra

@ChiTribGraphics