/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
address {font-style:normal;}

.ligature { letter-spacing: -0.15em; }
.ellipsis { letter-spacing: 0.12em }
.mdash { letter-spacing: -0.17em; font-family: monospace; white-space: nowrap; padding-right: 0.17em; }
.ndash { font-family: monospace;}
.sup {position: relative; top:-0.5em; font-size: 0.8em; }
.sub {position: relative; top:0.2em; font-size: 0.8em; }

.boxPadded{border: 1px solid #777; padding: 5px 5px 5px 5px;}
.boxPaddedLightGreyBG{border: 1px solid #777; padding: 5px 5px 5px 5px; background-color:#efefef;}

/* Basic Borders */
.borderBlack1px {border:1px #000 solid;}
.borderBlackTop1px {border-top::1px #000 solid;}
.borderBlackRight1px {border-right:1px #000 solid;}
.borderBlackBottom1px {border-bottom:1px #000 solid;}
.borderBlackLeft1px {border-left:1px #000 solid;}

.noTopMargin { margin-top:0px;}
.topMargin20px { margin-top:20px;}

.bbdotted { border-bottom:1px dashed #bbb; padding-bottom:1em; margin-bottom:1em;}

.bb {border-bottom: solid 1px #999;}

.normalText { font-weight:normal; font-style:normal;}
.boldText {font-weight:bold;}
.noBoldText {font-weight:normal;}
.italicText {font-style:italic;}
.boldItalicText {font-weight:bold; font-style:italic;}

.noIndent {margin:0px; padding:0px;}

.clearBoth {clear:both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

dt {font-weight:bold;}
dd p {margin-top:0.3em; margin-bottom:1em;}

ul.cd { list-style-position:inside;}
ul.noIndentUl{margin:18px; padding:0px;}
ul.itemsSpacedSmall li, ol.itemsSpacedSmall li, li.spacedSmall { padding-bottom: 0.3em; }
ul.itemsSpaced li, ol.itemsSpaced li, li.spaced { padding-bottom: 0.5em; }
ul.itemsSpacedMore li, ol.itemsSpacedMore li, li.spacedMore { padding-bottom: 1.0em; }

ul.inline2Col {
	width:98%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
	border:1px solid #f00;
}

ul.inline2Col li {
	/* display: inline; */
	/*float:left;*/
	position:relative;
	width: 40%;
	text-align: left;
	padding: 5px;
	margin-bottom: 1em;
	border:1px solid #ddd;
}

ol.cd { list-style-position:inside;}
ol.noIndentOl {margin:22px; padding:0px;}
li.spacedSmallFirst { padding-top: 0.3em; }
li.spacedFirst { padding-top: 0.5em; }
li.spacedMoreFirst { padding-top: 1.0em; }
li.noBullet {list-style-type: none;}

div.topPage img {
	width: auto;
	height: auto;
	vertical-align:bottom;
}

div.center div.topPage2 a:link, div.center div.topPage2 a:visited {
	color:#039;
	background-color:#FFF;
}

div.topPage2 {
	width:26px;
	float:right;
	text-align:center;
	vertical-align:bottom;
}

div.topPage2 img {vertical-align:bottom;}

p.note {
	font-size:0.9em;
	margin-left:15px;
	margin-right:15px;
}

/* Top of Page - START */
/* Verified 2007-12-28 */
div.topPage3 {margin-top:1em;}

div.topPage3 div {
	width:26px;
	float:right;
	text-align:center;
	vertical-align:bottom;
}

div.topPage3 img {vertical-align:bottom;}
div.topPage3 h4 {margin-top:0;}

/* Top of Page - END */

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* Styles for A-Z Index - Start */
li.az {
	list-style-type:none;
	border-bottom:dotted 3px #CCCCCC;
	padding-bottom:6px;
	padding-top:3px;
}

li.az a {text-decoration:none;}

.letter {
	background-color:#eee;
	padding-left:5px;
	padding-right:5px;
}

/* Styles for A-Z Index - End */

ul.inline {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
}

ul.inline li {display:inline;}
ul.inline a:visited {color:#0000ff;}

a.inlineAlphaList, a.inlineAlphaList:visited {
	padding:0 0.5em;
	background-color:#fff;
	text-align:center;
	line-height:1.5em;
	border:0px solid #000;
	/*font-weight: bold;*/
	font-size:120%;
}

/* Styles for Right Hand Menus (RHM)- Begin */

div.mpTopicContainer {float:right; width:195px; margin: 0; color:#555;}
div.rhTopicContainer {float:right; width:195px; margin: 0 0 15px 15px; color:#555;}
ul.rhTopicList {list-style-type:none; padding:0 0 0.5em 0; margin:0; font-size:85%;}
ul.rhTopicList h3 { padding:0 0 0 3px; margin:0; border-bottom:1px solid #bbb; font-size:1.2em; color:#fff;}
ul.rhTopicList ul {list-style-type:disc; padding:0; margin:0 10px 0 25px;}
ul.rhTopicList li.rhTopic {border:1px solid #bbb; margin-bottom:1em; padding-bottom:0.5em;}
ul.rhTopicList li.rhTopic p {margin:5px; color:#555;}
ul.rhTopicList ul li {margin-bottom:0.3em;}


ul.rhTopicList ul.noBullet {list-style-type:none; padding:0 0 0.5em 0; margin-left: 5px;}

ul.rhTopicList h3.notices {background-color:#c30;}
ul.rhTopicList h3.inFocus {background-color:#369;}
ul.rhTopicList h3.inSection {background-color:#035;}
ul.rhTopicList h3.misc {background-color:#777;}
ul.rhTopicList h3.pubForm {background-color:#aaa;}
/*ul.rhTopicList h3.tool {background-color:#68a;}*/
ul.rhTopicList h3.tool {background-color:#57a;}

ul.rhTopicList li p.sep {border-top:1px dashed #bbb; padding-top:.5em; margin-top:1em;}

div.right li ul.nav {font-size:85%; padding:0 0 0.5em 0; margin:0;}
div.right li.menucontent {color:#555;}

/* Styles for Right Hand Menus (RHM) - End */

/*Highlight boxes*/

div.box {margin:1px 2px 1px 2px; background-color:#ccc; border: 1px solid #777;  text-align:left; padding:5px}
div.eventsBox {margin:1px 2px 0px 0px; background-color:#eee; border: 1px solid #ccc;  text-align:left; padding:2px}

div.MainBox {float: right; 	width: 195px; 	font-size: 85%;}
.mainGrey {text-align: left; padding: 0; padding-left: 3px; border:none; color:#fff; background-color:#bbb;	width: 192px; margin: 0; }

div.rhm {
	float:right; 
	width:180px;
}
div.IndexBox {
	float:right; 
	width:180px; 
	font-size:85%;
	margin-left:5px;
}
.indexBoxin {
	margin-top:0;
	border:1px solid #bbb;
	padding:0 5px;
	color:#000000;
}

.indexBoxin ul {
	margin-top:5px;
	margin-left:20px;
	padding-left:0;
	color:#777;
}

.indexBoxin li {
	padding-bottom:3px;
	text-decoration:none;
}


div.IndexBoxGrey {
	float:right; 
	width:180px; 
	font-size:85%;
	margin-left:5px;	
}
/*
.indexBoxinGrey {
	margin-top: 0;
	border: 1px solid #777;
	padding: 0 5px;
	color: #000000;
}

.indexBoxinGrey ul {
	margin-top: 5px;
	margin-left: 20px;
	padding-left: 0;
	color:#777;
}

.indexBoxinGrey li {
	padding-bottom:3px;
	text-decoration:none;
}
*/

h2.indexGrey, h3.indexGrey {
	text-align:left; 
	padding:0; 
	padding-left:3px;
	border:none; 
	color:#fff;
	background-color:#bbb;
	width:177px;
	margin:0;
	font-size:120%;
}
h2.indexBlue, h3.indexBlue {
	text-align:left; 
	padding:0; 
	padding-left:3px;
	border:none; 
	color:#fff;
	background-color:#035;
	width:177px;
	margin:0;
	font-size:120%;
}

h2.indexLightBlue, h3.indexLightBlue, h2.indexdkGrey, h3.indexdkGrey {
	text-align:left; 
	padding:0; 
	padding-left:3px;
	border:none; 
	color:#fff;
	width:177px;
	margin:0;
	font-size:120%;
}
h2.indexLightBlue, h3.indexLightBlue {background-color:#369;}
h2.indexdkGrey, h3.indexdkGrey {background-color:#777;}

/* D-Memo - START */

.headGrey {
	font-size:120%; 
	color:#666; 
	font-weight:bold; 
	margin-top:-15px;
}
/* D-Memo - END */

/* Events pages */

table.formsList {
	border: 1px solid #ccc; border-bottom: 0px; border-right: 0px;
	font-size: 0.9em; text-align:left;
}

table.formsList tr {background-color: transparent;}
table.formsList tr.topHead {background-color: #ccc;}
table.formsList tr.greyBG {background-color: #eee;}
table.formsList th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.formsList td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

/* Events pages - END */

/* MEDIA */

a.inlineDateList, a.inlineDateList:visited {
	padding: 0 0.5em;
	background-color: #fff;
	text-align: center;
	border: 0px solid #000;
	font-size: 120%;	
}

.liFloatLeft {float:left; display:block;}

.boxedSelected {width:85px; background-color:#666; border:1px dotted #aaa; color:#fff; margin:2px; padding:2px; font-size:x-small; vertical-align:middle; text-align:center;}
.boxedSelected2 {width:25px; background-color:#999999; border:0px solid #aaa; color:#fff; margin:2px; padding:2px; font-size:x-small; vertical-align:middle; text-align:center;}
.boxed {width:85px; border:1px solid #035; margin:2px; background-color:#ddd; border:1px solid #666; color:#666; font-size:x-small; vertical-align:middle; text-align:center;}
.boxed a:link {color:#666; text-decoration:none; display:block; height:100%; padding:2px;}
.boxed a:visited {color:#666; text-decoration:none; display:block; height:100%; padding:2px;}
.boxed a:hover {color:#666; text-decoration:none; display:block; height:100%; background-color:#eee; padding:2px;}
.boxedSelected a:link, .boxedSelected2 a:link {color:#fff; text-decoration:none; display:block; height:100%;}
.boxedSelected a:visited, .boxedSelected2 a:visited {color:#fff; text-decoration:none; display:block; height:100%;}
.boxedSelected a:hover, .boxedSelected2 a:hover {color:#666; text-decoration:none; display:block; background-color:#eee; }
.Year {width:50px; border:1px dotted #aaa; height:15px;}
.button {margin-bottom:5px; background-color:#ddd; border:1px solid #666; color:#666; font-size:x-small; text-align:center;}
.button a:link, .button a:visited, .button a:hover {color:#666; text-decoration:none; display:block; height:100%; padding:2px;}
.button a:hover {background-color:#eee;}

/*.Cat {height: 30px;}*/

.spGrey {font-size:0.9em; color:#666;}
.spBlue {font-size:0.9em; color:#035;}

/*Prosecution photos*/

div.imagegaltext {width:250px; float:left;}
div.imagegalimg {width:200px; float:left;}
div.imagerow {margin-bottom:15px;}

/* Border Wait Times */

table.bwt { width:590px; border: 0px solid #ccc; margin: auto;}
table.bwt caption{ font-weight:bold;}
table.bwt th { border:1px solid #ccc; text-align:center; background-color:#eee;}
table.bwt td { border:1px solid #ccc; font-size: 85%; vertical-align:middle; }

/*AGENDA - ADVISORY*/

div.agendaTime { 	
	float:left; 
 	width:20%;
	padding-bottom:15px;
}
div.agendaDetail { 
	float:left;
	width:80%;
	padding-bottom:15px;
}

/* AGENDA - END */

/* Directory of CBSA Offices */

div.centerMap {text-align:center;}

ul.doInline {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:100%;	
}

ul.doInline li {
	display:inline;
	padding:0 0.5em;
}

ul.doInline a:visited {color:#0000ff;}

table.DoTbl {width:580px; border: 0px solid #ccc; margin: auto;}
table.DoTbl th {width:150px; border: 1px solid #ccc; text-align:left; background-color: #eee; vertical-align:top; padding:5px;}
table.DoTbl td {border: 1px solid #ccc; vertical-align:top; padding:5px;}

div.DOfullBoxNav2 {
	/*width: 98.5%;*/
	text-align:center;
	margin:auto;
	padding:0;
	position:relative;
	overflow:hidden;
	border:0px dotted #555;
}

div.DOfullBoxNav span {
	width: 30%; display: block;  
	margin:3px 3px 15px 3px;
	float: left; 
	border: 1px solid #999; 
	padding:3px; 
	background-color: #eee; 
	color: #666;}

div.DOfullBoxNav2 span {
	width: 47.5%;
	display: block;  
	margin:3px;
	float: left; 
	border: 1px solid #999; 
	padding:3px; 
	background-color: #eee; 
	color: #666;}

.Do_Nav {text-align: center; vertical-align:middle}

.DOheadStuff { text-align:center;}
.DOheadStuff p {text-align:left;}
.DOheadStuff ul.DOlinks {border:0px solid #f00; list-style:none; width:90%; margin:0; padding:0; position:relative; overflow:hidden;}
.DOheadStuff ul.DOlinks {margin:auto;}
/*.DOheadStuff ul.DOlinks li {border:1px solid #f00; display:inline;}*/
.DOheadStuff ul.DOlinks li {border:0px solid #f00; display:block; float:left; width:49%;}
ul.DOlinks li a {border:1px solid #aaa; background-color:#eee; display:block; margin:0 5px; padding:3px;}

div.DOnotice {border:1px dotted #555; background-color:#eee; margin-bottom:1em;}
div.DOnotice p {margin:5px;}

/* Tables */

table thead.repeat { display:table-header-group; }
table tfoot.repeat { display:table-header-group; }

table.tbl { border: 0px solid #ccc; margin-bottom:15px; }
table.tbl thead th { border: 1px solid #ccc; background-color: #eee; text-align:center;}
table.tbl th { border: 1px solid #ccc; background-color: #eee;}
table.tbl td { border: 1px solid #ccc; vertical-align:top; padding:5px;}
table.tbl td.indent1 {padding-left:18px;}
table.tbl td.indent2 {padding-left:36px;}
table.tbl td.indent3 {padding-left:54px;}
table.tbl td.indent4 {padding-left:72px;}
table.tbl td.indent5 {padding-left:90px;}
table.tbl a {text-decoration:none;} 
table.tbl a:hover {text-decoration:underline;} 
table.tbl caption {margin:2px; font-size: 120%; color:#000; border: 1px solid #ccc; padding:8px; background-color: #ddd; font-weight:bold; text-align:left;}

/*table.tbl { border: 0px solid #ccc; margin: auto;}
table.tbl th { border: 1px solid #ccc; background-color: #eee;}
table.tbl td { border: 1px solid #ccc; vertical-align:top; padding:5px; }
table.tbl a {text-decoration:none;} 
table.tbl a:hover {text-decoration:underline;} 
*/
/* Tables in lists */
table.tblWidthFull { width:98.5%; border: 0px solid #ccc; margin: auto;}
table.tblWidthFull th { border: 1px solid #ccc; text-align:center; background-color: #eee;}
table.tblWidthFull th.alignLeft { text-align:left; padding:5px; vertical-align:top;}
table.tblWidthFull th.tdLookAlike { text-align:inherit; font-weight:inherit; background-color:inherit;}
table.tblWidthFull th.indent1 {padding-left:18px;}
table.tblWidthFull th.indent2 {padding-left:36px;}
table.tblWidthFull th.indent3 {padding-left:54px;}
table.tblWidthFull th.indent4 {padding-left:72px;}
table.tblWidthFull th.indent5 {padding-left:90px;}

table.tblWidthFull td { border: 1px solid #ccc; vertical-align:top; padding:5px; }
table.tblWidthFull td.indent1 {padding-left:18px;}
table.tblWidthFull td.indent2 {padding-left:36px;}
table.tblWidthFull td.indent3 {padding-left:54px;}
table.tblWidthFull td.indent4 {padding-left:72px;}
table.tblWidthFull td.indent5 {padding-left:90px;}
table.tblWidthFull a {text-decoration:none;} 
table.tblWidthFull a:hover {text-decoration:underline;} 

table.tblWidthFull td.lineBottomDouble {border-bottom:#000000 3px double;}
table.tblWidthFull td.lineBottomSingle {border-bottom:#000000 1px solid;}
table.tblWidthFull td.linetopDouble {border-top:#000000 3px double;}
table.tblWidthFull td.lineTopSingle {border-top:#000000 1px solid;}

div.tbl2 {width:580px; margin-bottom:15px;}
div.tbl2 table { width:580px; border: 0px solid #ccc; margin: auto;}
div.tbl2 th { color:#666; border: 1px solid #ccc; text-align:center; background-color: #eee;}
div.tbl2 td { border: 1px solid #ccc; vertical-align:top; padding:5px; }
div.tbl2 a {text-decoration:none;} 
div.tbl2 a:hover {text-decoration:underline;} 
div.tbl2 h2 {margin:1px 2px 1px 2px; font-size: 120%; color:#555; border: 1px solid #ccc; padding:8px; text-align:left; background-color: #ddd;}
div.tbl2 .doc { width:80%; color:#666; border: 1px solid #ccc; text-align:center; background-color: #eee;}

table.tbl3 { width:580px; border: 0px solid #ccc; margin: auto;}
table.tbl3 th { border: 1px solid #ccc; text-align:center; background-color: #eee;}
table.tbl3 td { border: 1px solid #ccc; vertical-align:top; padding:3px; }

div.tbl2 .w150px {width:150px;}

/* Buttons - OK/Cancel */

div.buttonContainer {
	margin-left: 120px;
	margin-top: 10px;
}

div.buttonBlueText {
	border-top: #359 2px solid;
	border-left: #359 2px solid;
	border-bottom: #37A 2px solid;
	border-right: #37A 2px solid;
	height: 1.14em;
	text-align: center;
	padding: 0.19em;
	font-weight: bold;
	color: #FFF;
	background-color: #369;
}

div.buttonBlue {
	float: left;
	width: 7.5em;
	height: 1.88em;
	margin-right: 1.88em;
	margin-top: 20px;
}
div.buttonBlue a:visited, div.buttonBlue a:link, div.buttonBlue a:hover {
	text-decoration: none;
	width:100%;
	float: left;
	color: #FFF;
	background-color: #369;
}

div.centeredButtonContainer {
	width: 100%;
	text-align: center;
	margin: 0;
}

div.buttonBlue2 {
	border-top: #359 2px solid;
	border-left: #359 2px solid;
	border-bottom: #37A 2px solid;
	border-right: #37A 2px solid;
	padding: 0.19em;
	font-weight: bold;
	color: #fff;
	background-color: #369;
	margin-left: auto;
	margin-right: auto;
}
div.buttonBlue2 a:visited, div.buttonBlue2 a:link, div.buttonBlue2 a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #369;
}

/* NAV */

.fullBoxNav {width: 100%; padding: 0; background-color: #fff; border: none; text-align: center;}
div.fullBoxNav span {display: block; float: left; border: 1px solid #999; padding:3px; background-color: #eee; color: #666;}
.nav_prev {width: 155px; padding: 3px; text-align: left; margin:0px; vertical-align:middle}
.nav_next {width: 155px; padding: 3px; margin-left: 2px; text-align: right;}
.nav_toc {width: 245px; padding: 3px; margin-left: 2px; text-align: center; height:18px}
div.fullBoxNav.navLightGray span {border-color: #e1e2e4; background-color: #f0f0f0;}

/* Additional Background Colours */

.verylightGreyBG {background-color: #eee;}	
.lightBlueBg {background-color: #57a;}	


h2.sechead {
	 font-size:100%;
	 background: #777; 
	 color: #fff;
	 padding:3px;
	 margin:5px 0px 0px 0px;
}

ul#slideshow {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#slideshow li {margin-bottom:0.5em;}

/* D Memo Profiles */
p.dSubject {
	font-size:120%; 
	color:#666; 
	font-weight:bold; 
	margin-top:-15px;
}

div.interim { border:solid 1px #bbb; margin-bottom:5px;}
div.interim h2 {background-color:#336699; margin-top:0px; margin-bottom:0px; color:#fff; font-size:110%; padding:3px;}
div.interim h3 {font-size:100%; margin-top:5px; padding-left:3px;}
div.interim p { padding-left:3px; padding-right:3px;}

.nomargin {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Other widths */
.width4 {width: 4%;}
.width3 {width: 3%;}
.width2 {width: 2%;}
.width1 {width: 1%;}

div.headBlock {
	font-size:100%; 
	color:#666; 
	font-weight:bold; 
}

div.headBlockH2 {
	font-size:120%; 
	color:#666; 
	font-weight:bold; 
	margin-top:-15px;
}

/*dt { width: 10em; float: left; }
dd { margin-left: 10em;} */
/*dl dt {color:#c32; border-bottom:1px dashed #999;}*/
dl dt {color:#348; border-bottom:1px dashed #999;}
dl dd {margin:0 0 1em 1em;}

.h6SizeGrey {color: #555;}

h2.greyShade {
	background-color: #eee;
	color:#444; 
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:2px;	
}	

.sideBoxContent {
	padding: 0.5em; 
	color: #666666; 
	background-color: #FAFBFD; 
	border-top: #ccc 1px solid;
	border-left: #ccc 10px solid;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	font-size: 0.85em;}
	
ul.sideBoxList { list-style-type:none; padding:0 0 0.5em 0; margin:0; font-size:85%;}
ul.sideBoxList h3 { padding:0 0 0 3px; margin:0; border-bottom:1px solid #bbb; font-size:1.2em; color:#fff;}
ul.sideBoxList ul { list-style-type:disc; padding:0; margin:0 10px 0 25px;}
ul.sideBoxList li.sideBox { margin-bottom:1em; padding-bottom:0.5em;}
ul.sideBoxList li.sideBox p { margin:5px; color:#555;}
ul.sideBoxList ul li { margin-bottom:0.3em;}

.width100px {width:100px;}
.width150px {width:150px;}
.width200px {width:200px;}
.width250px {width:250px;}
.width300px {width:300px;}
.width350px {width:350px;}
.width400px {width:400px;}
.width450px {width:450px;}
.width500px {width:500px;}
.width550px {width:550px;}
.width600px {width:600px;}
.width700px {width:700px;}

.hideOffset { position:absolute; left:-3000px; }
.hidden {display:none;}

/* Archive */
div.noticeArchive {
	/*width: 450px;*/
	background-color: #cccccc;
	border-style: none;
	padding: 5px;
	margin-bottom:0.4em;
}

/* Basic classes for paragraph numbering */
.numP {position:relative; margin-left:2em;}
.numP .pNum {display:block; position:absolute; left:-2em;}
