/* CLF 2.0 TEMPLATE VERSION 1.0 | VERSION 1.0 DU GABARIT NSI 2.0 */

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

/*  START: Show/Hide Descriptions */

div.center .showhikelinks{
	border:solid 2px #696;
	background-color:#EEE;
	color: #369;
	font-weight: bold; 
	font-size: 90%;
	float:right;
	padding:0.25em 0.25em;
	margin:0; 
	
}

div.center .showhikelinks a{
	color: #369;
	text-decoration: none; 
	
}

div.center .showhikelinks a:visited{
	color: #369;
}

div.center .showhikelinks a:hover{
	color: #369;
	text-decoration: underline;
}

	div#link.showDescriptionYes dd{
	   visibility: visible;
	   display:block; 
	}
	
	div#link.showDescriptionYes a.linkshow{
	visibility: collapse;
	display:none;
	}

  
	div#link.showDescriptionNo dd{
	   /*visibility: hidden; */
	   visibility: collapse;
	   display:none;
	}
	
	div#link.showDescriptionNo dt{
		font-weight: normal;
	}
	
	div#link.showDescriptionNo a.linkhide{
	visibility: collapse;
	display:none;
	}
	
/*  END: Show/Hide Descriptions */


/* START: Minister's pages  */
div.center h1.minmin{
	background: #696 url(../images/h1-image.jpg) bottom left no-repeat;
	font-size: 100%; 
	color: #FFF; 
	
	margin-top: -5px;
	margin-bottom: 2px; 
	
	/*	
	padding: 2px 0 2px 32px;
	width: 363px;
	*/

	padding: 2px 0 2px 0; 
	width: 395px;
	text-align: center;	 
}	

h3.minminnews{ 
	color: #696; 
	font-size:110%; 
	font-weight: bold; 
	margin-bottom: -12px; 

}

div.minminnewstitle{ 
	width: 115px; 
	margin-left: 15px;
	margin-bottom: 0px;
	margin-top: 5px;
	
	color: #FFF;
	font-size: 105%;
	
	padding: 2px 0 2px 15px;
	
	background: #696 url(../images/center-tab-left2.gif) bottom left no-repeat; 
	font-weight:bold;
}


div.minminnews{ 
	border: 1px #696 solid; 
	padding: 2px 2px 0 2px; 
	 
}

div.minminpriorities{ 
	border: 1px #696 solid; 
	padding: 2px 2px 0 2px; 
	text-align: center; 
	position: relative;
	 
}

div.prio{
	display: block; 
	width: 190px; 
	text-align: left; 
}

.prioleft { 
	float: left;
	vertical-align: text-top; 
	position: relative;
	padding: 3px 1px 0px 2px;
}

.prioright { 
	float: left;
	vertical-align: text-top;
	position: relative; 
	padding: 3px 0px 0px 3px;
}

div.clear{
	clear: both;
}

div.clearnews {
	 padding-bottom: 280px;
	}

/* END: Minister's pages  */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */




/*------------------------------------------------------------------*/
ul.doublespace li, ol.doublespace li {margin-bottom:2em}
ul.space li, ol.space li {margin-bottom:1em}
.textsmall {font-size:smaller}
ul.noindent li,ol.noindent li {margin-left:-20px}
.videobox { background-color: #EEE; text-align:center; height:165px;}
.strong {font-weight:bold}
.clear {clear:both}

/*---------------------------------*/
/* Styles used for media section   */
/*---------------------------------*/

/*image alignment */

.image-center { 
	float: none;
	text-align: center;
	font-size: 12px;
	color: #000033;
	}
	
.image-right1 { 
	float: right;
	text-align: center;
	font-size: 12px;
	color: #000033;
	padding: 0px 5px;
	}
	
.blockquote-news {
	background-color: #CCC;
	color: #000;
	border: 1px solid #333;
	font-style: normal;
	padding: 15px;
	float: left;
	width: 315px;
	}
	
/*--end media styles --/

/*---------------------------------*/
/*      Slideshow styles           */
/*---------------------------------*/

#slideshow li.menucontent {
	margin: 0 /*!important*/;
	padding: 0 /*!important*/;
	text-align: left;
	vertical-align: top;
}

#slideshow li.menucontent a.menulink {

	display: block;
	font-size: 85% /*!important*/;
	font-weight: 600;
	padding: 0px 12px 10px;
}

* html div.right ul #slideshow li a.menulink {
	padding: 0px /*!important*/;
}

#slideshow li.menucontent img {
	margin-left: -1px;
}

#slideshow div.morelink {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

/*********** SlideShow CSS ********************/
#slideshowContainer {
	padding: 0;
	margin: 0;
	padding-bottom: 4px; 
	background: url(../images/sshw-mdiap/deco.gif) #f4f2ec no-repeat 0 72px;
}

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


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

#slideshowcontrolsContainer {

	display: block;
	height: 19px;
	text-align: right;
    border-left: 1px solid #e1dcc9;
	border-right: 1px solid #e1dcc9;
}


li.ss-active {
	vertical-align: middle;
	margin: 0;
	text-align: left !important;
	padding: 3px 3px 2px 12px;
	border-left: 1px solid #e1dcc9;
	border-right: 1px solid #e1dcc9;
}

li.ss-active a.ss-active, li.ss-active a.ss-active:link {
	text-decoration: none;
	color: #000 !important;
	text-align: left !important;
}

li.ss-active a.ss-active:hover {
	text-decoration: underline;
	color: #000 !important;
}


/******** Rounded Corner Classes ****************/
.rCorners h1,.rCorners h2,.rCorners a {
	font-weight: 800;
}

.rCorners h2 {
	border: 0;
	display: inline;
}

.rCorners div h2.nav,.rCorners div h2.nav a.menulink {
	line-height: 1.4em;
}

.rCorners h2 {
	padding-top: 0.6em;
}

.rCorners {
	background: transparent;
	display: inline;
}

.rtop,.rbottom {
	background: transparent;
	display: block;
	font-size: 1px;
}

.rb1,.rb2,.rb3,.rb4,.rt1,.rt2,.rt3,.rt4,.rrt1,.rrt2,.rrt3,.rrt4 {
	display: block;
	overflow: hidden;
}

.rb1,.rb2,.rb3,.rt1,.rt2,.rt3,.rrt1,.rrt2,.rrt3 {
	height: 1px;
}

.rb2,.rb3,.rb4,.rt2,.rt3,.rt4 {
	border-left: 1px solid;
	border-right: 1px solid;
}

.rrt2,.rrt3,.rrt4 {
	border-right: 1px solid;
}

.rb1 {
	margin: 0 5px;
}

.rt1 {
	background: transparent;
	margin: 0 5px;
}

.rb2,.rt2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.rb3,.rt3 {
	margin: 0 2px;
}

.rb4,.rt4 {
	height: 2px;
	margin: 0 1px;
}

.rrt1 {
	background: transparent;
	margin: 0 5px 0 0;
}

.rrt2 {
	border-width: 0 2px 0 0;
	margin: 0 3px 0 0;
}

.rrt3 {
	margin: 0 2px 0 0;
}

.rrt4 {
	height: 2px;
	margin: 0 1px 0 0;
}

.shadedCap .rb1,.shadedCap .rt1,.whiteCap .rb1,.whiteCap .rt1,.whiteCap .rrt1,darkCap .rt1,darkCap .rb1 {
	background: #e1dcc9;
}

.whiteCap .rb2,.whiteCap .rb3,.whiteCap .rb4,.whiteCap .rt2,.whiteCap .rt3,.whiteCap .rt4,.whiteCap .rrt2,.whiteCap .rrt3,.whiteCap .rrt4 {
	background: #ffffff;
	border-color: #e1dcc9;
}

.shadedCap .rb2,.shadedCap .rb3,.shadedCap .rb4,.shadedCap .rt2,.shadedCap .rt3,.shadedCap .rt4 {
	background: #f4f2ec;
	border-color: #e1dcc9;
}

.darkCap .rb2,.darkCap .rb3,.darkCap .rb4,.darkCap .rt2,.darkCap .rt3,.darkCap .rt4 {
	background: #e1dcc9;
	border-color: #e1dcc9;
}

.shadedBG {
	background: #f4f2ec;
}

div.left .rboxcontent,div.right .rboxcontent,div.center .rboxcontent {
	background: #e1dcc9 url(/img/servcan/layout/backgrounds/button_bg.gif) repeat-x top left;
	border: 0 solid #e1dcc9;
	border-width: 0 1px;
	display: block;
}

div.left .rboxcontent div,div.right .rboxcontent div {
	padding: 1px 2px 4px 2px;
	text-align: center;
}

div.center .rCorners .rboxcontent div {
	padding: 2px 2px 7px 2px;
	text-align: center;
}

div.left .rboxcontent a.menulink    , div.right .rboxcontent a.menulink {
	background: transparent;
	color: #004499;
	padding: 0px 2px;
}

div.left .rboxcontent a.menulink:visited    , div.right .rboxcontent a.menulink:visited {
	color: #770033;
}

div.left .rboxcontent h2    , div.right .rboxcontent h2 {
	background: transparent;
	color: #444444;
	padding: 0px 2px;
}

div.center .rboxcontent h2 {
	background: transparent;
	color: #444444;
	font-size: 116%;
	line-height: 14px;
	padding: 0px 2px 6px 2px;
}

.rboxcontent h2.nav {
	line-height: 14px !important;
}

.pd-rt1,.pd-rt2,.pd-rt3,.pd-rt4 {
	display: block;
	overflow: hidden;
}

.pd-rt1,.pd-rt2,.pd-rt3 {
	height: 1px;
}

.pd-rt2,.pd-rt3,.pd-rt4 {
	background: #bfbcb5;
	border-left: 1px solid #f4f2ec;
	border-right: 1px solid #f4f2ec;
}

.pd-rtop {
	background: transparent;
	display: inline;
	font-size: 1px;
}

.pd-rt1 {
	background: transparent;
	margin: 0 5px;
}

.pd-rt2 {
	background: #bfbcb5;
	border-width: 0 2px;
	margin: 0 3px;
}

.pd-rt3 {
	margin: 0 2px;
}

.pd-rt4 {
	height: 2px;
	margin: 0 1px;
}

div.rcornerRight {
	margin: 0 0 0 64px;
	min-height: 36px;
	padding: 0;
}

.rcornerRight .rboxcontent {
	margin: 0;
	min-height: 29px;
	border-width:   0px;
	padding: 0;
	vertical-align: middle;
}

* html .rcornerRight .rboxcontent {
	height: 31px;
	border-left: 0px;
}

.rcornerRight .rboxcontent div {
	padding: 0px !important;
	text-align: center;
	border-left: 0px;
}

.rcornerRight .rboxcontent h2 {
	margin: 2px 3px 0px 3px;
	padding: 0px;
	position: relative;
	top: 3px;
	text-align: left;
	vertical-align: middle;
}

* html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2.audience a, * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2 a, * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2.audience , * html .center .rcorners .imgHead .rcornerRight .rboxcontent div h2 {
line-height: 2.25em;
text-align: left;
}

/* tables using divs and classes

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

.table {
 	float: left;
 	width: auto;
 	clear: left;
 	height: auto;
 	}
 .row {
 	padding: 1px;
 	clear: both;
 	margin: 0;
  	width: auto;
 	}

 .col1 {
   float: left;
   width: 150px;
   padding: 1px;
   height: auto;
   clear: left;
    }

  .col2 {
   float: left;
   width: 250px;
   padding: 1px;
   }
   
  .rownBox {
 padding: 2px;
 clear: both;
 width: 568px;
 border: 1px solid #000000;
 }
 
   .rownBox1 {
 padding: 2px;
 clear: both;
 width: 568px;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 }
   
   
 .rown {
 padding-bottom: 10px;
 clear: both;
 width: 575px;
 }
 
.signature {
  float: left;
  width: 250px;
  padding: 1px;
  margin: 25px 25px 5px 10px;
  border-top: 1px solid #000000;
 }
 
.dateSign {
  float: left;
  width: 116px;
  padding: 1px;
  margin: 25px 0px 5px 2px;
  border-top: 1px solid #000000;
 }

/* tables using divs and ids

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

#signatureBox, #outerBox, #dateBox, #bord
{
 margin: 0;
 padding: 0;
}

#outerBox
{ 	
	width: 450px;
	height: 38px;
	margin: 25px 25px 25px 25px;
}
#signatureBox
{
	width: 250px;
	height: 35px;
	float: left;
	margin: 25px 75px 5px 0px;
	border-top: 1px solid #000000;
}
#dateBox
{
	width: 116px;
	height: 35px;
	float: left;
	border-top: 1px solid #000000;
	margin: 25px 0px 5px 5px;
}

.bruceh3 {
	font-size: 120%;
	font-weight: normal;
	text-decoration: underline;
	font-style: italic;
	}
	
.bruceh5 {
	font-size: 120%;
	font-weight: normal;
	text-decoration: underline;
	}
	
	/* classes for background in project Guide document */
	
.darkBlueBG {
	background-color: #003063;
	color: #FFFFFF;
	}
	
.lightGreenBG {
	background-color: #ceffff;
	}
	
/* used in performance-eng.php for blurbs */
div.floatingbox {
 float: right;
 width: 235px;
 border: 2px solid #003063;
 background-color: #FFF;
 margin: 10px 0px 10px 0px;
 margin-left:+10px;
 padding: 5px;
 font-weight : 400;
 }