/* DECK STYLING: OVERRIDE PAGE CSS - - UNTIL DEV FIXES THIS, HACK */
#page p.deck{
	font-family: Garuda,Verdana,Geneva,sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 20px;
}

/* POSITION OF BOX AD: OVERRIDE PAGE CSS - UNTIL DEV FIXES THIS, HACK */
#page .hentry header {
    margin-bottom: 0;
}
#page .entry-type-embeddable .embeddableContent {
	 margin: 0 0 20px;
}

/* mobile site */
#entry-content #interactive ul{
	margin: 0;
}



/* Recommended Isotope styles */

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

/*.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/**** Isotope styles ****/

#infscr-loading {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    border-radius: 8px;
    bottom: 30px;
    color: #FFF;
    font-weight: bold;
    left: 0%;
	width: 20%;
    padding: 10px;
    position: fixed;
    text-align: center;
    z-index: 1000;
}


/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}


/**** Base styles ****/
#interactive footer, 
#interactive header, 
#interactive hgroup, 
#interactive section {
  display: block;
  margin:0;
}

body {
	margin: 0;
  	padding: 0px;
  	font-size: 12px;
  	line-height: 1.4em;
}
#interactive{
	max-width: 940px;
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	margin: 0 0 1.67em;
    color: #000;
    position: relative;
    overflow: hidden;
	display: none;
	*padding-bottom: 10px;
}
#interactive .pointer {
    cursor:pointer;
}

#interactive .sect-cont ul, 
#interactive .sect-cont ol{
	list-style: none;
	margin: 0;
}
#interactive h1, 
#interactive h2, 
#interactive h3,
#interactive h4,
#interactive h5, 
#interactive h6 { 
	font-family: 'Oswald', Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	font-weight: normal;
}
#interactive h1 {
	font-size: 20px;
    font-size: 1.67rem;
}
#interactive h2 {
	font-size: 20px;
  	font-size: 1.67rem;  	
}
#interactive h3{
	font-size: 16px;
	font-size: 1.33rem; 
}
#interactive h4{
	font-size: 14px;
	font-size: 0.9rem; 
}
#interactive a{
  color: #000;
  text-decoration: none;
  outline: none;
}
#interactive a:hover{
	color: #F00;
}


/*#interactive a:active{
  color: #F00;
}*/
#interactive .err a{
	color: #F00;
}
#interactive a img { border: none; }
#interactive p{
	margin: 10px 0 0 0;
	margin: 0.625rem 0 0 0;
	line-height: 1.4em;
}
#interactive p.img-src{
	margin-top: 3px;
	font-size: 9px;
	color: #666;
}


/* section navigation */
#interactive .nav-main .nav_control {
	display: none;
}
#interactive .nav-main .nav-menu {
	clear: both;
	overflow: hidden;
	position: relative; /*IE 8*/
}
#interactive .nav-main ul {
	padding: 0;
	margin-left: 5px;
}
#interactive .nav-main li {
	float: left;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 0 3px 1px 0;
	width: 19%;
	*width: 175px;
	height: 64px;
	height: 4.2rem;
	overflow: hidden;
}
#interactive .nav-main li.active {
	overflow: visible;
	border-bottom: 1px solid #FFF;
}


#interactive .nav-main .tab {
	color: #000;
	padding: 1em 0.75em;
	background-color: #EEE;
	height: 100%;
	display: block;
	line-height: 1.4;
	padding: 5%;
	*padding: 5% 8px;
	*width: 159px;
}
#interactive .nav-main .tab:hover{
	background-color: #FEE;
}
#interactive .nav-main li.active .tab{
	background-color: #FFF;
	color: #DA161F;
	overflow: visible;
	*position: relative;
}
#interactive .nav-main .tab:active span {
	color: #DA161F;
	font-size: 12px;
}


#interactive .nav-main .tab strong{
	font-family: 'Oswald', Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-size: 1.1rem;
	letter-spacing: 0.01em;
	line-height: 1;
	text-transform: none;
	font-weight: normal;
	margin: 10px 0;
}


#interactive .nav-main .tab span{
	color: #666;
	font-size: 12px;
	display: block;
}
#interactive .nav-main li.active .tab span{
	color: #DA161F;
	font-size: 12px;
}




/* sharing */
#interactive .share {
	width: 20%;
	height: auto;
	overflow: hidden;
	float: right;
}
#interactive .share p{
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}



#interactive .share-bar{
	float: right;
	margin:6px 0 0;
}
#interactive .share-bar a{
	margin-left: 6px;
	margin-left: 0.5rem;
	cursor:pointer;
}
#interactive .share-bar img{
	border: none;
}


/* intro div */
	#interactive #intro {
		border-top: 1px solid #CCC;
		margin-top: -2px;
		*margin-top: -1px;
		margin-bottom: 20px;
		z-index: 1; 
	}
	#interactive #intro-text{
		margin-top: 24px;
		margin-top: 2rem;
	}
	#interactive #copy {
		max-width: 700px;
		width: 80%;
		margin: 0 0 10px 0;
		float: left;
	}

/* header text */
#interactive h6.lbl-sm-red{
	font: normal 10px/1.4em Verdana, Geneva, sans-serif normal;
	font-size: 0.83rem;
	color: #DA161F;
	text-transform: uppercase;
}
#intro-text h2{
	font-weight: normal;
	margin-top: 3px;
	margin-top: 0.2rem;
}
/*intro big pic*/
#intro-img{
	width: 100%;
	float: left;
	clear: right;
	margin: 20px 15px 0 0;
}





/* tab content */
#interactive .sect-cont{
	display: none;
/*	height: auto;*/
	
	-webkit-transition: height 1s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 1s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

	/*
	-webkit-transition: min-height .4s ease;
	-moz-transition: min-height .4s ease;
	-o-transition: min-height .4s ease;
	-ms-transition: min-height .4s ease;
	transition: min-height .4s ease;
	*/
}
#interactive .section-content{
	margin-bottom: 10px;
	*width: 940px;
}
#interactive #section0.sect-cont{
	display: block;
}

#interactive #interactive-content{
	clear:both;
}


/* section 0 */
#interactive .vid-holder{
	width: 576px;
	height: 324px;
	float: left;
	margin: 0 0 20px 0;
}
#interactive .vid-cue-holder{
	float: left;
	margin-left: 1em;
	margin-bottom: 1em;
	width: 344px;
}
#interactive .vid-tabs{
	width: 100%;
	height: 44px;
	position: relative;
	top: 1px;
	z-index: 10000;
}
#interactive .vid-item-list{
	background: #FFF;
	min-height: 280px;
	border: 1px solid #D9D9D9;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 0;
	*margin-top: -10px;
	margin-left:-1px;
	display: none;
}
#interactive .vid-item-list.active{
	display: block;
}
#interactive .vid-item-list img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#interactive .vid-item{
	clear: both;
	border-bottom: 1px dotted #000;
	margin: 10px 10px;
	padding: 0 0 10px;
}
#entry-content #interactive ul.vid-item-inner-list,
#interactive ul.vid-item-inner-list{
	color: red;
    list-style-type: disc;
	margin-left: 30px;
}


#interactive .vid-tabs-show-btn{
	position:absolute;
	right:0;
	height: 44px;
	z-index: 11000;
	font-size: 10px;
	cursor: pointer;
}
#interactive .vid-tabs-show-btn a{
	color: #DA161F;
	text-align: right;
	margin-right: 10px;
	line-height: 44px;
}
#interactive .vid-tab-container {
	width:940px;
	height:44px;
	border-bottom:1px solid #d9d9d9;
}
#interactive .vid-tab-item {
	min-width:58px;
	height:44px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	float:left;
	position:relative;
	margin: 0 2px 0 0;
	cursor:pointer;
	border-top:1px solid #d9d9d9;
	display: none;
	overflow: hidden;
}		
#interactive .vid-tab-item.active {
    border-bottom: 1px solid #FFFFFF;
}
#interactive .vid-tab-item.live {
	display: block;
}
#interactive .vid-tab-item .inner {
    background-color: #F2F2F2;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    height: 44px;
    position: relative;
    text-align: center;
    width: 100%;
}
#interactive .vid-tab-item .inner:hover {
    background-color: #FAFAFA;
}
#interactive .vid-tab-item .inner.over {
    background-color: #FF0000;
}
#interactive .vid-tab-item .inner.active {
    background-color: #FFFFFF;
	display: block;
}
#interactive .vid-tab-item.large {
    width: 210px;
}
#interactive .vid-tab-item a.large {
    color: #E60000;
    display: block;
    font: 25px 'PrattRegular',Georgia,'Times New Roman',serif !important;
    margin: 16px 10px 0;
}
#interactive .vid-tab-item a.medium {
    color: #E60000;
    display: block;
    font: 14px/44px 'Oswald','PrattRegular',Georgia,'Times New Roman',serif normal;
    margin: 0 15px 0;
}
#interactive .vid-tab-item a.small {
    color: #E60000;
    display: block;
    font: 19px 'PrattRegular',Georgia,'Times New Roman',serif !important;
    margin: 19px 10px 0;
}
#interactive p.notes{
	font: 10px Verdana, Geneva, sans-serif;
	font-size: 0.83rem;
	color: #666;
	margin: 2px 0 0 0;
}

#interactive .img-lg{
	margin-bottom: 2px;
}








/* section 1 */

/* overlay */
#section1, #section3{
	position: relative;
}
#interactive .hotspots{
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	z-index: 1000;
}
#interactive .underlay-ui{
	position: relative;
	z-index: 1100;
}
#interactive .hotspots .btn-circ-text{
	position: absolute;
}
#interactive .hotspots .hs1{ left: 33%; top: 15%; }
#interactive .hotspots .hs2{ left: 35%;	top: 43%; }
#interactive .hotspots .hs3{ left: 2%; top: 53%; }
#interactive .hotspots .hs4{ left: 44%; top: 78%; }
#interactive .hotspots .hs5{ left: 80%;	top: 73%; }

#interactive #section1 .stn-img{
	margin-bottom: 10px;
}

#interactive .overlay{
	display: none;
  	background-color: #FFF;
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 10000;
}
#interactive #section1 .overlay{
	background: rgba(255,255,255,1);
}
#interactive #section1 .slider-arrows .map-back{
	width: 160px;
	float: left;
	margin: 4px 0 0;
}

#interactive .vid{
	background-color: #000;
}

#interactive .instructions{
	border-top: 1px solid #CCC;
	position: absolute;
	right: 0;
	padding: 10px 0;
	width: 240px;
}
#interactive .instructions-inner{
	width: 240px;
	float: right;
}
#interactive .instructions .btn-circ-blk{
	*position: relative;
	*left: 0;
	*top: 0;
	float: none;
	
	height: 28px;
	width: 28px;
	background-color: #000;
	color: #FFF;
	
	-webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
}
#interactive .instructions .btn-circ-outer{
	margin-right: 12px;
	height: auto;
}
#interactive .instructions img{
  	left: 0;
    top: 10px;
    margin: 0 6px 0 0;
    position: absolute;
}
#interactive .instructions p{
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	padding-left: 45px;
	margin: 0;
}

#interactive *:focus {
    outline: none;
}
#interactive .noselect {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#interactive .btn{
	font:18px 'Oswald','PrattRegular',Georgia,'Times New Roman',serif;
    text-transform:uppercase;
    
	padding:14px;
	border:1px solid #cccccc;
    *border:0;
    border-bottom-color:#b3b3b3;   
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	
    border-color:#cc141e #cc141e #802420;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

    background-repeat:repeat-x;

    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
}

#interactive .greybtn{
    border-color:#555555 #555555 #444444;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    background-color:#666;
    background-image:-moz-linear-gradient(top, #666666, #999999);
    background-image:-ms-linear-gradient(top, #666666, #999999);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#999999));
    background-image:-webkit-linear-gradient(top, #666666, #999999);
    background-image:-o-linear-gradient(top, #666666, #999999);
    background-image:linear-gradient(top, #666666, #999999);
	
	color:#FFF !important;
}
#interactive .greybtn.btn-showmore{
	width: 100%;
	padding: 14px 5px;
	margin-top: 10px;
	color: #000;
	display: none;
}
#interactive .greybtn:hover {
	cursor: pointer;
}

#interactive .redbtn {

    border-color:#cc141e #cc141e #802420;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    background-color:#cc141e;
    background-image:-moz-linear-gradient(top, #eb1722, #cc141e);
    background-image:-ms-linear-gradient(top, #eb1722, #cc141e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eb1722), to(#cc141e));
    background-image:-webkit-linear-gradient(top, #eb1722, #cc141e);
    background-image:-o-linear-gradient(top, #eb1722, #cc141e);
    background-image:linear-gradient(top, #eb1722, #cc141e);

    background-color:#da161f;
    *background-color:#c32627;
    color:#ffffff !important;

}
#interactive .redbtn.intro {
    width: 150px;
}
#interactive .redbtn.disable {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter:alpha(opacity=8);
    opacity:0.08;
}
#interactive .redbtn:hover {   
    cursor: pointer;
    background-color:#eb1722;
}
#interactive .redbtn:active {  
    background-color:#cc141e;
}



#interactive .btn-circ-text{
	cursor: pointer;
	margin: 13px 0;
}
#interactive .btn-circ-text .btn-circ-blk{
	height: 28px;
	width: 28px;
	background-color: #000;
	color: #FFF;
	
	-webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
	float: left;
	margin-right: 7px;
}
#interactive .btn-circ-outer{
	float: left;
	height: 150px;
}
#interactive .btn-circ-text:hover .btn-circ-blk{
	background-color: #DA161F;
}
#interactive .btn-circ-text:hover a{
	color: #DA161F;
}
#interactive .btn-circ-blk.back{
	background: #000 url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/arrow-back-white.png?id=000) center center no-repeat;
}
#interactive .btn-circ-blk.zoom{
	background: #000 url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/mag.png?id=000) center center no-repeat;
}
#interactive .lbl-btn-circ{
	line-height: 28px;
	margin: 0;
	min-width: 125px;
	font-weight: bold;
}
#interactive .hotspots .lbl-btn-circ a{
	font:18px 'Oswald','PrattRegular',Georgia,'Times New Roman',serif normal;
	color: #FFF;
	
	text-shadow: 1px 1px 1px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000');
	filter:DropShadow(Color=#000, OffX=0, OffY=3);
	zoom: 1;
}



/* Google form iframe */
#user-memory-form{
	border: none;
	height: 576px;
	width: 388px;
	overflow: hidden;
}

/* section 1 & 2 */
#interactive .context-map{
	margin-bottom: 20px;
}
#interactive .hotspots-sm{
	position: absolute;
	width: 240px; 
	height: 203px;
}
#interactive .tab-container .hotspots-sm ul{
	border-top: none;
}
#interactive #section1 .text-col,
#interactive #section2 .text-col{
	padding: 0;
	width: 100%;
}
#interactive #section1 .text-col img,
#interactive #section2 .text-col img{
	margin-top: 30px;
}


#interactive .tab-container .hotspots-sm li{
	*height: 203px;	
	*position: absolute;
	*top: 0;
}
#interactive .hs-sm{
	width: 240px; 
	height: 203px;
	position: absolute;
	display: none;
	*top: 0;
/*	*position: relative;
	*top: 0;
	*left: 0;*/
}
#interactive .hs1-0{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h1-1.png?id=000) left top no-repeat; }
#interactive .hs1-1{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h1-2.png?id=000) left top no-repeat;  }
#interactive .hs1-2{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h1-3.png?id=000) left top no-repeat;  }
#interactive .hs1-3{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h1-4.png?id=000) left top no-repeat;  }
#interactive .hs1-4{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h1-5.png?id=000) left top no-repeat;  }

#interactive .hs2-0{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h2-4.png?id=000) left top no-repeat; }
#interactive .hs2-1{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h2-2.png?id=000) left top no-repeat;  }
#interactive .hs2-2{ background:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/h2-1.png?id=000) left top no-repeat;  }

#section1 .tab-lbl-rect{
	width:6px; 
	height: 12px; 
	float:left; 
	margin: 1px 5px 0 0;
};





 /* SECTION 3 - GALLERY HISTORY */
#interactive #section3 .tabs{
	display: none;
}
#interactive .sect-cont .flexslider {
    border-top: none;
}
#interactive #section3 .slider-arrows{
	background-color: #000;
	color: #FFF;
	border-left: 5px solid #F00;
	position: relative;
	width: auto;
	padding-right: 8px;
	*width: 927px;
}
#interactive #section3 .slider-arrows h3{
	margin-left: 8px;
}
#interactive #section3 .next.nav.intbtn {
	right: 8px;
}
#interactive #section3 .prev.nav.intbtn {
	right: 61px;
}

#interactive #section3 .text-col{
	background-color: #000;
	color: #FFF;
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 0;
	
	zoom:1; /*  trigger hasLayout -- Required for IE 5, 6, 7 */	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Theoretically for IE 8 & 9 */
	filter: alpha(opacity=80); /* This works in IE 8 & 9 too but also 5, 6, 7 */
	-moz-opacity:0.8; /* Older than Firefox 0.9 */
	-khtml-opacity: 0.8; /* Safari 1.x (pre WebKit!) */
	opacity: 0.8;/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
	
	*position: relative;
}


/* SECTION 4 */
#interactive #section4 .ss-form{
	display: none;
	-webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

#interactive #section4 .ss-form .col1{
	float: left;
	width: 30%;
	margin-right: 5%;
}
#interactive #section4 .ss-form .col2{
	float: left;
	width: 65%;
}
#interactive .ss-form-question{
	margin-bottom: 16px;
}

#interactive #section4 h3{
	font-size: 18px;
	margin-top: 20px;
}

#interactive #section4 .mem-cont{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	*padding-bottom: 20px;
}

#interactive #section4 .mem-categories{
	height: 160px;
}
/* ipad */
.highend #interactive #section4 .mem-cat{
	height: 240px;
}
#interactive #section4 .mem-cat{
	border-radius: 8px;
	border: 1px solid #CCC;
	float: left;
	height: 100%;
	margin: 20px 5px;
    overflow: hidden;
    width: 223px;
	cursor: pointer;
}
#interactive #section4 .mem-cat:hover{
	background-color: #FEE;
}

#interactive #section4 .mem-cat .inner{
	margin: 10px;
}

#interactive #section4 .mem-img{
	float: left;
	width: 34px;
	margin-right: 8px;
}
#interactive #section4 .mem-lbl h4{
	line-height: 30px;
	font-size: 15px;
	color: #DA161F;
}
#interactive #section4 .mem-lbl p{
	margin: -3px 0 0 42px;
	clear:both;
}
/*#interactive #section4 .mem-submit{
	width: 50%;
	margin: 20px 25%;
}*/
#interactive #section4 .ss-form-container{
	margin-top: 20px;
}

#interactive #section4 .countdown{
	margin-top: 5px;
	color: #666;
}
#interactive #section4 .countdown input{
	border: none;
	float: none;
	height: auto;
	width: auto;
	margin: -3px 0 0;
	font: 12px/1.5 Verdana, Geneva, sans-serif;
	font-size: 1rem;
}
#interactive #section4 .form-notes{
	width:65%;
	margin-left:35%;
}



#interactive #section4 .ss-submit{
	float: right;
	margin: 10px 0 20px;
}
#interactive #section4 .btn-google-form-submit{
	display: none;
}



/* SHOW THESE ON ERROR */
#interactive #section4 .ss-required-asterisk{
/*	color: #DA161F;*/
	margin-bottom: 10px;
}
#interactive #section4 .ss-err-msg{
	color: #DA161F;
	margin-bottom: 10px;
	text-transform: uppercase;
	display: none;
}
#interactive #section4 .ss-err-msg-field{
	display: none;
	margin-top: 2px;
	color: #DA161F;
}
#interactive #section4 .ss-form-question.err .ss-err-msg-field{
	display: block;
}
#interactive #section4 .ss-form-question.err .ss-q-short,
#interactive #section4 .ss-form-question.err .ss-q-long, 
#interactive #section4 .ss-form-question.err .ss-q-ddl{
	border: 1px solid #DA161F;
}


/** GOOGLE FORM **/
#interactive .form-blurb   {
  margin: 10px 0 20px 0;
}
#interactive .ss-q-title {
  display: block;
  font: 14px 'Oswald','PrattRegular',Georgia,'Times New Roman',serif;
}
#interactive .ss-q-short, #interactive .ss-q-submit {
  font:12px/18px Verdana, Geneva, sans-serif;
  font-size: 1rem;
  border:1px solid #CCC;
  color:#000;
  margin:5px 0 0;
  padding:5px;
  width:100%;
  text-transform:none;
  cursor:text;  
  box-shadow:none;
  -webkit-appearance: none;
  -webkit-border-radius: 0; 
  
  float: none;
  height: auto;
}
#interactive .ss-q-ddl {
	margin-bottom: 16px;
	display: block;
	font-size: 12px;
    font-size: 1rem;
    padding: 5px;
    width: 100%;
}
/* checkbox in form */
#interactive .ss-q-checkbox{
	margin-top: 3px;
}
#interactive .ss-q-long {
  font:12px/18px Verdana, Geneva, sans-serif;
  font-size: 1rem;
  border:1px solid #CCC;
  /*margin:5px 0 16px 0;*/
  margin:5px 0 0;
  padding:5px;
  width:98%; 
  text-transform:none;  
  cursor:text;
  box-shadow:none;
  height:140px;
  -webkit-appearance:none;
  -webkit-border-radius:0;
}
#interactive .ss-form-container input:focus, input.focused, textarea:focus {
	outline: none;
}



/* force scroll nub on ipad */
#interactive .col1-txt::-webkit-scrollbar, #interactive .col2-txt::-webkit-scrollbar {
background: transparent;
height: 10px;
overflow: visible;
width: 10px;
}
#interactive .col1-txt::-webkit-scrollbar-thumb, #interactive .col2-txt::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius:5px;
}
#interactive .col1-txt::-webkit-scrollbar-thumb:hover, #interactive .col2-txt::-webkit-scrollbar-thumb:hover{
background-color: rgba(0, 0, 0, 0.6);   
}
#interactive .col1-txt::-webkit-scrollbar-corner, #interactive .col2-txt::-webkit-scrollbar-corner {
background: transparent;
}
/* end scroll nub */



/* tiles */
#interactive .boxbgd{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #EEE;
}

#interactive .element .el-box{
	width: 290px;
	background: #FFF;
	border: 1px solid #CCC;
  
    /* drop shadow */
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

#interactive .element {
  float: left;
  overflow: hidden;
  position: relative;
  
  color: #000;
  margin: 10px;
  *margin: 8px;
}
#interactive .timestamp{
	font-size: 8px;
}
#interactive .type-img{
	background-repeat: no-repeat;
	background-position: right center;
	height: 30px;
}
#interactive .cat0 .type-img      { background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/heart-20g.png?id=000") }
#interactive .cat1 .type-img 	{ background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/train-20g.png?id=000") }
#interactive .cat2 .type-img      { background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/history-20g.png?id=000") }
#interactive .cat3 .type-img      { background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/other-conn-20g.png?id=000") }

#interactive .tile-container{
	/*min-height: 600px;*/
	height:auto;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	background-color: #EEE;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#el-loader{
	margin: 10px 0;
}

#element-container .tinyloader{
	margin: 0px 5px 0px 10px;
	float: left;
}
#element-container p{
	margin: 0;
	padding-top: 1px;
}

#interactive .element * {
  /*position: absolute;*/
  margin: 0;
}
#interactive .element .blurb {
    font-size: 1em;
	margin: 10px;
}

#interactive .element .box-header,
#interactive .element .box-footer{
	background-color: #CCC;
	background-repeat:no-repeat;
	height: 30px;
}
#interactive .element .box-header{
	background-image:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/quote-l.png?id=000);
}
#interactive .element .box-footer{
	background-image:url(http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/quote-r.png?id=000);
	background-position:right bottom; 
}
#interactive .element .box-footer p{
 	color: #666666;
    line-height: 1em;
    margin-left: 0.5em;
    max-width: 245px;
    padding-bottom: 7px;
    padding-top: 3px;
}






/**** Category Options ****/


#interactive .filters select{
	display: none;
}
#interactive .filters{
	margin-top: 10px;
}
#interactive #options {
    margin-top: 10px;
    padding-bottom: 7px;
}
#interactive #options p{
  	margin-right: 8px;
  	float: left;
	line-height: 40px;
}
#interactive #options p.notes{
	line-height: 1;
    margin-bottom: 10px;
}
#interactive #options ul {
  margin: 0;
  list-style: none;
}
#interactive #options ul ul {
  margin-left: 1.5em;
}
#interactive #options li {
  float: left;
  margin-bottom: 0.2em;
}
#interactive #options li a {
  border-left:  1px solid #FFF;
  border-right: 1px solid #CCC;

  display: block;
  padding: 13px 12px 8px;
  height: 20px;
  background-color: #FEE;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  
  background-repeat: no-repeat;
}

#interactive #options li a:hover {
  background-color: #FCC;
  color: inherit;
}

#interactive #options li a:active {
  background-color: #FCC;
}

#interactive #options li div {
	float: left;
	pointer: cursor;
	padding-left: 30px;
	*float: none;
  	*padding-top: 7px;
}
#interactive #options li div.cat-box{
 	margin: 0;
    height: 30px;
	width: 30px;
}
#interactive #options li a.cat0{ background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/heart-20b.png?id=000") }
#interactive #options li a.cat1{ background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/train-20b.png?id=000") }
#interactive #options li a.cat2{ background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/history-20b.png?id=000") }
#interactive #options li a.cat3{ background-image: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/other-conn-20b.png?id=000") }

#interactive #options li:first-child a {
  border-radius: 0px;
  border-left: none;
}

#interactive #options li:last-child a {
  border-radius: 0;
}

#interactive #options li a.selected {
  background-color: #DA161F;
  text-shadow: none;
  color: white;
}




/**** Flexslider ****/
/*nav text */
#interactive .slider-arrows h3{
	width: auto;
	float: left;
	line-height: 32px;
	font-weight: normal;
	font-size: 18px;
}


/*slider container*/
#interactive .noselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#interactive .section-loader{
	width: 100%;
}
#interactive-loader, 
#interactive .loader {
    background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 16px;
    margin: 40px 0 10px 0;
}
#interactive .section-loader .loader{
	margin: 40px auto;
}


#interactive .sect-cont .flexslider {
	padding:0 0 8px 0;
	margin: 0;
    width: 700px;
	display:none;
	overflow: hidden;
	border-top: 1px solid #CCC;
}
#interactive .sect-cont .flexslider .item {
  /*width: 940px;*/
  /*margin-right: 20px;
  margin-top: 10px;*/
}
#interactive .slider-cont {
	position:relative;
	float: left;
	border-top: 1px solid #CCC;
}
#interactive .transparent{
	display: none;
	zoom:1; /*  trigger hasLayout -- Required for IE 5, 6, 7 */	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Theoretically for IE 8 & 9 */
	filter: alpha(opacity=0); /* This works in IE 8 & 9 too but also 5, 6, 7 */
	-moz-opacity: 0; /* Older than Firefox 0.9 */
	-khtml-opacity: 0; /* Safari 1.x (pre WebKit!) */
	opacity: 0;/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
}
#interactive .slider-cont .flexslider {
	width:100%;
	margin: 0;
	padding: 0;
	position: relative;
	zoom: 1;	
}
#interactive .slider-cont .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#interactive .slider-cont .flexslider .slides img {
	max-width: 100%;
	display: block;
	float: left;
}
/* Clearfix for the .slides element */
#interactive .slider-cont .slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] #interactive .slider-cont .slides {
	display: block;
}
* html #interactive .slider-cont .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
#interactive .slider-cont .no-js .slides > li:first-child {
	display: block;
}
#interactive .slider-cont .flexslider .slides {
	zoom: 1;
}
#interactive .slider-cont .flexslider .slides > li {
	position: relative;
}
#interactive .slider-cont .flex-direction-nav {
	height: 0;
}
#interactive .slider-cont .flex-direction-nav li a {
	width: 26px;
	height: 50px;
	display: block;
	background: url(http://beta.images.theglobeandmail.com/static/templates/images/nav-arrow-lg.png?id=000) no-repeat;
	position: absolute;
	top: 135px;
	cursor: pointer;
	text-indent: -999em;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-o-transition-duration: .2s;
	-ms-transition-duration: .2s;
	transition-duration: .2s;
	z-index:1;
}
#interactive .slider-cont .flex-direction-nav li .flex-next {
	background-position: -35px 0;
    background: url("http://beta.images.theglobeandmail.com/static/templates/images/nav-arrow-sm.png?id=000") no-repeat scroll -34px center #fff;
    position: absolute;
    right: 0;	
	top: 0;
}

#interactive .slider-cont .flex-direction-nav li .flex-next:hover {
	width:36px;
}
#interactive .slider-cont .flex-direction-nav li .flex-prev {
    background: url("http://beta.images.theglobeandmail.com/static/templates/images/nav-arrow-sm.png?id=000") no-repeat scroll 0px center #fff;
    position: absolute;
}
#interactive .slider-cont .flex-direction-nav li .flex-prev:hover {
	background-position: 10px center;
	width:35px;
}
#interactive .slider-cont .flex-direction-nav li .disabled {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	opacity:0.3;
	cursor: default;
}
#interactive .slider-cont .flex-control-nav {
	display: none;
	width: 100%;
	text-align: center;
	margin-top:20px !important;
}
#interactive .slider-cont .flex-control-nav li {
	margin: 0 0 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#interactive .slider-cont .flex-control-nav li:first-child {
	margin: 0;
}
#interactive .slider-cont .flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(http://beta.images.theglobeandmail.com/static/templates/images/bg_control_nav.png?id=000) no-repeat;
	cursor: pointer;
	text-indent: -999em;
}
#interactive .slider-cont .flex-control-nav li a:hover {
	background-position: 0 -13px;
}
#interactive .slider-cont .flex-control-nav li a.flex-active {
	background-position: 0 -26px;
	cursor: default;
}
#interactive .slider-cont ol, ul {
	list-style: none;
	margin:0;
	padding:0 !important;
}
#interactive .text-col {
	float:left;
	padding:10px 20px 10px 0;
}
#interactive .slider-cont .flexslider .slides .text-col img{
	float:none;
	clear: both;
}
#interactive .text-col .photo-credit{
	background-color: #000;
	color: #FFF;
	margin: 0;
	/*margin: 0 0 20px 0;*/
	padding: 8px;
}

/*#interactive .text-col ul {
    margin:0 0 10px 0 !important;
	padding-left:0px !important;
	list-style-type: none !important;
}*/
#interactive .text-col ul{
	list-style: disc;
	margin: 10px 30px;
	padding: 0 30px;
}
#interactive .text-col h2 {
	/*font:normal 18px/1.2 'PrattHeavy',Georgia,'Times New Roman',serif;*/
    padding:0;
    margin: 0 0 6px 0;
}
#interactive .text-col h5 {
	font-size: 16px;
	font-size: 0.9rem;
	margin: 30px 0 10px 0;
}
#interactive .text-col p {
	font:12px/1.5 Verdana,sans-serif;
	color:#000;
	margin:3px 0; /*!important;*/
}
#interactive .tab-container {
/*	width:700px;*/
	float:left;
	width: 230px;
	height:40px;
	margin-right: 10px;
}
#interactive .tab-container.stuck {
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 1000;
	border-bottom: 1px solid #eee;
    -webkit-box-shadow:  0px 5px 5px -3px rgba(0, 0, 0, .065);
    box-shadow:  0px 5px 5px -3px rgba(0, 0, 0, .065);
}
#interactive .tab-container ul {
	border-top: 1px solid #CCC;
	margin:0 0 0 1px !important;
	list-style-type: none !important;
	padding:0 !important;
	position:relative;
}
#interactive .tab-item {
	/*min-width:58px;*/
	width: 100%;
	border-bottom: 1px solid #CCC;
	float:left;
	position:relative;
	margin-left:-1px;
	cursor:pointer;
}


#interactive .tab-item.active {
	background-color:#333;
	border-bottom:2px solid #fff;
}
#interactive .tab-item.active a,
#interactive .tab-item.active a:hover{
	color: #FFF;
}
#interactive .tab-item:hover {
	color:#DA161F;
}
#interactive .tab-item a:hover{
	color: #DA161F;
}
#interactive .tab-item .inner {
	width:100%;
	position:relative;
}

#interactive .tab-item.large {
	width:210px;
}
#interactive .tab-item a.large {
	font:normal 25px 'PrattRegular',Georgia,'Times New Roman',serif !important;
	color:#e60000;
	margin:16px 10px 0 10px;
	display:block;
}
#interactive .tab-item a.medium {
	font:normal 10px/13px Verdana,Geneva,sans-serif;
	text-transform: uppercase;
	padding: 7px;
	display:block;
}
#interactive .tab-item a.small {
	font:normal 19px 'PrattRegular',Georgia,'Times New Roman',serif !important;
	color:#e60000;
	margin:19px 10px 0 10px;
	display:block;
}
#interactive .mobile-nav {
	display: none;
}
#interactive .mobile-nav.stuck {
	position:fixed;
	top:0;
	box-shadow:0 2px 4px rgba(0, 0, 0, .3);
}

/* arrows */
#interactive .intbtn {
	float: right;
    font:normal 21px/1em 'PrattHeavy',Georgia,'Times New Roman',serif;
    text-transform:uppercase;
    border:1px solid #cccccc;
    *border:0;
    border-bottom-color:#b3b3b3;   
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-color:#cc141e #cc141e #802420;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    background-color:#cc141e;
    background-image:-moz-linear-gradient(top, #eb1722, #cc141e);
    background-image:-ms-linear-gradient(top, #eb1722, #cc141e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eb1722), to(#cc141e));
    background-image:-webkit-linear-gradient(top, #eb1722, #cc141e);
    background-image:-o-linear-gradient(top, #eb1722, #cc141e);
    background-image:linear-gradient(top, #eb1722, #cc141e);
    background-repeat:repeat-x;
    background-color:#da161f;
    *background-color:#c32627;
    color:#ffffff !important;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    margin-left: 6px;
	*position: absolute;
}
#interactive .intbtn:hover {   
    cursor: pointer;
    background-color:#eb1722;
    background-image:-moz-linear-gradient(top, #eb1722, #eb1722);
    background-image:-ms-linear-gradient(top, #eb1722, #eb1722);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eb1722), to(#eb1722));
    background-image:-webkit-linear-gradient(top, #eb1722, #eb1722);
    background-image:-o-linear-gradient(top, #eb1722, #eb1722);
    background-image:linear-gradient(top, #eb1722, #eb1722);
    *background-color:#eb1722;
}
#interactive .intbtn:active {  
    background-color:#cc141e;
    background-image:-moz-linear-gradient(top, #cc141e, #cc141e);
    background-image:-ms-linear-gradient(top, #cc141e, #cc141e);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#cc141e), to(#cc141e));
    background-image:-webkit-linear-gradient(top, #cc141e, #cc141e);
    background-image:-o-linear-gradient(top, #cc141e, #cc141e);
    background-image:linear-gradient(top, #cc141e, #cc141e);
    *background-color:#cc141e;
}
#interactive .intbtn.nav {
    width: 46px;
    height: 32px;
}
#interactive .intbtn.nav.prev {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/prev-arrow-8x14.png?id=000);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
    right: 52px;
}
#interactive .intbtn.nav.next {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/next-arrow-8x14.png?id=000);
	background-repeat: no-repeat;
	background-position: center center;	
	position: absolute;
	right: 0px;
}
#interactive .intbtn.disable {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter:alpha(opacity=8);
    opacity:0.08;
}

#interactive .slider-arrows{
	padding: 10px 0;
	height: 32px;
}
#interactive .slider-arrows.duplicate{
	border-top: 1px solid #CCC;
	margin-top: 20px;
	height: 32px;
}






/**** Footer/Credits ****/
#interactive #interactive-content{
	margin-bottom: 2px;
}
#interactive footer {
	border-top: 1px solid #CCC;
/*  font-size: 9px;
  	color: #666;*/
  	clear: both;
	height: 0;
}



/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearit:before, .clearit:after { content: ""; display: table; }
.clearit:after { clear: both; }
.clearit { 
	zoom: 1;  
	*line-height: 0; /*IE 7*/
}
#interactive .vid-cue-holder .clearit{
	*font-size: 0;
}
#interactive #mobile-bottom{
	display: none;
}


@media(max-width: 939px){
	body.highend{
		font-size: 16px;
	}
	.highend #interacive{
		width: 100%;
	}
	.highend #interactive a:hover{
		color: inherit;
	}
	
	/* section nav*/
	.highend #interactive .nav-main li {
		max-width: none;
		height: auto;
		width: auto;
		overflow: visible;
	}
	.highend #interactive .nav-main .tab{
		height: 44px;
		line-height: 44px;
		text-align: center;
		padding: 0 10px;
	}
	.highend #interactive .nav-main .tab:hover{
		background: #EEE;
	}
	.highend #interactive .nav-main .tab strong{
		font-size: 16px;
		font-size: 1rem;
		line-height: 44px;
	}
	.highend #interactive .nav-main .tab span {
		display: none;
	}



	/* sharing */
	.highend #interactive #copy{
		width: 100%;
		max-width: 100%;
	}
	.highend #interactive .share{
		float: none;
		clear: both;
		width: 100%;
	}
	.highend #interactive .share p{
		text-align: left;
	}
	.highend #interactive .share-bar{
		float: none;
	}
	.highend #interactive .share-bar a{
		margin-left: 0; 
		margin-right: 10px;
	}
	
	
	/* section 0 */
	.highend #interactive .vid-holder{
		width: 100%;
		height: auto;
		float: none;
		clear: both;
	}
	/* section 1 */
	.highend #interactive .hotspots .hs1{ left: 31%; top: 14%; }
	.highend #interactive .hotspots .hs2{ left: 32%;	top:43%; }
	.highend #interactive .hotspots .hs3{ left: 1%; top: 49%; }
	.highend #interactive .hotspots .hs4{ left: 43%; top: 72%; }
	.highend #interactive .hotspots .hs5{ left: 78%;	top: 68%; }
	
	
	/*--- flexslider ---*/
	/*tabs*/
	.highend #interactive .btn-circ-text{
		margin-bottom: 20px;
	}
	.highend #interactive .slider-sections img{
		display: none;
	}
	.highend #interactive .tab-container {
		border-top: none;
		border-bottom: none;
		width: 100%;
		padding-top: 10px;
		height: auto;
	}
	.highend #interactive .tab-container ul{
		border-top: none;
	}
	.highend #interactive .tab-container.stuck {
		height: 44px;
	}	
	.highend #interactive .tab-item{
		width: auto;
		padding: 12px 3px;
		border-top:5px solid #EEE;
	}
	.highend #interactive .tab-item a.medium {
		font-size: 0.83rem;
	}

	.highend #interactive .tab-item.active{
		border-top:5px solid #DA161F;
	}

	/*arrows*/
	.highend #interactive .intbtn.nav {
		height: 46px;
	}
	/*flexslider content*/
	.highend #interactive .sect-cont .flexslider {
/*		width: 100%;
		min-width: 0;*/
		margin: 0 0 8px;
	}
	.highend #interactive .slider-cont{
		margin-top: 15px;
	}
/*	#interactive .slider-cont ol, ul {
		margin:0 !important;
	}	*/
	/*#interactive .sect-cont .flexslider .item {
		width: 100%;
	}*/
	.highend #section1 .tab-lbl-rect{
		display: none;
	}
	
	
	body.highend {
        -webkit-text-size-adjust:100%;
        /*min-width: 0px;
        margin: 0;*/
    }
   .highend  #interactive {
        width: auto !important;
        margin: 0 !important;
        padding-left: 0px;
    }
	.highend #interactive .text-col p {
		font: normal 16px/22px Helvetica, Arial, Verdana, sans-serif;
	}
	.highend #interactive .text-col li {
		font: 21px/1.1 'PrattHeavy',Georgia,'Times New Roman',serif;
	}

	/*	#interactive .intbtn.nav.prev {
		float: left;
	}*/
	.highend #interactive .tab-container.stuck .intbtn.nav.prev {
		float: left;
		margin-left: 10px;
	}
	.highend #interactive .tab-container.stuck .intbtn.nav.next {
		margin-right: 10px;
	}
	.highend #interactive .intbtn {
		margin: 0;
	}	
	
	
	
	
	.highend #interactive .mobile-nav {
		display: block;
		position: relative;
		top: -35px;
	}	
	
	
	.highend #interactive .instructions{
		width: 100%;
		border-bottom: 1px solid #CCC;
		position: relative;
		clear: both;
		margin-bottom: 16px;
	}
	.highend #interactive .instructions-inner{
		float:none;
		width: auto;
	}
	.highend #interactive .instructions p{
		width: auto;
		border-bottom: none;
		padding-bottom: 0;
		padding-left: 0;
	}
	
	
	
	
	/*nav text */
	.highend #interactive .slider-arrows h3{
		font-size: 20px;
		line-height: 46px;
	}
	.highend #interactive .slider-arrows,
	.highend #interactive .slider-arrows.duplicate{
		height: 48px;
	}

	
	
	.highend #interactive .vid-cue-holder{
		float: none;
		margin-left: 0;
		width: 100%;
		clear: both;
	}
	
	
	/* section 4 */
	.highend #interactive #section4 .mem-categories{
		height: auto;
	}
	.highend #interactive #section4 .mem-cat{
		float: none;
		height: auto;
		margin: 10px 0;
		width: 99%;
		cursor: default;
	}
	.highend #interactive #section4 .mem-cat:hover{
		background-color: #FFF;
	}

	.highend #interactive #section4 .ss-submit .greybtn{
		float: left;
		margin-right: 8px;
	}
	.highend #interactive #section4 .ss-submit .btn-submit-duplicate{
		clear: none;
	}
/*	#interactive #section4 .mem-img{
		float: left;
		width: 34px;
		margin-right: 8px;
	}
	#interactive #section4 .mem-lbl h4{
		line-height: 30px;
		font-size: 15px;
		color: #DA161F;
	}
	#interactive #section4 .mem-lbl p{
		margin: -3px 0 0 42px;
		clear:both;
	}*/
	
	/* section 4 isotope */
	.highend #interactive .filters ul{
		display: none;
	}
	.highend #interactive .filters select{
		width: 100%;
		display: block;
		height: 44px;
		height: 2.75rem;
		font-size: 1em;
		padding: 10px;
	}
	.highend #interactive #options p{
		display: none;
	}
}





@media screen and (max-width: 480px) {
	/* section nav*/
	.highend #interactive .nav-main .nav_control {
		display: block;
    	padding: 0 3% 0 0;
		width: auto;
	}
	.highend #interactive .nav-main .nav_control a {
		background: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/collapsed.png?id=000") no-repeat scroll 10px 12px #1E1E1E;
		display: inline-block;
		float: right;
		height: 22px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 22px;
	}
	.highend #interactive .nav-main.open .nav_control a {
		background: url("http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/close-white.png?id=000") no-repeat scroll 10px 12px #1E1E1E;
	}
	
	.highend #interactive .nav-main .nav-menu {
		transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
	}
	.highend #interactive .nav-main ul {
		background-color: #1E1E1E;
		overflow: hidden;
		padding: 0;
		margin: 0 0 20px 0;
	
		height: auto;
		max-height:0;
		-webkit-transition: max-height .4s ease;
		-moz-transition: max-height .4s ease;
		-o-transition: max-height .4s ease;
		-ms-transition: max-height .4s ease;
		transition: max-height .4s ease;
	}
	.highend #interactive .nav-main.open ul {
		max-height:600px;
	}
	.highend #interactive .nav-main li {
		margin: 0;
		width: 100%;
		max-width: 100%;
		border: none;
		border-bottom: 1px solid #333;
	}
	.highend #interactive .nav-main li.active {
		border-bottom: 1px solid #333;
	}
	
	.highend #interactive .tab-container ul{
		display: none;
	}
		
	.highend #interactive .nav-main .tab {
		background: none;
		color: #FFFFFF;
		
		height: auto;
		line-height: 1.4;
		padding: 5%;
		text-align: left;
	}

	.highend #interactive .nav-main .tab:hover{
		background: none;
		color: #FFF;
	}
	.highend #interactive .nav-main li.active .tab{
		background: none;
		color: #666;
		cursor: default;
	}
	.highend #interactive .nav-main .tab strong {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1;
		font-weight: bold;
		text-transform: uppercase;
	}
	.highend #interactive .nav-main .tab strong:active{
		color: #F00;
	}
	.highend #interactive .nav-main .tab span {
		color: #EEE;
		font-size: 0.857142em;
		display: block;
	}
	.highend #interactive .nav-main li.active .tab span{
		color: #555;
		font-size: 1rem;
	}
		
	
	
	
	/* mobile label in nav*/
	.highend #interactive .nav-main .nav_control h3{
		font-family: Verdana, Geneva, sans-serif; 
		font-weight: normal;
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 44px;
		text-transform: uppercase;
		color: #DA161F;
		float: left;
		width: auto;
	}
	.highend #interactive .slider-arrows p{
		position: relative;
		width: auto;
	}
	
	/* intro div */
	.highend #interactive #intro {
		border-top: none;
		margin-top: 0px;
		margin-bottom: 10px; 
		margin-bottom: 1.5rem;
	}
	.highend #interactive #intro-text{
		margin-top: 10px;
		margin-top: 0.625 rem;
	}
	
	/* hed */
	.highend #interactive #copy h6{
		display: none;
	}
	
	/* all sections */
	.highend #interactive .slider-cont{
		margin-top: 0;
	}
	
	/* section 0 - intro vid */
	.highend #interactive .vid-tabs{
		left: 1px;
	}
	.highend #interactive .vid-tabs-show-btn{
		display: none;
	}
	.highend #interactive .vid-tab-item a.medium{
		margin: 0 9px 0;
	}

	/* section 1 - map */
	.highend #interactive .hotspots .lbl-btn-circ{
		display: none;
	}
	.highend #interactive .hotspots .hs1{ left: 31%; top: 6%; }
	.highend #interactive .hotspots .hs2{ left: 37%;	top:33%; }
	.highend #interactive .hotspots .hs3{ left: 8%; top: 39%; }
	.highend #interactive .hotspots .hs4{ left: 43%; top: 56%; }
	.highend #interactive .hotspots .hs5{ left: 81%;	top: 51%; }
	
	/* section 3 - gallery */
	.highend #interactive #section3 .text-col{
		position: relative;
		zoom:1; /*  trigger hasLayout -- Required for IE 5, 6, 7 */	
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Theoretically for IE 8 & 9 */
		filter: alpha(opacity=100); /* This works in IE 8 & 9 too but also 5, 6, 7 */
		-moz-opacity:1; /* Older than Firefox 0.9 */
		-khtml-opacity: 1; /* Safari 1.x (pre WebKit!) */
		opacity: 1;/* Modern! Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */
		float: none;
		clear:both;
	}
	
	/* section 4 - connections */
	
	.highend #interactive #section4 .ss-form .col1{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.highend #interactive #section4 .ss-form .col2{
		float: none;
		width: 100%;
	}
	.highend #interactive #section4 .form-notes{
		width:100%;
		margin-left:0%;
	}
	.highend #interactive .ss-q-med {
		width: 100%;
		margin-bottom: 16px;
		
		display: block;
		font-size: 1.2em;
		height: 2.75rem;
		line-height: 44px;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 100%;
	}
	.highend #interactive .element {
	  margin: 10px 5px;
	}
	
	.highend #interactive #mobile-bottom{
		margin-top: 15px;
		display: block;
		background-color: #333;
		color: #FFF;
		padding: 10px;
		position: relative;
		z-index: 10000;
	}
	.highend #interactive #mobile-bottom p{
		margin: 0;
	}
	.highend #interactive #mobile-bottom p.pn-lbl{
		text-transform: uppercase;
		font-size: 0.7rem;
		font-weight: bold;
	}
	.highend #interactive #mobile-bottom p.sec{
		color: #DA161F;
		font-family: 'Oswald', Arial, Helvetica, sans-serif; 
		font-size: 1.2rem;
		margin-top: 3px;
	}
	.highend #interactive #mobile-bottom .arrow-next{
		background: url('http://beta.images.theglobeandmail.com/static/national/toronto/unionstation/images/arrow-next-white.png') no-repeat;
		width: 18px;
		height: 18px;
		float: right;
	}

}