@charset "UTF-8";
/* CSS Document */

#graphicshead { width: 749px; padding:0; margin-bottom:20px; position:relative; }
#graphicsfoot { width: 749px; padding:0; margin:0; position:relative; float:left; clear:both; font-size:11px; color:#666; font-family:"Arial",arial,sans-serif,sansserif; }
.narrow{width:650px;}
.graphics {width: 749px; padding:0; margin:0; position:relative; }
#listen { margin-top:-20px;margin-left:5px;font-family:"Arial", arial, sans-serif, sansserif; font-size:12px; line-height:15px; color:#333;}
#time {padding:0;margin:0;margin-bottom:0px; text-align:left;font-family:"Arial Black", arial, sans-serif, sansserif; font-size:15px; color:#000;display:block;height:22px;}
.graphics #map {background:url(http://cache.boston.com/multimedia/2011/06/23harbor/images/base_map.jpg); width: 749px; padding:0; margin-top:15px; float:left; border:1px solid #ACACAC; display:block;}
/*#graphics div#rightcol {width: 250px; height:932px; padding:0; margin:0; float:left; }*/
h2#maphead { text-align: left;}
.graphics #label { padding:0; font-size:11px; color:#AEAEAE; letter-spacing: 1px; font-family:"Arial",arial,sans-serif,sansserif;display:block-inline;}
.graphics #miles{ padding:0; font-size:10px; color:#4D4D4D; letter-spacing: 0px; font-family:"Arial",arial,sans-serif,sansserif;display:block; text-transform:uppercase;}
#wrapperslider {margin-top:-28px; width: 544px; display:inline-block; float:right; text-align:left;}
#slider {margin-bottom:16px; margin-top:6px; width: 544px; height:4px; display:inline-block; float:left;margin-left:15px;}
#slider #hour {padding:0; font-size:13px; color:#8C8C8C; letter-spacing:0px; font-family:"Arial",arial, sans-serif, sansserif; display:block; text-transform:uppercase;}
#slider #school {padding:0; font-size:11px; color:#8C8C8C; letter-spacing:0px; font-family:"Arial",arial, sans-serif, sansserif; display:block;}
#slider #light {padding:0; font-size:13px; color:#CCC; letter-spacing:0px;font-family:"Arial",arial, sans-serif, sansserif; display:block; text-transform:uppercase;}
#play {margin-top:0px; height:19px; margin-right:15px;margin-bottom:0px;display:inline-block; float:left; cursor:hand; cursor:pointer;}
#play:hover{opacity:0.8;filter:alpha(opacity=80);}
#myaudiotext {font-family:"Arial",arial, sans-serif, sansserif; display:block-inline; font-size:12px; color:#999; line-height:14px; text-align:left;width:180px;}
#note {font-family:"Arial",arial, sans-serif, sansserif; display:block-inline; font-size:11px; color:#666; line-height:13px; text-align:left;width:180px; padding-top:-10px;}
#player { padding:0; margin-bottom:0px;display:block;margin-right:0px; float:left;}
#wrapper {display:inline-block; float:left;width:210px; margin-right:20px; margin-top:-10px; }

.right {width:180px; margin-left:40px;display:inline-block; float:left;}
.righthed {font-family: "Arial", arial, sans-serif, sansserif; font-size:11px; line-height:12px; font-weight: 600; text-align:left; color:#333; margin-top:20px; margin-bottom:10px; text-transform:uppercase;}
#righthead {font-family: "Arial", arial, sans-serif, sansserif; font-size:11px; line-height:13px; font-weight:600; text-align:left; text-transform:uppercase; color:#333;}
.rightlabel { font-family: "Arial", arial, sans-serif, sansserif; font-size:11px; line-height:12px; font-weight: 300; text-align:left; color:#333; margin-top:0px; margin-bottom:13px;}
#right_column1 {background:url(../images/right_column1.jpg); width: 70px; height:400px; padding:0; margin-right:20px; diplay:block-inline; float:left;}
#right_column2 {width:70px; padding:0; margin:0px; display:block-inline; float:left;}
#foreground {}
#animation {margin-top:6px;opacity:.8;}
.verticalLine {border-right:thin solid #E1E1E1;}
.tick {background-color:#CCC; height:3px; width:1px;font-family: "Arial", arial, sans-serif, sansserif; font-size:5px;  }
hr{color:#E7E7E7; height:1px; width:180px; opacity:.4; margin-top:8px;margin-bottom:8px;}
#reload {background: transparent; width:20px; height:19px; display:inline-block;opacity:.9;cursor:hand; cursor:pointer; margin-left:0px;  }
#reload a {background: transparent; width:20px; height:19px; display:inline-block;opacity:.9;cursor:hand; cursor:pointer; }
#reload:hover {opacity:.5;cursor:hand; cursor:pointer; margin-left:0px; }
#audio {opacity:0; filter:alpha(opacity=0);}