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

#interactive .nav-container {
	width:100%;
	height:40px;
	border-bottom:1px solid #d9d9d9;
	background-color:#f3f3f3;
	margin-bottom:10px;
}
#interactive .nav-container #nav-circles{
	margin-left:10px;
	position:relative;
}
#interactive *{margin:0; padding:0;}
#interactive .nav-container #nav-circles #circle-marker{
	background-image: url(http://beta.images.theglobeandmail.com/static/interactive/1111_winterman/src/circle-marker.png);
	width:24px;
	height:41px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}
#interactive .nav-container  #nav-circles .circle-item{
	margin-top:8px;
	background-image: url(http://beta.images.theglobeandmail.com/static/interactive/1111_winterman/src/circles.png);
	background-repeat: no-repeat;
	float:left;
	position:relative;
	z-index:1;
	}
#interactive .nav-container  #nav-circles .circle-item.lg-c {
	background-position: bottom right;	
	width:18px;
	height:24px;	
	}
#interactive .nav-container  #nav-circles .circle-item.sml-c {
	background-position: bottom left;	
	width:12px;
	height:24px;
	}
#interactive .circle-item.lg-c.active {
	background-position: top right !important;
}
#interactive .circle-item.sml-c.active {
	background-position: top left !important;
}
#interactive #nav-btn-wrapper {
	margin-top:4px;
	width:110px;
	float:right;
}
#interactive .nav-container #nav-circles-wrapper{	
	height:40px;
	float:left;
}
#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;
}
#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);
	background-repeat: no-repeat;
	background-position: center center;
    right: 47px;
}
#interactive .intbtn.nav.next {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/next-arrow-8x14.png);
	background-repeat: no-repeat;
	background-position: center center;	
	right: 0;
}
#interactive .intbtn.disable {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
    filter:alpha(opacity=8);
    opacity:0.08;
}
#interactive {position:relative; max-width:940px;}
#interactive #interactive-mask-wrapper {position:relative; max-width:640px;}
#interactive #layers-interactive-mask {width:100%; overflow:hidden; position:relative; float:left}
#interactive #layers-text-wrapper {max-width:300px; float:right;}

	#interactive #layers-text-wrapper {max-width:100%; float:left;}
	#interactive #interactive-mask-wrapper {position:relative; max-width:100%;}


#interactive #layers-interactive-mask #layers-interactive-imgs{position:relative;}
#interactive #layers-interactive-mask #layers-interactive-imgs img{width:100%; position:absolute;}
#interactive #layers-interactive-title{width: 100%; margin:20px 0px; font: 18px 'PrattHeavy', Georgia, 'Times New Roman', serif;}
#interactive #layers-interactive-txt{width: 100%; font: 13px/1.5 'gmsans', Verdana, Helvetica, Arial, sans-serif;}
#interactive .interactive-btn {
	cursor:pointer;
	clear: none !important;
	font:18px/20px 'gmsans', Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:#da161f;
	border:0;
	padding:7px 12px;
	font-size:18px;
	border-radius:6px;
	outline:none;
}
#interactive .intbtn.nav.prev {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/prev-arrow-8x14.png);
	background-repeat: no-repeat;
	background-position: center center;
    right: 47px;
}
#interactive .intbtn.nav.next {
	background-image: url(http://beta.images.theglobeandmail.com/static/templates/images/next-arrow-8x14.png);
	background-repeat: no-repeat;
	background-position: center center;	
	right: 0;
}
#interactive .interactive-btn:active{
	background-color:#F00;
}
#interactive .btn-disabled{
	background-color:#d9d9d9;
	cursor:auto !important;
}
#interactive .btn-disabled:active{
	background-color:#d9d9d9;
}
#interactive .btn-disabled:hover {   
    background-color:#d9d9d9;
}
#interactive .credits {
	width:100%;
	font:10px/1.5em Arial,Helvetica,sans-serif;
	border-top: 1px solid #d9d9d9;
	color: #999999;
	font: 9px Verdana,Geneva,sans-serif;
	overflow: visible;
	padding-top: 8px;
	position:relative;
	top:20px;
	clear:both;
	text-transform:uppercase;
}