How Metra fare increases differ by ticket type and zone (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}
.graphic-wrapper .text-center {text-align:center;}
.graphic-wrapper .text-right {text-align:right;}

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

.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}

/* USE AN inside the

for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}

More Top Picks Best Winter Jackets For Men

/* 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 tbody tr:nth-child(even) {background: #d3deea}

.show-phone{display: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 */
}

Metra’s fare hikes go into effect Feb. 1. The transit agency says the increase averages about 10.8 percent, but the new zone-by-zone fare schedule shows that some riders will be paying more. More information on the new fares can be found on Metra’s website.

Distribution of percentage change in fares By zone

Monthly pass

---

Ten-ride ticket

---

One-ride ticket

Full fares going into effect Sunday
With percentage change from previous fare. Fare zones are set at 5-mile intervals beginning at downtown rail terminals

Zone	Montly pass price	Monthly pass change	Ten-ride price	Ten-ride change	One-way price	One-way change
A	$92.75	18.5%	$29.25	6.4%	$3.25	18.2%
B	$99.75	16.7%	$31.50	5.0%	$3.50	16.7%
C	$135.50	12.0%	$42.75	0.6%	$4.75	11.8%
D	$156.75	15.9%	$49.50	4.2%	$5.50	15.8%
E	$171.00	14.4%	$54.00	2.9%	$6.00	14.3%
F	$185.25	13.1%	$58.50	1.7%	$6.50	13.0%
G	$199.50	12.1%	$63.00	0.8%	$7.00	12.0%
H	$213.75	11.2%	$67.50	0.0%	$7.50	11.1%
I	$235.25	13.9%	$74.25	2.4%	$8.25	13.8%
J	$249.50	13.0%	$78.75	1.6%	$8.75	12.9%
K	$263.75	12.2%	$83.25	0.9%	$9.25	12.1%
M	$292.25	10.9%	$92.25	-0.3%	$10.25	10.8%

Source: Metra

@ChiTribGraphics