/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

a.menulist, ul.commonbar li div a
{
	display: block;
}

div.border {
    border: solid #ddd 1px;
    padding: 5px;
}

/* IE Fix for large contents */
* html .largeContent{
	position:absolute;
}

img
{ border: none;}

#prodis 

#mediaheader { font-size: 90%; }
#mediaplayercontainer { padding: 0; margin: 0; border: 0;}
#mediabot { border: 0;}

/* This box that can be used to avoid tables for layout purposes | */
.outerBox {
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 4px 4px 4px 4px;
    margin-right: 10px;
}

.simpleBorder {
    margin-top: 6px;
    margin-bottom: 6px;
    width: 62%;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 4px 4px 4px 4px;
    margin-right: 10px;
}

.outer-nonborderBox {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border: 0px solid #000000;
    padding: 4px 4px 4px 4px;
    margin-right: 10px;
}

.borderTop{
	border-top: solid 1px #000;
}

.borderRight{
	border-right: solid 1px #000;
}

.borderLeft{
	border-left: solid 1px #000;
}


/*For previous page links | */
.previous {
    text-align: left;
}
/*For Next page links | */
.next {
    text-align: right;
}
/*Simulating a two and three column single and multiple row table | */
div.row {
    margin-top: 9px;	
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

div.cols1 {
	float: left; 
	width: 76%; 
	margin: 0 3px 0 0; 
	padding:0;
}

div.cols2 {
    float: left;
    width: 49%;
    margin: 0 3px 0 0;
    padding: 0;
}

div.cols3 {
    float: left;
    width: 32%;
    margin: 0 3px 0 0;
    padding: 0;
}

div.cols4 {
	float: left; 
	width: 20%; 
	margin: 0 3px 0 0; 
	padding: 0;
}

/*single-column, with a red background colour and a border | */
div.box {
    background-color: #CC0000;
    width: 80%;
    border: 1px solid #000000;
}



/* GENERAL CSS ENDS | FIN DU CSS GENERAL */
/* SLIDESHOW CSS | */


ul#slideshow li.menucontent {
 padding: 0;
 margin: 0;
	
}

ul#slideshow li.menucontent a img {

}

ul#slideshow li.menucontent a.menulink {

	 padding: 2px 5px 2px 12px; 
	 
	 display: inline-block;
	 
	 

	
}
ul#slideshow li.menucontent br { display: none; }


#slidescontainer {
    position: relative;
	padding: 0;
    margin: 0;
}


#slideshowplaybutton, #slideshownextbutton, #slideshowbackbutton {
    height: 19px;
    margin: 0;
    padding: 0;
}

#slidecontainer div.slideshowbanner {
    height: 70px;
    display: block;
}

#slideinterface {
    display: block;
    height: 19px;
    text-align: right;
    border-left: 1px solid #eed;
    border-right: 1px solid #eed; /* e1dcc9 */
    background: url(../images/sshw-mdiap/deco.gif);
}
/** SEARCH BOX - FRONT PAGE - **/
div.right ul li form {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

* html div.right ul li form {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.right ul li form fieldset {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

div.right ul li fieldset {
    padding-bottom: 5px;
}
/** END OF SEARCH BOX - FRONT PAGE - **/

/**NEW COLOURS **/
.burgundy {
    color: #990033;
    background-color: transparent;
}

/**END OF NEW COLOURS **/

/** to draw attention to new or updated content within a list of links **/

.update-highlight 
{
	background-color: #FFFF00;      /* yellow background */
	border: 1px dashed #000000;     /* thin dashed black border */
	margin: 0 0.4em;                /* breathing space on sides outside border */
	padding: 0 0.4em;               /* breathing space on sides within border */
}

/** end updated content **/
.highlight-yellow 
{
	background-color: #FFFF00;      /* yellow background */
	border: none;                   /* no border*/
	margin: 0 0.4em;                /* breathing space on sides outside border */
	padding: 0 0.4em;               /* breathing space on sides within border */
}

/** indents s **/

.indent5pc {
margin-left:5%;
}

.indent10pc {
margin-left:10%;
}

.indent15pc {
margin-left:15%;
}

.indent20pc {
margin-left:20%;
}

.indent25pc {
margin-left:25%;
}

.indent30pc {
margin-left:30%;
}

.indent33pc {
margin-left:33%;
}

.indent35pc {
margin-left:35%;
}

.indent40pc {
margin-left:40%;
}

.indent45pc {
margin-left:45%;
}

.indent50pc {
margin-left:50%;
}

.indent55pc {
margin-left:55%;
}

.indent60pc {
margin-left:60%;
}

.indent65pc {
margin-left:65%;
}

.indent66pc {
margin-left:66%;
}

.indent70pc {
margin-left:70%;
}

.indent75pc {
margin-left:75%;
}

.indent80pc {
margin-left:80%;
}

.indent85pc {
margin-left:85%;
}

.indent90pc {
margin-left:90%;
}

.indent95pc {
margin-left:95%;
}

/** end indents **/

/**NEW BACKGROUND COLOURS FOR LONG TABLES **/

/** BG colour to help a user scroll easier through a long table, this is a colour that differenciates from the lightgreyBG class which is used in conjunction with this BG colour **/

.lightblueBG {
     background-color: #EEFFFF;
}

/** BG colour Used for title row, will require a white (#FFFFFF) Foreground colour for the text to be compliant  **/ 

.darkblueBG {
     background-color: #006699;
}

/** END OF NEW BACKGROUND COLOURS FOR LONG TABLES **/


/* ATTRACTIVE TABLE LAYOUTS  [requested by TDG, amended as per request from Civ Av.] */

.customTable {
    text-align: left;
    font-weight: normal;
    font-size: 0.7em;
    color: #000000;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.customTable td {
    color: #000000;
    padding: 4px;
    border: 1px #000000 solid;
}

.customTable th {
    color: #000000;
    vertical-align: top;
    padding: 2px;
    border: 1px #000000 solid;
    border-bottom: 3px #000000 solid;
}

.customTable-2col-top {
    text-align: left;
    font-weight: normal;
    font-size: 0.7em;
    color: #000000;
    width: 60%;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.customTable-2col-top th {
    color: #000000;
    vertical-align: top;
    padding: 2px;
    border: 1px #000000 solid;
    border-bottom: 3px #000000 solid;
}

.customTable-2col-top td {
    color: #000000;
    padding: 4px;
    border: 1px #000000 solid;
}

.customTable-nonborder th {
    color: #000000;
    vertical-align: top;
    padding: 2px;
    border: 0px; 
    border-bottom: 0px;
}

.customTable-nonborder td {
    color: #000000;
    padding: 4px;
    border: 0px;
}

.customTable-nonborder-top {
    text-align: left;
    font-weight: normal;
    font-size: 0.7em;
    color: #000000;
    width: 60%;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.customTable-nonborder-top th {
    color: #000000;
    vertical-align: top;
    padding: 2px;
    border: 0px; 
    border-bottom: 0px;
}

.customTable-nonborder-top td {
    color: #000000;
    padding: 4px;
    border: 0px;
}

.headerTemp {
    background-color: #DDDDFF;
}

/** to create lines and double lines for totals between table cells | **/

.bottomLine { 
	border-bottom: 1px solid #000000; 
}

.doubleLine { 
	border-bottom: 2px double #000000; 
}

/** end of to create lines between table cells**/


/** MOVED From base-institution1.css files **/
/** SPECIAL MOCKUP CLASSES **/
div.webbranding {
    width: auto;
    position: relative;
    background: #ddd; /* E5E4E2 */
    border-top: 5px solid #ddd;
    border-left: 5px solid #ddd;
}

#statement {
  height: auto;
  min-height: 3.4em;
}

* html div#statement {
      height: 3.4em; 
} 

#missionstatement {
    height: 3.3em;
}


#missionstatement h2 {
    font-size: 100%;
    line-height: 1.4em;
    padding: 0;
    margin: 0
}

.webbranding a {
    text-decoration: none;
}

.webbranding a:hover {
    text-decoration: underline;
}

div.webbranding img {
    margin-right: 9px;
}

div.webbranding {
    margin: 0;
    padding: 0;
}

#threelogos {
    margin-top: 3px;
}
/** MOCKUP CLASSES **/
h2.hptitle {
    position: relative;
    background: #003377;
    color: #FFF;
    font-size: 100%;
    /* width:96.5%; */
    border: 2px solid #003377;
    padding: 0;
    margin: 0;
}

div.dashed-bottom {
    border-bottom: 1px dotted #ddd;
    /* border-top: 12px solid #fff;*/
    min-height: 7em;
}



#audtitle {
    margin: 0;
    padding: 0;
}

#sail-aud, #sail2-aud, #rail-aud, #road2-aud, #road3-aud, #safety-aud, #air-aud {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
    width: 390px;
}

#sail-aud form, #sail2-aud form, #rail-aud form, #road-aud form, #road2-aud form, #road3-aud form, #safety-aud form, #air-aud form {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

#sail-aud h3, #sail2-aud h3, #rail-aud h3, #road-aud h3, #road2-aud h3, #road3-aud h3, #safety-aud h3, #air-aud h3 {
    color: #037;
    font-size: 100%;
    border: 0;
    padding: 0;
    display: inline;
    margin-left: -18px
}

#sail-aud ul, #sail2-aud ul, #rail-aud ul, #road-aud ul, #road2-aud ul, #road3-aud ul, #safety-aud ul, #air-aud ul {
    padding: 0;
    margin-top: 2px;
    margin-bottom: 3px;
}

html > body #sail-aud ul, html > body #sail2-aud ul, html > body #rail-aud ul, html > body #road-aud ul, html > body #road2-aud ul, html > body #road3-aud ul, html > body #safety-aud ul, html > body #air-aud ul {
    padding-bottom: 4px;
}

#stayintouch {
    border: 1px solid #ccc;
}
/** Special home page column classes **/
div.cols2small-image {
    float: left;
    width: 105px;
    /* margin: 0 3px 0 0;
     padding: 0; */
}

div.cols2auto {
    width: auto;
}

div.cols2news {
    float: left;
    width: 180px;
}

div.wedge {
    line-height: 0;
    border: 2px solid #fff;
}

/*---------------TIC----------------*/


div.right form{
	padding:0;
	margin:0.5em 0;
}

div.right form input[type='submit']{
	width:3.5em;
}

.ticnewsheading  {
    color: #037;
    font-size: 120%;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}


ul.ticsquare {
	list-style-type: square;
	color: #037;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	font-size: 90%;
}

ul.ticsquare li{
	margin-bottom:1em;
	margin-left: 0px;
}

ul.ticsquare li.bigger{
	list-style-type: none;
 	font-size:110%;
    padding-left: 0px;
    margin-top: 10px;
    color: #663;
}

ul.ticsquare li.bigger a:visited{
    color: #039 !important;
}

div.info {
	background: #eeeeff url(/images/info-image.png) 3px 9px no-repeat;
	border-top: 1px dotted #aabbbb;
	border-bottom: 1px dotted #aabbbb;
	margin: 0px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info h1{
	font-size:130%;
}

div.topstory, div.featurednews, div.morenews{
	margin-bottom:1.5em;
}

div.topstory{
	overflow: hidden;
	border: 1px dotted #aabbbb;
	padding: 7px 4px 4px 7px;
}

div.topstory h2{
	text-align: left;
	margin-top: 5px;
	font-size: 10.5pt;
	font-weight: bold;

}

div.topstory h2 a{
	text-decoration: none;
}

div.topstory h2 a:visited{
    color: #039 !important;
}


div.topstory h2 a:hover{
	text-decoration: underline;
}

div.featurednews{
	width: auto;
	min-height: 125px;
	margin-top: 10px;
	border: 1px dotted #aabbbb;
	padding: 7px;
}

div.featurednews img.image{
	margin-right: 4px; 
}

div.featurednews h2 a{
	text-decoration: none;
}

div.featurednews h2 a:visited{
    color: #039 !important;
}

div.featurednews h2 a:hover{
	text-decoration: underline;
}

div.morenews{
	border: 1px dotted #ddd;
	border-top: 1px solid #039;
	height: 1%; 
	/*min-height: 19em;*/
	padding-bottom: 5px; 
}

h2.blueNewsBackground {
	font-size: 110%;
	font-weight: 700;
	line-height: 1.6em;
	border: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
	background-color: #357;
	color: #FFF;
	/*clear:left;*/
}


div.newsleft{
	padding-top: 2px;
	float: left;
	width: 49%;
	
}

* html body div.newsleft{
	margin-bottom:10em;
}

div.newsright{
	padding-right: 1px;
	padding-top: 2px;
	margin-left:51%;
}


/*----------------------------------*/

/* MAIN PAGE FEATURES */

.newsheading {
    background: #ddd;
    color: #037;
    font-size: 120%;
    margin: 0;
    padding: 0;
    padding-left: 5px;
}


.ticnewsheading {
    color: #037;
    font-size: 120%;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}


div#box1 {
     min-height: 140px;
	 height: 140px;
	 overflow: hidden;
}

* html div#box1 {
  	
}

div#box1 ul {
    margin-left: 140px;
	padding-bottom: 0px;
}

* html div#box1 ul {
    padding-left: 40px;
}

.topborderdashed {
    border-top: 1px dashed #ff5500;
}

  a.five:link {color: #ff0000; text-decoration: none}
  a.five:visited {color: #0000ff; text-decoration: none}
  a.five:hover {text-decoration: underline} 



/******************* BEGIN Right-navigation styles UPDATE 2009-12-07 **************/

/******************** BREADCRUMBS ******************************/
/* breadcrumbs styles - change color -  start */
p.breadcrumb a 
{
  color: #003399;
}

p.breadcrumb a:visited 
{
  color: #663;
}
/* breadcrumbs sryles - change color - end */


/******************** 3 COLUMN RIGHT COLUMN ********************/
/* removing bullets and paddings */
div.right ul.nav ul {
	list-style:none;
	padding: 0px;
	margin: 0px;
} 

/* space between list items */
div.right ul.nav ul li {
	margin: 5px 0px; 
} 

/* nested list items  (sub-navigation) */
div.right ul.nav ul ul {
	margin: 0px 15px;
} 

/* change color */
div.right ul.nav ul li a, div.right ul.nav div.nav a {
	color: #003399;
	text-decoration: none;
}

div.right ul.nav ul li a:hover, div.right ul.nav div.nav a:hover {
	color: #003399;
	text-decoration: underline;
}

div.right ul.nav ul li a:visited, div.right ul.nav div.nav a:visited {
	color: #663;
}


#lvl-3-nav {
  position: relative;
  float: right;
  width: 195px;
  height: auto;
  padding: 0px;
  background-color: #fff; /*#eee;*/
  border: 1px solid  #ccc;
  margin-left: 10px;
  margin-right:0px;
  margin-top:0px;
} 
  


/* remove bullets from navigation list */
#lvl-3-nav ul {
	margin: 5px 0pt; 
	padding: 0pt 10px 0pt 25px; 
	list-style-type: none;
}

/* adjust padding after bullets were removed */
#lvl-3-nav li {
  margin: 6px 2px 6px -10px;
  line-height: 1.2em;
} 

/******************* end Right-navigation styles UPDATE 2009-12-07 **************/

#lvl-3-nav li a {
text-decoration: none;
}

#lvl-3-nav li a:hover {
text-decoration: underline;
}


#lvl-3-nav div {
	padding: 0px;
        line-height: 17px;
}


#lvl-3-nav div.titlebox  {
    padding: 5px 5px 5px 5px;
    background-color:  #357;
    line-height: 1em;
    text-align: center;
    vertical-align: middle;
}

#lvl-3-nav div h2 {
     font-size: 100%;
     padding: 0px;
     margin: 0px;
     color: #fff;
}

.twoColumn, .flexible { width: auto !important;}
.infastructurelink { background-color: #357 !important; color: #fff !important; font-weight: bolder !important;}
div.leftNavEmptyWedge {
	
	padding: 0;
	margin: 0;
	background-color: #bcd;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */
#marine {
width: 200px !important
}

#viewsource {

  position: absolute;

  top: 70px;

  margin-left: -150px;

  z-index: 1000;



}

* html #viewsource {

     top: 80px;

}

.alignMiddle {
	vertical-align: middle;
}

.backgroundPanel {
	background-color: #eee !important; 
	border: 1px solid #ddd; 
	padding: 2px;
	margin-left: 8px;
	margin-bottom:1em;
}

ul.redBulletedList {
   width: 93.5%;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   margin: 0;
  
}

ul.redBulletedList li {
    width: 43%;
    float: left;
    background-image: url("http://tcwwwclf2dev/tc-final/images/triangle.gif"); 
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px;
 
}

/* CSS CLASSES FROM INFRASCTUCTURE CANADA USED FOR WHAT'S NEW AND FEATURES */

.heading {
	font-size:100%;
	color: #000000;
	border: 1px solid #335577;
	background-color: #BBCCDD;
	padding:3px 0px;
	padding-left:5px;
	margin:5px 0px 0px 0px;
}

.borderblue {
	border: 1px solid #335577;
	border-top:0px;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:10px;
	padding-bottom:0px;
	margin: 0px 0px 0px 0px;
	font-size: 85%;
}	 

.borderblue A:link {text-decoration: none}
.borderblue  A:visited {text-decoration: none}
.borderblue  A:active {text-decoration: none}
.borderblue  A:hover {text-decoration: underline; color: red;}

.strike {text-decoration: line-through;}

/* CSS CLASSES FOR DPR and RPP REPORTS   */

table.rpp th, table.dpr th { background-color: #eee; }

.borderLeftThin { border-left: solid 1px #000; }
.borderRightThin { border-right: solid 1px #000; }

.borderTopThin { border-top: solid 1px #000; }
.borderTopThick { border-top: solid 2px #000; }
.borderTopDouble { border-top: double 3px #000; }

.borderBottomThin { border-Bottom: solid 1px #000; }
.borderBottomThick { border-Bottom: solid 2px #000; }
.borderBottomDouble { border-Bottom: double 3px #000; }

.borderSimple { border: solid 1px #000; }

.width33 { width: 33%; }
.width34 { width: 34%; }

.darkgreyBG { background-color: #666; color: #fff; } 

/* END OF CSS CLASSES FOR DPR and RPP REPORTS   */

/*CSS CLASSES FOR CHILD CAR SEAT DEVELOPMENT SITE - ROAD SAFETY   */


img.border {

	border: 1px solid #000;
}

/* END OF CSS CLASSES FOR CAR SEAT DEVELOPMENT SITE - ROAD SAFETY */


.flInitState{
	display:none;
}

/*classes for ecoTECHNOLOGY  */

.greenheader {
	background-color: #c8df8c;
	font-weight: normal;
	width: auto;
	padding: 5px;
	letter-spacing: -0.075em;
}

.greenhr {
	border-color: #dea;
	border-style: solid;
	height: 1px;
}

/*End of classes for ecoTECHNOLOGY*/

/* Start of RSS Master List  */
/* table styles .feeds */
table.feeds{
        width:590px;
        font:12px Arial, Helvetica, sans-serif;
        margin:15px 0 0 0;
}
 
table.feeds td.title{
        background-color:#828282;
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
        color:#fff;
        margin:0;
}
 
table.feeds td.sub-title{
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
        color:#828282;
        margin:0;
        background:url(/images/rss-bullet.gif) no-repeat scroll 5px 7px #eee;
}
 
table.feeds td.sub-title span{
        padding-left:15px;
}
 
table.feeds td.border{
        margin:0;
        background-color:#eee;
        font-size:0px !important;
}
 
table.feeds td{
        padding:5px;
}
 
table.feeds td a{
        text-decoration:none;
        color:#000;
}
 
table.feeds td a:hover{
        text-decoration:underline;
}
 
table.feeds td.content{
        border-bottom:1px solid #e9e9e9;
        border-right:1px solid #e9e9e9;
        border-left:1px solid #e9e9e9;
        width:150px;
}
 
table.feeds td.rssfeed{
        border-bottom:1px solid #e9e9e9;
        border-right:1px solid #e9e9e9;
        padding: 0 0 0 10px;
        word-break:break-all;
}
 
table.feeds td.rss-icon{
        background:url(/images/rss-icon.jpg) no-repeat scroll 10px;
        width:16px;
        border-bottom:1px solid #e9e9e9;
}
table.feeds td.rss-icon a{
        display:block;
        width:16px;
        height:16px;
}
 
table.feeds td.rss-icon a:hover{
        text-decoration:none;
}
 
table.feeds td.rss-icon a:hover{
        text-decoration:none;
}
/* End of RSS Master List  */

/* Class for centering table */

.centered {
	margin : auto !important; 
}