.alertBanner {
    background: #bb0000;
	cursor:pointer;
	padding-top:5px; padding-bottom:10px;
	font-size:85%
}
.alertBanner *{color:#fff;}  
.alertBanner h1{
	font-size: 160%;
	font-weight:500;
	text-align:left;
	margin:0px;
	margin-bottom:5px;
}
.alertBanner p{
	text-align:left;
	margin:0px;
}
.alertBanner a{
    color:#fff;
    font-weight:600;
    background-repeat:no-repeat;
    background-position:right center;
    padding:3px 12px 6px 12px;
    line-height: 50px;
    text-decoration:none;
    background-color:#920000;
    }
.alertBanner a{background-color:#6d0000;}
.alertBanner a:hover{text-decoration:underline;background-color:#500000;}
#bramptonNotification{background: #800000;margin-left:0;margin-right: 0;padding-bottom: 15px;}
.articlePage #bramptonNotification, .splashPage #bramptonNotification{padding-top:60px; margin-left:-15px; margin-right:-15px;}
#bramptonNotification h1{font-size:140%}
#bramptonNotification a{background-color:#500000;}


/*************alerts localized on a specific site or pages(transit labour disruption alert)******/
@media (min-width:768px){
	#sidebar.noPadding{padding-right:0px;}
	#bramptonNotification + article .pageBanner{
	margin-left:-15px;}
}
.srch-maintop2{width:100%!important}
#CSR #bramptonNotification{
	margin-bottom:20px;
}