/* Forces scroll bar all the time */
html { overflow-y: scroll; }
/* Parks Overrides */
#cn-banner{background:#363 url(http://www.pc.gc.ca/images/template/banner2.jpg) repeat-x 0 0;background-clip:none;}
h1{position:relative;}
h2{position:relative;}
h3{position:relative;margin-bottom:1px;padding:0;}
h4,h5{position:relative;margin-bottom:0;}
/*div.center h1.bulletinh1{background:#363;color:#fff;padding:5px;}*/
#content{padding-bottom:60px;}
div.footer{margin-top:45px;}
.ielabel{font-weight:bold;display:block;margin-top:10px;position:relative;}
.ielabeltext{font-family: Verdana,Arial,Helvetica,sans-serif;position:relative;}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.italic{font-style:italic;}
.inline{display:inline;}
.pt20{padding-top:20px;}
.pt10{padding-top:10px;}
.pb40{padding-bottom:40px;}
.pb35{padding-bottom:35px;}
.pb30{padding-bottom:30px;}
.pb20{padding-bottom:20px !important;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px !important;}
.pr3{padding-right:3px;}
.p10{padding:10px;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt5{margin-top:5px !important;}
.mt0{margin-top:0px !important;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.mr10{margin-right:10px;}.mr5{margin-right:5px !important;}
.ml10{margin-left:10px;}.ml5{margin-left:5px !important;}
.mt-20{margin-top:-20px;}
.nomp{margin:0 !important;padding:0 !important;}
.tr{text-align:right;}
/*Bulletin*/
/* Header / Date Issued/Valid */
#linkBar{text-align:right;margin:5px 0 2px 0;}
#linkBar a{display:inline-block;margin:0 0 0 10px;text-decoration:none;color:#336633;}
#linkBar a:hover{text-decoration:underline;}
#titleBanner{background:#336633;padding:5px 10px;margin:0 0 15px 0;}
#dateBox{clear:both;height:1.2em;padding:5px 10px;}
span.header{color:#fff;font-weight:bold;font-size:1.1em;}
#dateBox div{width:50%;float:left;}
#dateBox div span.dateLabel{color:#fff;font-weight:bold;font-size:1em;}
#dateBox div span.dateText{color:#fff;}
#dateBox div span.initialLabel{color:#fff;font-weight:bold;font-size:0.7em;}
.highlightBox{text-align:center;clear:both;padding:0 25px;margin:-10px 0 15px 0;}
.highlightBox span{font-weight:bold;font-style:italic;}
.highlightBox img.open{margin:0 0 0 0;}
.highlightBox img.close{margin:0 0 -0.8em 0;}
/* Byline */
span.byline{font-style:italic;display:block;font-weight:bold;padding:0 20px;margin:0 0 15px 0;}
/* Special Notice */
.specialNoticeBox{background:#BC0000 url(/Images/bulletin/special-warning-bg.png) repeat-x 0 0;margin:0 0 15px 0;padding:10px;text-align:center;}
.specialNoticeBox span{padding:4px;font-size:1.2em;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;}
/*firefox renders panel as table instead of div, so apply styles to the td...*/
.specialNoticeBox tbody tr td{padding:4px;font-size:1.2em;font-weight:bold;color:#fff;text-transform:uppercase;text-align:center;background:#BC0000 url(/Images/bulletin/special-warning-bg.png) repeat-x 0 0}
.specialNoticeBox a{color:#fff !important;font-size:1.2em !important;text-transform:uppercase;font-weight:bold;}
.specialNoticeBox a:hover{color:#eee !important;}
/* Nowcast */
#nowcastWrapper{border:1px solid #333;margin:0 0 15px 0;z-index:10;}
/*#nowcastBox{ height:260px;background:#ccc url(/Images/bulletin/mountain-now-bg.png) repeat-x 0 0;position:relative;z-index:11;}*/
#nowcastBox{ height:260px;background:#ccc url(/Images/bulletin/mountain-now-bg.png) repeat-x 0 0;position:relative;z-index:11;}
#mountainBox{height:260px;width:274px;background:transparent url(/Images/bulletin/mountain-now.png) no-repeat 0 0;position:relative;}
span.todayLabel{display:block;position:absolute;top:7px;left:5px;font-size:1em;color:#fff;font-weight:bold;}
span.alpineLabel{display:block;position:absolute;top:100px;left:80px;font-size:0.8em;font-weight:bold;color:#000000;}
span.treelineLabel{display:block;position:absolute;top:145px;left:55px;font-size:0.8em;font-weight:bold;color:#000000;}
span.belowLabel{display:block;position:absolute;top:195px;left:25px;font-size:0.8em;font-weight:bold;color:#000000;}
#nowAlpineWrapper{position:absolute;top:20px;left:220px;z-index:21;}
#nowTreelineWrapper{position:absolute;top:100px;left:250px;z-index:18;}
#nowBelowWrapper{position:absolute;top:180px;left:280px;z-index:15;}
#nowAlpineWrapper img, #nowTreelineWrapper img, #nowBelowWrapper img{position:absolute;top:0;left:0;margin-right:10px;}
#nowAlpineWrapper img{z-index:21;}
#nowTreelineWrapper img{z-index:18;}
#nowBelowWrapper img{z-index:15;}
.nowAlpineRatingBox,.nowAlpineDefinitionBox{border:2px solid #000;border-right:1px solid #000;height:66px;margin-left:35px;width:434px;}
.nowTreelineRatingBox,.nowTreelineDefinitionBox{border:2px solid #000;border-right:1px solid #000;height:66px;margin-left:35px;width:404px;}
.nowBelowRatingBox,.nowBelowDefinitionBox{border:2px solid #000;border-right:1px solid #000;height:66px;margin-left:35px;width:374px;}
.nowAlpineDefinitionBox,.nowTreelineDefinitionBox,.nowBelowDefinitionBox{border-color:#fff;border-right-color:#000;border-top:none;position:absolute;top:28px;left:0;z-index:20;height:auto;display:none;}
.nowTreelineDefinitionBox{z-index:17;}
.nowBelowDefinitionBox{z-index:14;}
ul.dangerDefinitionList{list-style:none;margin:0 0 10px 3px;padding-top:0;z-index:14;}
ul.dangerDefinitionList li{margin-bottom:7px;font-size:0.8em;line-height:1.3em;}
span.nowRating{font-weight:bold;font-size:1.4em;display:block;padding:4px 0 0 0;margin:0 0 0 65px;}
span.nowDescription{font-weight:normal;font-size:0.8em;line-height:1.3em;display:block;padding:0px 5px 2px 5px;margin:0 0 0 65px;}
.nowExpand{position:absolute;top:5px;right:5px;height:16px;width:16px;font-size:1.2em;font-weight:bold;color:#999;cursor:pointer;display:none;background:url(/Images/bulletin/expand-sprite.png) repeat-x 0px 0px;}
/* Danger Table */
#dangertableWrapper{z-index:102;margin:0 0 0 0;position:relative;z-index:0;}
table.dangertable{border:0;margin:0;padding:0;}
table.dangertable tr td {height:20px;}
table.dangertable tr td.titlecell{border:none;color:#fff;background:#ccc url(/Images/bulletin/mountain-now-bg.png) repeat-x 0 -260px;}
table.dangertable tr td.elevationcell{width:160px;}
table.dangertable tr td.daycell{width:300px;height:20px; border:none;color:#fff; z-index:10;padding-top:5px; background:#ccc url(/Images/bulletin/mountain-now-bg.png) repeat-x 0 -260px;}
table.dangertable tr td span.ratinglabel{padding:0 4px;display:block;font-weight:bold;height:100%;}
table.dangertable tr td span.rating{padding:6px 4px 6px 4px;display:block;font-weight:bold;height:100%;color:#000000;}
table.dangertable tr td span.ratingwhite{padding:6px 4px 6px 4px;display:block;font-weight:bold;height:100%;color:#FFFFFF;}
span.alpinelabel,span.treelinelabel,span.belowlabel{padding:6px 14px 6px 4px;text-align:right;height:100%;font-size:1.0em;font-weight:bold;display:block;}
span.alpinelabel{background:#e6f0fc;color:#000000;}
span.treelinelabel{background:#c1d831;color:#000000;}
span.belowlabel{background:#6fa469;color:#000000;}
tr.alpinerow td span{border-top:1px solid #666;}
tr.treelinerow td span{border-top:1px solid #666;}
tr.belowrow td span{border-top:1px solid #666;}
table.dangertable tr td.br{border-right:1px solid #666;}
span.confidence{display:block;margin:0 0 0 0;text-align:left;background:#eee;border-top:1px solid #666;color:#000000;}
span.dangerDefinitionLink{display:none;margin-top:-15px;padding:3px 5px 5px 15px;text-align:left;cursor:pointer;color:#333;background: url(/images/red_arrow.gif) no-repeat 2px 5px;}
span.dangerDefinitionLink:hover{text-decoration:underline;}
table.dangerDefinitionTable{margin:0 0 15px 0;}
table.dangerDefinitionTable ul{margin:0;padding:0;}
table.dangerDefinitionTable ul li{padding:10px 5px 0 5px;}
table.dangerDefinitionTable th{text-align:left;}
table.dangerDefinitionTable th span{display:block;padding:5px 25px 5px 5px;}
table.dangerDefinitionTable td{padding-bottom:5px;background:#eee;vertical-align:top;}
/* Problems */
.problemBox{background:#eee;margin:0 0 15px 0;clear:both;border:1px solid #666;}
div.problemTitle{background:#333 url(/Images/bulletin/problem-header-bg.png) repeat-x 0 0;margin:0;clear:both;}
div.problemTitle span{display:block;padding:5px;font-size:1.1em;color:#fff;font-weight:bold;}
div.problemImages{clear:both;padding:0;height:137px;width:700px}
div.problemImageBox{width:160px;height:137px;float:left;text-align:center;position:relative;background:#eee;border-right:1px solid #fff;border-bottom:1px solid #fff;}
div.problemImageBox span{display:block;width:152px;text-align:left;font-size:0.8em;font-weight:bold;position:absolute;top:0;left:0;color:#fff;background:#444;padding:5px 3px 3px 5px;margin-top:4px;}
div.problemImageBox img{margin-top:5px;/*width:100%;*/}
div.problemTextBox span{display:block;font-size:1em;padding:5px 10px;background:#eee;color:#000000;}
div.elevationImageBox img{margin:15px 0 0 0;}
div.compassImageBox{width:170px;}
div.compassImageBox span{width:170px;}
div.compassImageBox img{margin:8px 0 0 0;}
div.likelihoodImageBox{width:170px;}
div.likelihoodImageBox span{width:170px;}
div.likelihoodImageBox img{margin:12px 0 0 0;}
div.sizeImageBox{width:178px;}
div.sizeImageBox span{width:178px;}
div.sizeImageBox img{margin:12px 0 0 0;}
/* Travel & Terrain */
.travelBox{border:none;background:#eee;margin:0 0 15px 0;clear:both;border:1px solid #666;}
ul.ttalist{list-style-type:none;margin:0 0 0 0;padding:0;}
ul.ttalist li{font-size:1em;padding:0 0 5px 0;}
.travelText{padding:10px;}
/*Bulletin*/
/*Map*/
#mapInfo{display:none;position:absolute;width:598px;height:100px;overflow: auto;background:#eee;border:1px solid #999;border-bottom:none;text-align:left;z-index:9999;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;*/}
.WXMarkerTT {position:relative;}
#mapInfo div.mapInfoClose{display:block;padding:5px;background:#999;font-weight:bold;color:#fff;text-align:right;}
#mapInfo div.mapInfoClose span.mapInfoTitle{float:left;}
/*#mapInfo span.mapInfoLabel{display:block;font-size:1em;font-weight:bold;text-align:center;margin:2px 0 0 0;}*/
#map_canvas { height: 500px;width:598px;border:1px solid #999;border-right:none;border-top:none;}
#mapLegend{background:#ccc;position:absolute;border:1px solid #999;height:499px;width:160px;top:41px;right:0;z-index:1000;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;*/}
#mapLegend div{padding:8px 5px 7px 5px;clear:both;min-height:28px;}
#mapLegend div.legendTitle{background:#666;padding:5px;margin:0;min-height:1em;}
#mapLegend div.legendTitle span{color:#fff;font-weight:bold;font-size:0.8em;}
#mapLegend img{float:left;clear:left;}
#mapLegend span.imageLabel{clear:right;display:block;margin:5px 0 0 35px;font-weight:bold;font-size:0.8em;}
#mapLegend input.legendCheck{float:left;}
#mapLegend span.checkLabel{display:block;line-height:1em;width:120px;margin:-20px 0 0 25px;font-weight:bold;font-size:0.8em;}
div.mapPopup{background-color:#fff;}
#legendWeather,#legendCheckWeather{display:none;}
span.mapInfoTitle{display:block;font-weight:bold;font-size:1.2em;}
span.mapInfoValid{display:block;font-weight:bold;font-size:0.8em;padding:0 0 10px 0;}
span.mapInfoClick{display:block;position:absolute;font-weight:bold;font-size:0.8em;right:0;bottom:0;padding:10px;}
div.mapPopup img{position:absolute;top:28px;left:5px;}
div.mapPopup span.popupAlpine,div.mapPopup span.popupTreeline,div.mapPopup span.popupBelow{position:absolute;}
div.mapPopup span.popupAlpine{top:30px;left:95px;}
div.mapPopup span.popupTreeline{top:48px;left:95px;}
div.mapPopup span.popupBelow{top:66px;left:95px;}
#tt {position:absolute; display:block;z-index:1001;}
#tttop {display:block; height:5px; margin-left:5px; /*background:url(/Images/tt_top.gif) top right no-repeat;*/ }
#ttcont {display:block;border:1px solid #999;min-width:200px; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;*/}
#ttbot {display:block; height:5px; margin-left:5px;/* background:url(/Images/tt_bottom.gif) top right no-repeat; */}
div.bottomLinksBox{margin-bottom:20px;clear:both;}
div.indexLinkBox{width:50%;float:left;/*height:320px;*/margin:0 0 0 0;}
div.indexLinkBox h3{padding:5px;font-size:1.4em;/*background:#666;color:#fff;*/}
div.indexLinkBox ul{list-style:none;padding:0;margin:10px;}
div.indexLinkBox ul a, div.indexLinkBox div.socialbox a{display:block;padding:4px 0;font-size:1.2em;}
div.indexLinkBox div.socialbox{margin:10px 0 20px 0;padding:0 10px;}
div.indexLinkBox div.indexLinkInner{margin:10px 0;background:transparent;/*height:300px*/}
#datepicker{float:right;margin:10px 10px 10px 0;}
ul#parklist{width:100%;list-style:none;margin:0;padding:0;clear:both;height:30px;}
ul#parklist li{width:20%;height:30px;border-bottom:1px solid #fff;margin:0;padding:0;display:block;float:left;background:#666 /*url(/Images/mapmenu_bg.png) repeat-x 0 0*/;font-size:0.8em;font-weight:bold;}
ul#parklist li.home{width:10%;}
ul#parklist li.banff{width:30%;}
ul#parklist li.waterton span{border:none;}
ul#parklist li:hover{background:#eee;}
ul#parklist li span{line-height:30px;display:block;padding:0;margin:auto 0;color:#fff;text-align:center;height:100%;border-right:1px solid #fff;cursor:pointer;}
/*ul#parklist li span.twoline{line-height:1.2em;padding-top:5px;}*/
ul#parklist li span:hover{color:#666;font-weight:bold;}
ul#parklist li span.selected{color:#666;background-color:#eee;font-weight:bold;}
.noborder{border:none !important;}
/*Map*/
/* Map Animation */
@media print
{
#print-logo
{
display: none;
}
.divider
{
padding: 0 0 0 0;
overflow: hidden;
}
h1.univers
{
font-size: 110%;
color: #666;
margin: 0px 0 0px;
text-transform: lowercase;
}
h1.print-header
{
font-weight:bold;
}
.divided-section-solid
{
border-bottom: 1px solid #ccc;
padding: 5px 0;
overflow: hidden;
}
.div-left
{
border-left: 1px solid #EBECEC;
padding-left: 0px;
}
body {background: #FFF;width:auto;min-width: inherit;}
abbr, acronym {border: none;}
#cn-cols {clear: none; float: none;}
#cn-skip-head, #cn-left-col, #cn-left-col-gap, #cn-right-col, #cn-right-col-gap, #cn-centre-col-gap {display: none;}
#cn-centre-col {position: static; width: 100%; float: none;}
#cn-body-inner-3col #cn-centre-col-inner, #cn-body-inner-2col #cn-centre-col-inner, #cn-body-inner-2col-right #cn-centre-col-inner {margin: 0; padding: 0; border: none; position: static;}
#cn-centre-col-inner {/*border-top: 3px outset #666; padding-top: 20px;*/border:none;}
/* Overall Changes */
html,body,form{padding:0 !important;margin:0 !important;}
span{font-size:0.8em;color:#333 !important;}
div,span,table,td{border:none !important;border-width:0 !important;}
/*#cn-body-inner-3col, #cn-body-inner-2col, #cn-body-inner-2col-right, #cn-body-inner-1col{border:none !important;}*/
* {/*background: transparent !important;*/ /*color: #444 !important;*/ text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }
/* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid;
}
/* Header */
#cn-banner{margin:-60px 0 20px 0;}
#cn-cmb ul{border:none;}
#linkBar{display:none;}
#titleBanner{border:1px solid #000;margin:0;padding:10px 4px 5px 4px;clear:both;background:transparent;}
#titleBanner span, #titleBanner div div span{color:#333 !important;}
.specialNoticeBox{padding:5px 3px 3px 3px;margin:0;background:#fff !important;background-repeat:no-repeat !important; background-image:none !important;}
.specialNoticeBox span,.specialNoticeBox a{font-size:0.8em !important;color:#333 !important;background:transparent !important;}
.highlightBox{padding:3px 3px 5px 3px;margin:0;}
.highlightBox span{line-height:1em;}
.highlightBox img{display:none;}
/* Nowcast */
#nowcastWrapper{margin:0 0 5px 0;border-top:1px solid #000;}
#nowcastBox,#mountainBox{background:transparent;height:265px;overflow:hidden;}
.nowExpand{display:none;}
/*#mountainBox:after
{
content: url(/Images/mountain-now-print.png);
}*/
/*#nowAlpineWrapper{top:20px;left:220px;}
#nowTreelineWrapper{top:90px;left:250px;}
#nowBelowWrapper{top:160px;left:280px;}*/
.nowAlpineDefinitionBox,.nowTreelineDefinitionBox,.nowBelowDefinitionBox{display:none !important;}
/* Danger Table */
#dangertableWrapper{margin:0 0 0 0;padding:0;}
table.dangertable, table.dangertable td{border-color: #600 !important;border-style: solid !important;}
table.dangertable{border-width: 0 0 1px 1px !important;border-spacing: 0 !important;border-collapse: collapse !important;}
table.dangertable td{margin: 0 !important;/*padding: 4px !important;*/border-width: 1px 1px 0 0 !important;background-color: #FFC !important;}
table.dangertable tr td,table.dangertable tbody tr td {height:auto !important;}
table.dangertable td.titlecell,table.dangertable td.daycell{font-size:1.2em;}
table.dangertable td.titlecell,table.dangertable td.daycell,
table.dangertable td.titlecell span,table.dangertable td.daycell span{background:transparent !important;padding-top:0;height:1em;}
table.dangertable tr td span{padding-top:2px !important;padding-bottom:2px !important;}
.dangerDefinitionLink{display:none !important;}
/* Danger Table
#dangertableWrapper{margin:0 0 0 0;padding:0;}
table.dangertable tr td,table.dangertable tbody tr td {height:auto !important;}
table.dangertable {border:1px solid;}
table.dangertable td.titlecell,table.dangertable td.daycell,
table.dangertable td.titlecell span,table.dangertable td.daycell span{background:transparent !important;padding-top:0;height:1em;}
table.dangertable tr td span{padding-top:2px !important;padding-bottom:2px !important;}
.dangerDefinitionLink{display:none !important;}*/
/* Problems */
div.problemBox{margin:0;height:auto;background:#fff;page-break-inside: avoid !important;}
div.problemTitle{background:transparent;border-bottom:1px solid #444 !important;}
div.problemTitle span{font-size:0.8em;color:#333;padding:3px 0 0 3px;}
div.problemImageBox{margin:0;background:transparent;width:25%;}
div.problemImageBox img{margin-top:2px !important;}
div.problemImageBox span{margin:0 0 0 0;padding:2px 0 0 3px;background-color:transparent;color:#333;}
div.problemTextBox{margin-top:-10px;background:#fff;}
div.problemTextBox span{font-size:0.8em;background:#fff;}
/* Travel & Terrain */
div.travelBox{background:#fff;}
div.travelText{padding:5px 5px 0 5px;}
/* Bottom Links */
div.bottomLinksBox,div.indexLinkBox{display:none;}
/* Problems
div.problemBox{margin:0;height:auto;background:#fff;page-break-inside: avoid !important;}
div.problemTitle{background:transparent;border-bottom:1px solid #444 !important;}
div.problemTitle span{font-size:0.8em;color:#333;padding:3px 0 0 3px;}
div.problemImageBox{margin:0;background:transparent;width:25%;}
div.problemImageBox img{margin-top:2px !important;}
div.problemImageBox span{margin:0 0 0 0;padding:2px 0 0 3px;background-color:transparent;color:#333;}
div.problemTextBox{margin-top:-10px;background:#fff;color:#000000;}
div.problemTextBox span{font-size:0.8em;background:#fff;}
/* Travel & Terrain
div.travelBox{background:#fff;color:#000000;}
div.travelText{padding:5px 5px 0 5px;color:#000000;}
/* Bottom Links
div.bottomLinksBox{display:none;}
*/
}