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

/*  START: New Styles added for MPMO */

.rightbox {
	width: 19em;/* right box width */
	float: right;
	position: relative;
	z-index: 11;
	font: 0.9em sans-serif;
	padding: 0;
	margin: .25em;
	color: Black;
	background-color: #FFF;
	border: 0;
}

/* Begin Comments*/
/*
#comments {
	padding: 0;
	margin: 0;
	}

.alt {
	margin: 0;
	padding: 5px;
	background-color: #EFEFEF;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 5px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
*/
/* End Comments */

/* Begin Form Structure */
textarea.red{
	font: 1em sans-serif;
	padding: 0.2em;
	color: #000;
	background-color: #FFF1F8;
	border: 1px inset red;
	width: 290px;
}
input.red{
	font: 1em sans-serif;
	padding: 0.2em;
	color: #000;
	background-color: #FFF1F8;
	border: 1px inset red;
	width: 290px;
}
input.redate{
	font: 1em sans-serif;
	padding: 0.2em;
	color: #000;
	background-color: #FFF1F8;
	border: 1px inset red;
	width: 80px;
}
input.date{
	font: 1em sans-serif;
	padding: 0.2em;
	color: #000;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
	width: 80px;
}
input.txt {
  font: 1em sans-serif;
  padding: 0.2em;
  color: #000;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 290px;
}
input.txt2 {
  width: 260px;
}
input.btn {
	font: bold 1em sans-serif;
/*	padding: 0.3em;
	color: #FFF;
	background-color: #336;
	border: 1px outset #000000;*/
}
.btnNoSpaces 
{
    font: bold 1em sans-serif;
    width: auto;
    overflow: visible;
}
textarea.txt {
  font: 1em sans-serif;
  padding: 0.2em;
  color: #000;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 290px;
}
select.txt{
  font: 1em sans-serif;
  color: #000;
  background-color: #E3F2F7;
  border: 1px inset #00008B;
  width: 300px;
}
select.red{
  font: 1em sans-serif;
  color: #000;
  background-color: #FFF1F8;
  border: 1px inset red;
  width: 300px;
}

.searchbox div {
  clear: left;
  margin: 0;
  padding: 0.4em;
}
.searchbox div.alt {
  background-color: #EEE;
}
.searchbox div label {
  float: left;
  width: 35%;
  font: 1em Verdana,Arial, Helvetica, sans-serif;
}
.searchbox div label .red{
  float: left;
  width: 35%;
  font: 1em Arial, Helvetica, sans-serif;
  color: red;
}
/*
form div {
  clear: left;
  margin: 0;
  padding: 0.4em;
}
*/
form div.alt {
  background-color: #EEE;
}
form div label {
  width: 35%;
  font: 1em Arial, Helvetica, sans-serif;
}
form div label .red{
  width: 35%;
  font: 1em Arial, Helvetica, sans-serif;
  color: red;
}

fieldset {
	border: 1px solid #004488; /* #336; */
	margin: .75em .5em 2em .25em;
	padding: 0.7em;
	background-color: #FFF;
}
legend {
  font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #004488; /* #336; */
  padding: 0.5em;
  color: #004488; /* #336; */
  background-color: #EEE;
}
span.rb 
{
	width: 300px;
}
span.rb input 
{
	width: 190px;
}
span.rb label 
{
	width: 100px;
}
fieldset fieldset
{
	/*margin-bottom: -2.5em;*/
	/*margin-left: -10px;*/
	border-style: none;
	background-color: transparent;
	background-image: none;
}

fieldset fieldset legend
{
	margin-left: 0;
	font-weight: normal;
}

fieldset fieldset ul
{
	list-style: none;
	position: relative;
	top: -1.5em;
	margin: 0;
	padding-left: 0;
}

fieldset div label
{
  float: left;
  width: 35%;
  font: 1em Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

fieldset fieldset label
{
	float: none;
	width: auto;
	margin-right: auto;
}
.akey {
  text-decoration: underline;
}
/* End Form Structure */

div.colLayout 
{
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

.captioned_photo {
	position: relative;
	float: right;
	margin: .5em;
	padding: 0;
	border: 1px solid #004488; /* #336; */
	line-height: 1em;
	}
	
/* END: Minister's pages  */

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




/*------------------------------------------------------------------*/
ul.doublespace li, ol.doublespace li {margin-bottom:.6em}
.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}

.goc {background:url(/images/gc-lnk3.gif) no-repeat 100%; padding: 0 15px 2px 0;}



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


/* --------- DIV MESSAGE BOXES START --------- */

	div.info div, div.warning div, div.success div, div.error div, div.help div { padding: 6px; text-indent: 10px; }
	div.info h2, div.success h2, div.warning h2, div.error h2, div.help h2 { font-size: 130%; margin-top: 6px;  margin-bottom: 6px; padding-left: 4px; }
	div.info p, div.warning p, div.success p, div.error p, div.help p { padding: 0 4px; margin-top: 4px; margin-bottom: 4px; }
	div.info h2 p, div.info h2 div, div.warning h2 p, div.warning h2 div, div.success h2 p, div.success h2 div, div.error h2 p, div.error h2 div, div.help h2 p, div.help h2 div { padding: -2px 4px 0 4px; }
	div.info a:hover, div.success a:hover, div.warning a:hover, div.error a:hover, div.help a:hover { color: #900; text-decoration: underline; }
	div.info a:visited, div.success a:visited, div.warning a:visited, div.error a:visited, div.help a:visited { color: #900; }
	
	/* div styles for information (info), Success (success), Warning (warning), Help (help), Error (error) */
	/* <div class="ALERTNAME"><div class="bgbox">&nbsp;</div>...</div> (ALERTNAME = info, success, warning, help, error) */

	/* --------- Information (info) --------- */
	div.info { background: #EAF1F9; border: 1px dashed #003; margin: 14px 0; }
	div.info div.bgbox { background: url(../images/alt-info.png) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.info div.bgbox-r { background: url(../images/alt-info.png) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -11px; display: inline; } 		
	div.info h2 { color: #003; }
	
	/* --------- Success (success) --------- */
	div.success { background: #DFF2BF; border: 1px solid #3A8412; margin: 14px 0; }
	div.success div.bgbox { background: url(../images/alt-scs.png) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.success div.bgbox-r { background: url(../images/alt-scs.png) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -12px; display: inline; }
	div.success h2 { color: #000; }
	
	/* --------- Warning (waring) --------- */
	div.warning { background: #FEEFB3; border: 1px solid #9F6000; margin: 14px 0; }
	div.warning div.bgbox { background: url(../images/alt-caut.png) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.warning div.bgbox-r { background: url(../images/alt-caut.png) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -12px; display: inline; }
	div.warning h2 { color: #9F6000; }
	
	/* --------- Help (help) --------- */
	div.help { 	background: #D1BBE8; border: 1px dashed #606; 	margin: 14px 0; }
	div.help div.bgbox { background: url(../images/alt-hlp.png) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.help div.bgbox-r { background: url(../images/alt-hlp.png) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -12px; display: inline; }
	div.help h2 { color: #000; }

	/* --------- Error (error) --------- */
	div.error { color: #900; background: #F6CBCA; border: 1px dashed #900; margin: 14px 0; }
	div.error div.bgbox { background: url(../images/alt-err.png) no-repeat; height: 38px; width: 38px; float: left; padding: 3px; margin: -10px -8px; display: inline; }
	div.error div.bgbox-r { background: url(../images/alt-err.png) no-repeat; height: 38px; width: 38px; float: right; padding: 3px; margin: -10px -12px; display: inline; }
	div.error h2 { color: #900; }
	div.error ul { font-weight: 500; }
	div.error a { color: #900; }
	div.error a:hover { text-decoration: none; }
	div.error a:visited { text-decoration: line-through; }
	
	
	
	/*  image inside the "box" START */
		/*  working... */
		div.info, div.success, div.warning, div.error, div.help {  
		border: 1px solid;  
		margin: 10px 0px; 
		padding: 2px 6px 2px 48px;  
		background-repeat: no-repeat;  
		background-position: 6px center;  
		}  
		
		div.info h2, div.success h2, div.warning h2, div.error h2, div.help h2 { 
		font-size: 130%; 
		margin-top: 2px;  
		margin-bottom: 0;  
		}
		
		div.info p, div.success p, div.warning p, div.error p, div.help p, 
		div.info div, div.success div, div.warning div, div.error div, div.help div { 
		margin-left: auto;
  		margin-right: auto;
		}
		
		div.info ul, div.success ul, div.warning ul, div.error ul, div.help ul { 
		margin-top: 2px;
  		margin-bottom: 2px;
		}

		
		div.info {  
		color: #00529B;  
		background-color: #EAF1F9;  
		background-image: url('../images/alt-info.jpg');  
		} 
		
		div.info h2 {  
		color: #00529B;    
		} 
		
		div.help {  
		color: #660066;  
		background-color: #D1BBE8;  
		background-image: url('../images/alt-hlp.jpg');  
		}
		
		div.help h2 {  
		color: #660066;    
		}
		
		div.success {  
		color: #4F8A10;  
		background-color: #DFF2BF;  
		background-image:url('../images/alt-scs.jpg');  
		}  
		
		div.success h2 {  
		color: #4F8A10;    
		}
		
		div.warning {  
		color: #9F6000;  
		background-color: #FEEFB3;  
		background-image: url('../images/alt-caut.jpg');  
		}  
		
		div.warning h2 {  
		color: #9F6000;    
		}

		div.error {  
		color: #D8000C;  
		background-color: #F6CBCA;  
		background-image: url('../images/alt-err.jpg');  
		} 
		
		div.error a { color: #900; }
		div.error a:hover { text-decoration: none; }
		div.error a:visited { text-decoration: line-through; }
		
		div.error h2 {  
		color: #D8000C;    
		}
	/* ------ DIV GENERAL SETTINGS: START ------ */
	div.infoBox div, div.warningBox div, div.successBox div, div.errorBox div, div.helpBox div { padding: 6px; text-indent: 10px; }
	div.infoBox h2, div.successBox h2, div.warningBox h2, div.errorBox h2, div.helpBox h2 { font-size: 130%; margin-top: 6px;  margin-bottom: 6px; padding-left: 10px; margin-left: -120px;}
	div.infoBox p, div.warningBox p, div.successBox p, div.errorBox p, div.helpBox p { padding: 0 4px; margin-top: 4px; margin-bottom: 4px; text-indent: 0px; }
	div.infoBox h2 p, div.infoBox h2 div, div.warningBox h2 p, div.warningBox h2 div, div.successBox h2 p, div.successBox h2 div, div.errorBox h2 p, div.errorBox h2 div, div.helpBox h2 p, div.helpBox h2 div { padding: -2px 4px 0 4px; }
	div.infoBox a:hover, div.successBox a:hover, div.warningBox a:hover, div.errorBox a:hover, div.helpBox a:hover { color: #900; text-decoration: underline; }
	div.infoBox a:visited, div.successBox a:visited, div.warningBox a:visited, div.errorBox a:visited, div.helpBox a:visited { color: #900; }
	
	.MessageBoxTitle {
	    font-size: 130%;
	    font-weight: bold;
	}
	
	.MessageBoxText {
	    font-size: 100%;
	    font-weight: normal;
	}
	
	/* div styles for information (infoBox), Success (successBox), Warning (warningBox), Help (helpBox), Error (errorBox) */
	/* <div class="ALERTNAME"><div class="bgbox">&nbsp;</div>...</div> (ALERTNAME = info, success, warning, help, error) */

	/* --------- Information (infoBox) --------- */
	div.infoBox { background: #EAF1F9; border: 1px dashed #003; margin: 14px 0; }
	div.infoBox div.bgbox { background: url(../images/alt-info.jpg) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.infoBox div.bgbox-r { background: url(../images/alt-info.jpg) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -11px; display: inline; } 		
	div.infoBox h2 { color: #003; }
	
	/* --------- Success (successBox) --------- */
	div.successBox { background: #DFF2BF; border: 1px solid #3A8412; margin: 14px 0; }
	div.successBox div.bgbox { background: url(../images/alt-scs.jpg) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.successBox div.bgbox-r { background: url(../images/alt-scs.jpg) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -12px; display: inline; }
	div.successBox h2 { color: #000; }
	
	/* --------- Warning (warningBox) --------- */
	div.warningBox { background: #FEEFB3; border: 1px solid #9F6000; margin: 14px 0; }
	div.warningBox div.bgbox { background: url(../images/alt-caut.jpg) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.warningBox div.bgbox-r { background: url(../images/alt-caut.jpg) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -12px; display: inline; }
	div.warningBox h2 { color: #9F6000; }
	
	/* --------- Help (helpBox) --------- */
	div.helpBox { 	background: #D1BBE8; border: 1px dashed #606; 	margin: 14px 0; }
	div.helpBox div.bgbox { background: url(../images/alt-hlp.jpg) no-repeat; height: 35px; width: 35px; float: left; padding: 4px; margin: -10px -8px; display: inline; }
	div.helpBox div.bgbox-r { background: url(../images/alt-hlp.jpg) no-repeat; height: 35px; width: 35px; float: right; padding: 4px; margin: -10px -12px; display: inline; }
	div.helpBox h2 { color: #000; }
	
	/* --------- Error (errorBox) --------- */
	div.errorBox { color: #900; background: #F6CBCA; border: 1px dashed #900; margin: 14px 0; }
	div.errorBox div.bgbox { background: url(../images/alt-err.jpg) no-repeat; height: 38px; width: 38px; float: left; padding: 3px; margin: -10px -8px; display: inline; }
	div.errorBox div.bgbox-r { background: url(../images/alt-err.jpg) no-repeat; height: 38px; width: 38px; float: right; padding: 3px; margin: -10px -12px; display: inline; }
	div.errorBox h2 { color: #900; }
	div.errorBox ul { font-weight: 500; }
	div.errorBox a { color: #900; }
	div.errorBox a:hover { text-decoration: none; }
	div.errorBox a:visited { text-decoration: none; }
	
	/*  image inside the "box" START */
		/*  working... */
		div.infoBox, div.successBox, div.warningBox, div.errorBox, div.helpBox {  
		border: 1px solid;  
		margin: 10px 0px; 
		padding: 2px 6px 2px 50px;  
		background-repeat: no-repeat;  
		background-position: 6px center;  
		}  
		
		div.infoBox h2, div.successBox h2, div.warningBox h2, div.errorBox h2, div.helpBox h2 { 
		font-size: 130%; 
		margin-top: 2px;  
		margin-bottom: 0;  
		}
		
		div.infoBox p, div.successBox p, div.warningBox p, div.errorBox p, div.helpBox p, 
		div.infoBox div, div.successBox div, div.warningBox div, div.errorBox div, div.helpBox div { 
		margin-left: auto;
  		margin-right: auto;
		}
		
		div.infoBox ul, div.successBox ul, div.warningBox ul, div.errorBox ul, div.helpBox ul { 
		margin-top: 2px;
  		margin-bottom: 2px;
		}

		
		div.infoBox {  
		color: #00529B;  
		background-color: #EAF1F9;  
		background-image: url('../images/alt-info.jpg');  
		} 
		
		div.infoBox h2 {  
		color: #00529B;    
		} 
		
		div.helpBox {  
		color: #660066;  
		background-color: #D1BBE8;  
		background-image: url('../images/alt-hlp.jpg');  
		}
		
		div.helpBox h2 {  
		color: #660066;    
		}
		
		div.successBox {  
		color: #4F8A10;  
		background-color: #DFF2BF;  
		background-image:url('../images/alt-scs.jpg');  
		}  
		
		div.successBox h2 {  
		color: #4F8A10;    
		}
		
		div.warningBox {  
		color: #9F6000;  
		background-color: #FEEFB3;  
		background-image: url('../images/alt-caut.jpg');  
		}  
		
		div.warningBox h2 {  
		color: #9F6000;    
		}

		div.errorBox {  
		color: #D8000C;  
		background-color: #F6CBCA;  
		background-image: url('../images/alt-err.jpg');  
		} 
		
		div.errorBox a { color: #900; }
		div.errorBox a:hover { text-decoration: none; }
		div.errorBox a:visited { text-decoration: none; }
		
		div.errorBox h2 {  
		color: #D8000C;    
		}
	
	/*  image inside the "box" END */
	
/* --------- DIV MESSAGE BOXES END --------- */