/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */
/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
div.border {
    border: solid #ddd 1px;
    padding: 5px;
}


#prodis { border-bottom: 0;}

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

/* This box is to avoid tables for next and previous page links | */
.outerBox {
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    padding: 4px 4px 4px 4px;
    margin-right: 10px;
}
/*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: 0;
    padding: 0;
    width: 98.5%;
}

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;
}
/*single-column, multi-row table 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 {
   border-bottom: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   margin-bottom:0.5em;

}

ul#slideshow li.menucontent a img {

}

ul#slideshow li.menucontent a.menulink {

         padding: 2px 5px 2px 12px; 

 display: block;

}

* html ul#slideshow li.menucontent a.menulink {

        display: inline-block;

}


/*ul#slideshow li.menucontent a.menulink {

	 padding: 2px 5px 2px 12px; 
	 
	 display: -moz-inline-block;
	 
	 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(/tic/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 COLOUR **/
/* ATTRACTIVE TABLE LAYOUTS  [by Jean-François Morel, Research, Evaluation and Systems, TDG] */
.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 {
    background-color: #FFFFFF;
    color: #000000;
    padding: 4px;
    border: 1px #000000 solid;
}

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

.headerTemp {
    background-color: #DDDDFF;
}
/** 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, #rail-aud, #road-aud, #safety-aud, #air-aud {
    margin: 0;
    padding: 0;
    line-height: 1.0em;
    width: 390px;
}

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

#sail-aud h3, #rail-aud h3, #road-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, #rail-aud ul, #road-aud ul, #safety-aud ul, #air-aud ul {
    padding: 0;
    margin-top: 2px;
    margin-bottom: 3px;
}

html > body #sail-aud ul, html > body #rail-aud ul, html > body #road-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 !important;
}

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: 50px; 
}

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;
	 padding-top: 10px;
	 padding-bottom: 10px;
}



* 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;
}

/******************** 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 !important;
}


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


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


#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 */

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;
 
}

.rightnavbluetop
{

	border:1px solid #abb;
	border-top: 1px solid #039;
	padding: 0.2em 0.5em;
	margin:0;
	margin-bottom:0.5em;

}