/*

File: directions.css
Purpose: Extra styles for the Directions page

*/



.directions li {
  padding: 0.2em 0;
}
.highway {
  background-color: #faf7d7;
  background-position: center left;
  background-repeat: no-repeat;
  min-height: 20px;                              /* height of the sign icons */
  padding-left: 25px;
}
.i95 {
  background-image: url(../images/css/highway_signs/i95.sign.png);
}
.rt16 {
  background-image: url(../images/css/highway_signs/rt16.sign.png);
}
.rt27 {
  background-image: url(../images/css/highway_signs/rt27.sign.png);
}
.rt101 {
  background-image: url(../images/css/highway_signs/rt101.sign.png);
}
.rt107 {
  background-image: url(../images/css/highway_signs/rt107.sign.png);
}
.spaulding_turnpike {
  background-image: url(../images/css/highway_signs/spaulding_turnpike.sign.png);
}
.us1 {
  background-image: url(../images/css/highway_signs/us1.sign.png);
}
#google_map {
  height: 420px;
  width: 100%;
}

/* Print styles */
@media print
{

.highway {
  background-image: none;                        /* backgrounds are not printed by default (browser controlled), so remove them and add content */
  min-height: 20px;                              /* height of the sign icons */
  padding-left: 0;
}
.i95:before {
  content: url(../images/css/highway_signs/i95.sign.png);
}
.rt16:before {
  content: url(../images/css/highway_signs/rt16.sign.png);
}
.rt27:before {
  content: url(../images/css/highway_signs/rt27.sign.png);
}
.rt101:before {
  content: url(../images/css/highway_signs/rt101.sign.png);
}
.rt107:before {
  content: url(../images/css/highway_signs/rt107.sign.png);
}
.spaulding_turnpike:before {
  content: url(../images/css/highway_signs/spaulding_turnpike.sign.png);
}
.us1:before {
  content: url(../images/css/highway_signs/us1.sign.png);
}

#map {
  page-break-before: always;
}

}  /* end print styles */