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

 * 

 * TABLE OF CONTENTS:

 * 

 *  1. Overide Base-Institution Style Declerations

 *  2. Contact us Forms CSS

 *  3. Setting Square Bullets for Left and Right Nav

 *  4. Styles for Multiple Page Publications 

 *  5. Table Utility CSS

 *  6. Quote Styles

 *  7. Legacy Right Box Stylse 

 *  8. New Right Box Styles

 *  9. Minister Page Div Layout

 * 10. Div Table

 * 11. Service Canada Box

 * 12. Video Vault

 * 13. Home page center box styles

 * 14. Home page right box styles

 * 15. NHSP Main Box Styles 

 * 16. Server Error Message Styles

 * 17. Minister's News Letter styles 

 * 18. Modular Border Styles 

 * 20. Utility Classes

 * 21. Definition List Styles 

 * 22. Labour Focus News Letter Styles 

 * 23. Rotator Styles

 */



 

 





/****************************************************************************

Section				: OVERRIDE OF BASE-INSTITUTION.CSS STYLE DECLARATIONS

Last Modified Date	: 2009.11.03

Summary				:  

*****************************************************************************/

body {

	background-color: #1B3462 ;

}



div.center h1, h2, h3, h4, h5, h6 {

	color: #013567;

}



div.banner {

	background-color: #1B3462;

	background-image:url(../images/banner-baniere.jpg);

	background-repeat: no-repeat;

}



div.labour_banner { 	

	background-image: url("../images/travail_banniere-labour_banner.jpg");

}





/* SKIP NAVIGATION CSS BEGINS | DEBUT DU CSS DU SAUT DE NAVIGATION */

div.page div.core div.navaid {

	width: 450px;

	padding-left: 50px;



}

* html div.page div.core div.navaid {

	width: 450px;

	padding-left: 50px;



}

*:first-child+html div.page div.core div.navaid {

	width: 450px;

	padding-left: 50px;

}

div.page div.core div.navaid a:hover,

div.page div.core div.navaid a:active,

div.page div.core div.navaid a:focus {

	color: #FFFFFF;

	background-color: #113366 ;

	border-color: #000;

}

/* SKIP NAVIGATION CSS ENDS | FIN DU CSS DU SAUT DE NAVIGATION */



div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited, div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {

	background-color: #113366 ;

}



div.left li.menucontent, div.left div.menucontent, div.left a.menulink {

	background-color: #DFDFE0;

}

div.right li.menucontent, div.right div.menucontent {

	background-color: #DFDFE0;

}

div.right a.menulink {

	background-color: #DFDFE0;

}

div.prodis {

	background-color: #113366 ;

}



div.center a:link {

	color: #003463;

}

div.center a:visited {

	color: #003463;

}

div.blackborder {

	border: solid #CCCBCB 1px;

}



div.footer div.footerline {

	background-color: #113366;

}



div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {

	color: #003463;

}

.clearLeft {

	clear: left; }

	

.clearRight {

	clear: right; }

.clearBoth{

	clear: both;  }

.corpblue{

	color:#013567;

}



/* BREADCRUMB STYLES */ 

p.breadcrumb a:link, p.breadcrumb a:visited , p.breadcrumb a{

	color: #003463;

}







/*******************************************************************************

END OVERRIDE OF BASE-INSTITUTION.CSS DECLERATIONS  */

/*******************************************************************************/





/****************************************************************************

Section				: CONTACT US FORMS CSS 

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



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

form#ContactUs div.row, div#ContactUs div.row {float: left; padding-right: 0; width: 98.5%;}

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

form#ContactUs div.box, div#ContactUs div.box {width : 100%; padding-top:5px;}

form#ContactUs input, textarea {border:1px solid #000;}

form#ContactUs label{font-weight:600;}



/*******************************************************************************

END CONTACT US FORMS CSS

/*******************************************************************************/







/****************************************************************************

Section				: Setting Square Bullets for Left and Right Nav

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



ul.nav2 {

list-style-type:square;

color: #344B7E;

}

div.page div.core div#center2 ul.list li, div.page div.core div#center2 ol.list li{

	margin-bottom:0px;

}



/*******************************************************************************

END Setting Square Bullets for Left and Right Nav

/*******************************************************************************/





/****************************************************************************

Section				: Styles for multiple page publications

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



/*  Start of Table of content styles */

.bordermeds {



border-width:medium; 

border-style: solid; 

border-color: #113366 ;

}



* html .bordermeds {



border-width:thin;

}



/* START CSS THIN BLACK BORDER  */ 

.borderthinner{border: 1px solid #000000; background-color: #FCFCFC; padding: 0px 5px 0px 5px ; margin: 0px; }

/* END CSS THIN BLACK BORDER  */ 



.special_box{

		border-top:2px solid #013567;

		border-bottom:2px solid #013567;

		padding:0 20px 0 20px;

	}



.iconBox{

  border: 1px solid rgb(187, 187, 187); padding: 0px; float: right; width: 195px;

}

.iconContent{

  padding-left: 5px; padding-right: 5px;padding-bottom:5px;

}

/* End of Table of Content styles */





/* START CSS REPORT BOX*/

.reportBox{border: 1px solid #000000; background-color: #eeeeee; padding: 5px; margin-left: 40px; margin-right: 40px; margin-top: 5px; margin-bottom: 5px;}

/* END CSS REPORT BOX*/



/* START PUBLICATION BUTTONS */



ul.pub_section{



	list-style-type: none;

	padding: 0px 0px 0px 0px;

	width:100%;

	float:left;

	text-align:center;

}



ul.pub_section li { 



	float:left;

	width:32.6%;

	margin-top:5px;

	margin-bottom:5px;

}



* html ul.pub_section li {

	width:30%;

}



ul.pub_section li.margin_right{



	margin-right:1%;

}



ul.pub_section li a {



	text-decoration: none;

	width:93%;

	display:block;

	text-align:center;

	font-weight:bold;

	padding:3px 7px 3px 7px;

	margin-bottom:5px;

}



* html ul.pub_section li a{



	width:100%;

}



div.center ul.pub_section li a:link, div.center ul.pub_section li a:visited {



	background-color:#013567;

	color:#FFFFFF;



}



div.center ul.pub_section li a:hover{



	background-color:#DEDFE7;

	color:#013567;



}



div.center ul.pub_section li a:active{



	background-color:#013567;

	color:#FFFFFF;



}



div.center ul.pub_section li.titlePage{



	margin-left:16.3%;

}



* html div.center ul.pub_section li.titlePage{



	margin-left:8.45%;

	padding-bottom:5px;

}



ul.pub_header{



	border-top:1px solid #013567;

	border-bottom:1px solid #013567;

}



ul.pub_header{



	margin: 10px 0px 10px 0px;

}



* html ul.pub_header{



	margin: 10px 0px -8px 0px;

}



ul.pub_footer{



	margin: 10px 0px 10px 0px;

}



* html ul.pub_footer{



	margin: 0px 0px -8px 0px;

}



ul.pub_footer{



	border-top:1px solid #013567;

}



div.page div.core div.center ul.pub_section li{



	margin-bottom:5px;

}



/* END PUBLICATION BUTTONS */



/*******************************************************************************

END Styles for multiple page publications

/*******************************************************************************/





/****************************************************************************

Section				: TABLE UTILITY CSS

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



.tbl_main{

	border-left:1px solid #000;

	border-top:1px solid #000;

}



.tbl_main td{

	padding:2px 2px 2px 2px;

	border-right:1px solid #000;

	border-bottom:1px solid #000;

}



.tbl_main th{

	font-weight:bold;

	border-right:1px solid #000;

	border-bottom:1px solid #000;

}



table.tbl_corp{

	margin-top:10px;

	/*border-left:1px solid #103960;

	max-width:400px;*/

	border-top:1px solid #012343;

	border-left:1px solid #012343;

	background-color: #FFFFFF;

}



table.tbl_corp td, table.tbl_corp th{

	vertical-align:text-top;



}



table.tbl_corp td{

	border-right:1px solid #012343;

	border-bottom:1px solid #012343;

	padding:5px 5px 5px 5px;		

}



table.tbl_corp th{

	background-color:#012343;

	color:#FFFFFF;

	padding:2px 2px 2px 2px;

	

}





table.tbl_corp th a:link, table.tbl_corp th a:visited, table.tbl_corp th a:active{

	color:#FFFFFF;

}



table.tbl_corp td.rightborder, table.tbl_corp th.rightborder, table.tbl_corp thead tr.rightborder th, table.tbl_corp thead tr.rightborder td, table.tbl_corp thead.rightborder th, table.tbl_corp thead.rightborder td{

	border-right:1px solid #FFF;

}



table.tbl_corp thead tr td.rightbordercorpblue, table.tbl_corp thead tr th.rightbordercorpblue, table.tbl_corp thead tr.rightbordercorpblue th {

	border-right:1px solid #012343;

}



table.tbl_corp td.bottomborder, table.tbl_corp th.bottomborder, table.tbl_corp thead tr.bottomborder th, table.tbl_corp thead tr.bottomborder td, table.tbl_corp thead.bottomborder th, table.tbl_corp thead.bottomborder td {

	border-bottom:1px solid #FFF;

}



table.tbl_corp thead tr td.bottombordercorpblue, table.tbl_corp thead tr th.bottombordercorpblue, table.tbl_corp thead tr.bottombordercorpblue th {

	border-bottom:1px solid #012343;

}



table.tbl_corp td.topborder, table.tbl_corp tr.topborder td, table.tbl_corp th.topbordercorpblue, table.tbl_corp tr.topbordercorpblue th, table.tbl_corp tr.topbordercorpblue td {



	border-top:1px solid #012343;

}



table.tbl_corp th.topborder, table.tbl_corp tr.topborder th {

	border-top:1px solid #fff;

}



table.tbl_corp td.indent1 {

	padding-left: 18px; }

	

table.tbl_corp td.indent2 {

	padding-left: 36px; }

	

table.tbl_corp td.indent3 {

	padding-left: 54px; }

	

table.tbl_corp td.indent4 {

	padding-left: 72px; }

	

table.tbl_corp td.indent5 {

	padding-left: 90px; }



/*Row background colours*/



.tblcorpblueBG {

	background-color: #012343;

}





table.tbl_corp tr.whiteHeaders th, table.tbl_corp tbody.whiteHeaders th {

	color:#000000;

    background-color: #FFFFFF;

	border-right:1px solid #012343;

	border-bottom:1px solid #012343;	

}



table.tbl_corp tr.lightgreyHeaders th  {



	color:#000000;

	background-color: #CCCCCC;

	border-right:1px solid #012343;

	border-bottom:1px solid #012343;	

}



/*Header link color adjustment*/



table.tbl_corp tr.whiteHeaders th a:link, table.tbl_corp tr.whiteHeaders th a:visited, table.tbl_corp tr.whiteHeaders th a:active, table.tbl_corp tr.lightgreyHeaders th a:link, table.tbl_corp tr.lightgreyHeaders th a:visited, table.tbl_corp tr.lightgreyHeaders th a:active, table.tbl_corp tbody.whiteHeaders th a:link, table.tbl_corp tbody.whiteHeaders th a:visited, table.tbl_corp tbody.whiteHeaders th a:active {

	color:#000000;

} 





/*Text alignments*/

table.tbl_corp th.alignRight, table.tbl_corp td.alignRight, table.tbl_corp tr.alignRight td, table.tbl_corp tr.alignRight th, table.tbl_corp tbody.alignRight, table.tbl_corp thead.alignRight{

	text-align: right;



}



table.tbl_corp th.alignCenter, table.tbl_corp td.alignCenter, table.tbl_corp tr.alignCenter td, table.tbl_corp tr.alignCenter th, table.tbl_corp tbody.alignCenter, table.tbl_corp thead.alignCenter{

	text-align: center;



}



table.tbl_corp th.alignLeft, table.tbl_corp td.alignLeft, table.tbl_corp tr.alignLeft td, table.tbl_corp tr.alignLeft th, table.tbl_corp tbody.alignLeft, table.tbl_corp thead.alignLeft{

	text-align: left;



}



table.tbl_corp th.alignTop, table.tbl_corp td.alignTop, table.tbl_corp tr.alignTop td, table.tbl_corp tr.alignTop th, table.tbl_corp tbody.alignTop, table.tbl_corp thead.alignTop{

	vertical-align: top;



}



table.tbl_corp th.alignBottom, table.tbl_corp td.alignBottom, table.tbl_corp tr.alignBottom td, table.tbl_corp tr.alignBottom th, table.tbl_corp tbody.alignBottom, table.tbl_corp thead.alignBottom{

	vertical-align: bottom;



}



table.tbl_corp th.alignTopRight, table.tbl_corp td.alignTopRight, table.tbl_corp tr.alignTopRight td, table.tbl_corp tr.alignTopRight th, table.tbl_corp tbody.alignTopRight, table.tbl_corp thead.alignTopRight{

	text-align: right;

	vertical-align: top;



}



table.tbl_corp th.alignTopCenter, table.tbl_corp td.alignTopCenter, table.tbl_corp tr.alignTopCenter td, table.tbl_corp tr.alignTopCenter th, table.tbl_corp tbody.alignTopCenter, table.tbl_corp thead.alignTopCenter{

	text-align: center;

	vertical-align: top;



}



table.tbl_corp th.alignTopLeft, table.tbl_corp td.alignTopLeft, table.tbl_corp tr.alignTopLeft td, table.tbl_corp tr.alignTopLeft th, table.tbl_corp tbody.alignTopLeft, table.tbl_corp thead.alignTopLeft{

	text-align: left;

	vertical-align: top;



}



table.tbl_corp th.alignBottomRight, table.tbl_corp td.alignBottomRight, table.tbl_corp tr.alignBottomRight td, table.tbl_corp tr.alignBottomRight th, table.tbl_corp tbody.alignBottomRight, table.tbl_corp thead.alignBottomRight{

	text-align: right;

	vertical-align: bottom;



}



table.tbl_corp th.alignBottomCenter, table.tbl_corp td.alignBottomCenter, table.tbl_corp tr.alignBottomCenter td, table.tbl_corp tr.alignBottomCenter th, table.tbl_corp tbody.alignBottomCenter, table.tbl_corp thead.alignBottomCenter{

	text-align: center;

	vertical-align: bottom;



}



table.tbl_corp th.alignBottomLeft, table.tbl_corp td.alignBottomLeft, table.tbl_corp tr.alignBottomLeft td, table.tbl_corp tr.alignBottomLeft th, table.tbl_corp tbody.alignBottomLeft, table.tbl_corp thead.alignBottomLeft {

	text-align: left;

	vertical-align: bottom;



}







/*******************************************************************************

END TABLE UTILITY CSS 

/*******************************************************************************/





/****************************************************************************

Section				: QUOTE STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



blockquote {

	background-color: #DFDFE0;

	color: #000;

	border: 1px solid #000;

	font-style: italic; 

	padding-left: 10px;

	padding-right: 10px;

}



q:before, q:after {

	content: ""; 

}



/*******************************************************************************

END QUOTE STYLES

/*******************************************************************************/





/****************************************************************************

Section				: LEGACY RIGHT BOX STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/

div.rightBox {

	background-color: #fff;

	border: solid 1px #CCCBCB;

	float:right;

	clear:right;

	padding-bottom:5px;

	margin-bottom:5px;

	margin-left:5px;

	margin-top:0px;

	width:250px;



}



div.rightBox h2 {

	background-color: #113366 ;

	color: #fff;

	margin-top: 0px;

	padding-left: 5px;

	font-size: 10pt;

	font-weight: 700;

	line-height: 1.6em;

}



div.rightBox ul {

	list-style-type: square;

	color: #113366 ;

	padding-left: 20px;

}

div.rightBox p{

	padding-left:5px;

	padding-right:5px;

}



div.rightBoxTitle{

	background-color: #113366 ;

	border: solid 1px #113366 ;

	color: #fff;

	font-weight: 700;

	padding: 4px;

	margin: 0;

	margin-bottom:-10px;

}	



div.rightBoxTitle a:link,

div.rightBoxTitle a:visited,

div.rightBoxTitle a:active

{

	color: #fff;

}



.rightBoxContent ul, .rightBox ul{

	list-style-type:none;

	margin-right:0;

	margin-left:7px;

}	



.rightBoxContent ul li, .rightBox ul li{

	margin-right:0;

	margin-bottom:15px;

}



/*******************************************************************************

END LEGACY RIGHT BOX STYLES

/*******************************************************************************/









/****************************************************************************

Section				: NEW RIGHT BOX STYLES 

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/





/*******************************************************************************

END NEW RIGHT BOX STYLES

/*******************************************************************************/











/****************************************************************************

Section				: MINISTER PAGE DIV LAYOUT

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



.minisMain{



	/*padding-top:10px;*/

	float:left;

	/*width:590px;*/

	width:100%;

}



.minisBox{



	float:left;

	width:100%;

	clear:both;

	padding-bottom:20px;

}



.minisText{



	float: left;

	vertical-align:text-top;

	margin-left:2px;

	width:70%;

}



.minisText p{



	margin-top:0px;

	margin-left:7px;

	margin-bottom:0px;

	padding-bottom:0px;

}



.minisText ul{



	margin-top:8px;

}



/*******************************************************************************

END MINISTER PAGE DIV LAYOUT

/*******************************************************************************/









/****************************************************************************

Section				: DIV TABLE STYLES 

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



div.table {

	float: left;

}

div.row {

	margin: 0px;

	padding: 0px;

	padding-top: 10px;

	width: 100%;

}



div.cols {

	float: left;

	margin: 0px 3px 0px 0px;

	padding: 0px;

}







/*******************************************************************************

END DIV TABLE STYLES 

/*******************************************************************************/





/****************************************************************************

Section				: SERVICE CANADA RIGHT BOX 

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



ul.nav li.serviceCanadaBox h2 {

	background-color: #333333;

}



ul.nav li.serviceCanadaBox h2.nav a {

	background-color: #333333;

}



li.serviceCanadaBox {

	background-color: #FFFFFF;

	border: 1px solid #333333;

}



li.serviceCanadaBox p {



	padding-left: 5px;

}



/*******************************************************************************

END SERVICE CANADA RIGHT BOX 

/*******************************************************************************/











/****************************************************************************

Section				: VIDEO VAULT 

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



.boxvideo {

	width: 100%;

	background-color: #FFF;

	margin: 0 0 11px 0;

	background: url(http://www.hrsdc.gc.ca/img/hrsdc-rhdsc/generique-generic/e-nt.gif) repeat;

}



.bxvcontent{

	background-color: #DFDFE0;

	margin: 0;

	padding: 0;

}



.bxvcontent object{

	margin-left:0px;margin-top:-.8px

}



.bxvcontent p{

	margin-left:9px;

	margin-top:0px;

	margin-right:4px;;

}



/*******************************************************************************

END VIDEO VAULT 

/*******************************************************************************/









/****************************************************************************

Section				: HOME PAGE CENTER BOX STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



.ht-title {

	font-size: 100%;



}



.home-table {

	height:25%;

	/*height:165px;*/

	background-color: #E4E2E2;

	border: 1px solid #000;

	margin-bottom: 10px;

	width:403px;

	padding-bottom:0px;

}



.ht-image {

	border: 0;

	float: left;

	margin: 0 0px 0 0px;

	padding: 0;

	overflow:hidden; 

}



.ht-content {

	padding-top:7px;

	padding-left:9px;

	padding-right:9px;

	padding-bottom:8px;

	height:25%;

    /*margin-left: 142px;*/

} 



.ht-content p{

	margin-top:0px;



}



h1.ht-title {

	color: #013567;

	font-weight: 700; 

	padding-top: 2px; 

	padding-bottom:5px;

}



A.blue-link:active, A.blue-link:visited, A.blue-link:link {

	TEXT-DECORATION: none;

	font-weight: bold;

	color: #6493C3; }

	

A.blue-link:hover {

	TEXT-DECORATION: underline;

	font-weight: bold;

	color: #6493C3; }

	

.hbt-title {

	padding: 3px;

	background-color: #013567;

	color: #fff;

	text-align: left;

	font-weight: 700; }



.main_features{

	float:left;

	width:403px;

}



/**.html .main_features{

	width: 405px;  IE6 handles box sizes differently  

}*/

	

.home-box1 {

	width:100%;

	float:left;

	margin: 0;

	margin-bottom:3px;

 }



h2.bxfeatitle{

	font-size: 10.0pt;

	color: #FFF;

	font-weight: 700;

	padding: 5px;

	margin: 0; 

}

	

.bg-feature {

	background-color: #466896;

	background-image:url(http://www.rhdcc-hrsdc.gc.ca/img/rhdcc-hrsdc/commun-common/article_vedette-feature_item/fb_av.jpg); }



.bg-labour {

	background-color: #466896;

	background-image:url(http://www.rhdcc-hrsdc.gc.ca/img/rhdcc-hrsdc/commun-common/article_vedette-feature_item/fb-labour_av-travail.jpg); }



.bg-learning {

	background-color: #466896;

	background-image:url(http://www.rhdcc-hrsdc.gc.ca/img/rhdcc-hrsdc/commun-common/article_vedette-feature_item/fb-learning_av-apprentissage.jpg); }



.bg-families {

	background-color: #466896;

	background-image:url(http://www.rhdcc-hrsdc.gc.ca/img/rhdcc-hrsdc/commun-common/article_vedette-feature_item/fb-families_av-familles.jpg); }



.bg-knowledge {

	background-color: #466896;

	background-image:url(http://www.rhdcc-hrsdc.gc.ca/img/rhdcc-hrsdc/commun-common/article_vedette-feature_item/fb-knowledge_av-connaissance.jpg); }



.home-border {

   border: solid 1px #CCCBCB;

}



.hbxcontent {

	/*height: 170px;300px;*/

	width:95%;

	height:25%;

}



.hbxcontent ul{margin-top:0px;}



.hbxcontent ul li a:link, .hbxcontent ul li a:visited, .hbxcontent ul li a:active{text-decoration:none;}



.hbxcontent ul li a:hover{text-decoration:underline}



.hbxcontent p {

	background-color: #FFF;

	margin: 0 0 0 0;

	padding: 5px; }



.hbx1bottom {

	float: right;

	margin-top: -20px;

	margin-right: 0px !important;

	margin-right: -3px; }



/* HOMEPAGE NEWS BOX */



.boxnews{

	width: 403px;	

	margin: 0 0 11px 0;

	border:1px solid #CCCBCB;

	background-color:#FFF;

	float:left;



}



.bxnewstitle{

	background-color:#113366 ;

	color: #FFF;

	font-weight: 700;

	padding: 5px;

	margin: 0;

}



div.boxnews div.bxnewstitle a:link, div.boxnews div.bxnewstitle a:visited, div.boxnews div.bxnewstitle a:active {

	color: #FFFFFF;

}



div.main_features div.boxnews div.bxnewstitle a {

	color: #FFFFFF;

}



/*******************************************************************************

END HOME PAGE CENTER BOX STYLES

/*******************************************************************************/









/****************************************************************************

Section				: START HOME PAGE RIGHT BOX STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/

 

.home_right_box { 

	width: 193px; /* 195 pixels minus 2 pixels for the border */ 

	border: 1px solid #000; 

	background-color: #fff;



}



* html .home_right_box { 

	width: 195px; /* IE6 handles box sizes differently */ 

}



.margin_bottom_10 { margin: 0px 0px 10px 0px; }



.corp_blue_bg { background-color: #1b3462; }

.dark_grey_bg { background-color:#333333; } 



.home_right_box_title { 

	margin: 0px 0px 0px 0px;

	padding: 5px;				

}



.home_right_box_title h2,

.home_right_box_title h2 a:link,

.home_right_box_title h2 a:visited{ 

	margin: 0px 0px 0px 0px; 

	font-size: 100%;

	color: #fff;

}



.home_right_box_content { 

	padding: 5px;

}



.home_right_box_content ul.portfolio_list { 

	list-style-type:none;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

}



.home_right_box_content ul.portfolio_list li { 

	padding: 0px 0px 5px 0px;

}



.home_right_box_content p { 

	padding: 0px; margin: 0px 0px 5px 0px; 

} 



.home_right_box_content a,

.home_right_box_content a:link,

.home_right_box_content a:visited{ 

	color: #333333;

	text-decoration: none;

}



.home_right_box_content a:hover{ 

	color: #444;

	text-decoration: underline;

}



.rightIcon a 

{

	color:#333333;

	text-decoration: none;

}



.rightIcon a:link



{

	color:#333333;

	text-decoration: none;

}





.rightIcon a:visited



{

	color:#333333;

	text-decoration: none;

}



.rightIcon a:hover



{

	color: #444;

	text-decoration: underline;

}



/*******************************************************************************

END HOME RIGHT BOX STYLES

/*******************************************************************************/





/****************************************************************************

Section				: NHSP MAIN BOX STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



div.nhsp_box{

 border: solid 1px #000033;

 padding: 0px;

}



div.nhsp_bc{

 padding: 0px 10px 5px 10px;

}



div.page div.core div.center div.nhsp_box h2{

 margin: 0px;

 padding: 4px 6px 4px 10px; 

 background-color: #000033;

 color: #ffffff;

 font-size:110%;

}



.marginbottom20 { margin-bottom: 20px; } 



/*******************************************************************************

END NHSP MAIN BOX STYLES

/*******************************************************************************/





/****************************************************************************

Section				: SERVER ERROR MESSAGE STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/ 



div.srvMsgCol {

	float: left;

	margin: 0;

	padding: 0;

	width: 49%;

}

div.srvMsgCol div {

	padding: 1.56em 10px 5px 0px;

}

	

div.srvMsgColr {

	float: right;

	margin: 0;

	padding: 0;

	width: 49%; }



/*******************************************************************************

END SERVER ERROR MESSAGE STYLES

/*******************************************************************************/





/****************************************************************************

Section				: MINISTER'S NEWSLETTER CSS

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/ 



/*

div.navNewsletter{

		background-color:#CCD2E2;	

		width:195px;

		float:right;

		color:#011A6A;

		margin-left:10px;

		margin-top:15px;

		margin-right:0px;

	}

	div.navNewsletter ul{

		padding-right:0px;

		margin-top:0px;

		margin-left:12%; 

		

		margin-right:0px;

		padding-left:0px;

	}

	* html div.navNewsletter ul{

		margin-left:0px;

		padding-left:15%;

		width:125%;

		padding-bottom:0px;

		margin-bottom:0px;

	}

	div.navNewsletter ul.subscribe{

		padding-right:0px;

		margin-top:11px;

		margin-left:0px;

		padding-left:0px;

		list-style-type:none;

		margin-bottom:15px;

	}

	* html div.navNewsletter ul.subscribe{

		margin-top:6px;

		margin-bottom:9px;

	}

	div.page div.core div.center div.navNewsletter ul.subscribe li a{

		background-color:#183463;

		color:#FFFFFF;

		border:1px groove #486088;

		display:block;

		width:60%;

		text-align:center;

		text-decoration:none;

		margin-left:19.5%;

		padding-top:2px;

		padding-bottom:2px;

		font-weight:bold;

	}

	* html div.page div.core div.center div.navNewsletter ul.subscribe li a{

		width:75%;

		padding-right:2px;

		padding-left:2px;

	}

	div.page div.core div.center div.navNewsletter ul.subscribe li a:hover{

		border:1px outset #183463;

		background-color:#486088;

		color:#FFFFFF;

	}

	* html div.page div.core div.center div.navNewsletter ul.subscribe li a:hover{

		border-right:1px outset #183463;

		border-bottom:1px outset #183463;

		border-top:1px outset #9CA6BD;

		border-left:1px outset #9CA6BD;

	}



	div.navNewsletter ul li{

		padding-left:0px;

		margin-left:0px;

		padding-right:0px;

		margin-bottom:5px;

	}

	div.navNewsletter hr{

		width:100%;

		background-color:#000066;

		color:#000066;

		height:1px;

		border:0px;

	}

	* html div.navNewsletter hr{

		width:125%;

	}

	* html div.navNewsletter{

		width:20%;

	}

	div.page div.core div.center div.navNewsletter h2{

		color:#011A6A;

		text-transform:none;

		font-size:105%;

		padding-left:4.5%;

		padding-top:7px;

		padding-bottom:7px;

		margin-top:0px;

	}

	* html div.page div.core div.center div.navNewsletter h2{

		padding-top:12px;

		padding-left:12px;

	}

	

*/

div.navNewsletter{

	background-color:#CCD2E2;	

	width:195px;

	float:right;

	color:#011A6A;

	margin-left:10px;

}



* html div.navNewsletter {

	margin-left:5px;

}





div.navNewsletter ul{

	padding-right:0px;

	margin-top:0px;

	margin-left:12%; 

	margin-right:0px;

	padding-left:0px;

}



* html div.navNewsletter ul{

	margin-left:0px;

	padding-left:15%;

	width:100%;

	padding-bottom:0px;

	margin-bottom:0px;

}



div.navNewsletter ul.subscribe{

	padding-right:0px;

	margin-top:11px;

	margin-left:0px;

	padding-left:0px;

	list-style-type:none;

	margin-bottom:15px;

}



div.navNewsletter ul.subscribe li a:link, div.navNewsletter ul.subscribe li a:visited, div.navNewsletter ul.subscribe li a:active{

	background-color:#183463;

	color:#FFFFFF;

	border:1px groove #486088;

	display:block;

	width:70%;

	text-align:center;

	text-decoration:none;

	margin:auto;

	padding-top:2px;

	padding-bottom:2px;

	font-weight:bold;

}

* html div.navNewsletter ul.subscribe li a:link, * html div.navNewsletter ul.subscribe li a:visited, * html div.navNewsletter ul.subscribe li a:active {

	width:75%;

	margin-left:19.5%;

	padding-right:2px;

	padding-left:2px;

}



div.navNewsletter ul.subscribe li a:hover{

	border:1px outset #183463;

	background-color:#486088;

	color:#FFFFFF;

}



div.navNewsletter ul li{

	padding-left:0px;

	margin-left:0px;

	padding-right:0px;

	margin-bottom:5px;

}

div.navNewsletter hr{

	width:100%;

	background-color:#000066;

	color:#000066;

	height:1px;

	border:0px;

}



div.navNewsletter h2{

	color:#011A6A;

	text-transform:none;

	font-size:105%;

	padding-left:4.5%;

	padding-top:7px;

	padding-bottom:7px;

	margin-top:0px;

}

* html div.navNewsletter h2{

	padding-top:12px;

}



div.featureOne{

	color:#011A6A;

	margin-bottom:0.5%;

	margin-top:15px;

}

* html div.featureOne{

	margin-bottom:1.5%;

}

div.page div.core div.center div.featureOne h2, div.page div.core div.center div.featureOne h2 {

	color:#011A6A;

	font-size:105%;

	padding-top:0px;

}

div.featureTwo, div.featureThree{

	margin-bottom:2%;

	color:#FFFFFF;

	padding-right:10px;

	padding-left:10px;

	padding-bottom:10px;

}

div.featureTwo{

	/*background-color:#E3610D;*/

	background-color:#bb4411;

}

div.featureThree{

	/*background-color:#2679AB;*/

	background-color:#2266aa;

}

div.page div.core div.center div.featureTwo a:link, div.page div.core div.center div.featureTwo a:visited, div.page div.core div.center div.featureThree a:link, div.page div.core div.center div.featureThree a:visited{

	color:#FFFFFF;

}

div.page div.core div.center div.featureTwo a:link, div.page div.core div.center div.featureThree a:link{

	color:#FFFFFF;

}

div.page div.core div.center div.featureTwo h2{

	color:#FFFFFF;

	/*text-transform:uppercase;*/

	font-size:105%;

	padding-top:6px;

	padding-bottom:6px;

}

* html div.page div.core div.center div.featureTwo h2{

	padding-bottom:8px;

	padding-top:8px;

}

div.page div.core div.center div.featureTwo p.firstPara{

	margin-top:0px;

}

div.page div.core div.center div.featureThree h2{

	color:#FFFFFF;

	/*text-transform:uppercase;*/

	font-size:105%;

	padding-top:7px;

	margin-bottom:-6px;

}

* html div.page div.core div.center div.featureThree h2{

}

div.page div.core div.center div.featureThree img{

	padding-top:10px;

}

* html div.page div.core div.center div.featureThree img{

	margin-top:10px;

}

div.featureFour, div.featureFive{

	background-color:#CCD2E2;

	margin-bottom:2%;

	color:#011A6A;

	padding-right:10px;

	padding-left:10px;

	padding-bottom:10px;

}

* html div.featureFour, * html div.featureFive{

	padding-top:0px;

}

div.page div.core div.center div.featureFour h2, div.page div.core div.center div.featureFive h2{

	color:#011A6A;

	/*text-transform:uppercase;*/

	font-size:105%;

	margin-bottom:-6px;

	padding-top:8px;

}

* html div.page div.core div.center div.featureFour h2, * html div.page div.core div.center div.featureFive h2 {

	padding-top:6px;

	margin-bottom:-6px;

}

div.page div.core div.center div.featureFour img, div.page div.core div.center div.featureFive img{

	padding-top:10px;

}

* html div.page div.core div.center div.featureFour img, * html div.page div.core div.center div.featureFive img{

	margin-top:10px;

}

div.page div.core div.center div.featureFour a:link,div.page div.core div.center div.featureFive a:link, div.page div.core div.center div.featureFour a:visited, div.page div.core div.center div.featureFive a:visited{

	color:#011A6A;

}

/*OLD STYLES*/



.featureImg{

	float:left;

	padding-right:10px;

}

* html .featureImg{

	margin-right:10px;

}

/*img.headerImg{

	margin-bottom:-15px;

}*/



/*******************************************************************************

MINISTER'S NEWSLETTER CSS 

/*******************************************************************************/









/****************************************************************************

Section				: MODULAR BORDER STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/ 



div.blueBox { 

	border: 1px solid #223366; 

}



div.greyBox { 

	border: 1px solid #666; 

}



div.blackBox { 

	border: 1px solid #000; 

}



div.blueBox h2,

div.greyBox h2,

div.blackBox h2

 { margin-top: 0px; }





.pad5 {

	padding: 5px 5px 5px 5px; 

}



.pad10 {

	padding: 10px 10px 10px 10px; 

}



.lightergreyBG { 

	background-color: #E9E9E9;

}

/*HTML forms border*/

.thinbordercorp {

border:1px solid #113366 ; padding: 0px 5px 0px 5px; margin-bottom:10px;

}



/*******************************************************************************

END MODULAR BORDER STYLES 

/*******************************************************************************/ 





/****************************************************************************

Section				: UTILITY CLASSES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/ 



.marginBottom10 { 

	margin-bottom: 10px;

}



.padTop10 {

	padding-top: 10px;

}



.padLeft10 {

	padding-left: 10px;

}



.padRight10 {

	padding-right: 10px;

}



.padBottom10 {

	padding-bottom: 10px;

}



/* Start Form Entry Box styles */

div.entryBox5 {

	padding-bottom:5em;

}

div.entryBox10 {

	padding-bottom:10em;

}



div.entryBox15 {

	padding-bottom:15em;

}



div.entryBox20 {

	padding-bottom:20em;

}



/* End Form Entry Box styles */



.noIndent { 

	margin: 0px; 

	padding: 0px;

}





/* Start of Roman Numerals Styles */



span.romanNumerals , p span.romanNumerals {

word-spacing: -5px; 

white-space: nowrap;

}



h1 span.romanNumerals {

word-spacing: -10px;

}



h2 span.romanNumerals {

word-spacing: -8px;

}



h3 span.romanNumerals {

word-spacing: -6px;

}



h4 span.romanNumerals, h5 span.romanNumerals, h6 span.romanNumerals {

word-spacing: -5px;

}



/* End of Roman Numerals Styles */



ol.list li, ul.list li {

   margin-bottom: 6px; 

}



/* START ADDITIONAL UTILITY STYLES */



.width73 {

	width: 73%;

}



/* END ADDITIONAL UTILITY STYLES */



/*  Start Portfolio Partners */

.boxtype2 {

	width: 100%;

	margin: 0;

	padding: 0;

	border: solid 1px #656565; 

	background-color: #FFFFFF;

}



ul.nav li a.textUnderline {

text-decoration:underline;

}



/* End Portfolio Partners */



/* START RIGHT ICONS */

.rightIcon {

	padding-top: 10px;

}

/* END RIGHT ICONS */



/* START RIGHT COLUMN BACKGROUND COLOUR STYLE */

div.right {

	background-color: #DFDFE0;

}

/* END RIGHT COLUMN BACKGROUND COLOUR STYLE */



/*START RIGHT COLUMN TEXT LINK */



div.textLink {



padding-top: 0px;

padding-right: 5px;

padding-bottom: 0px;

padding-left: 5px;



}



/* END RIGHT COLUMN TEXT LINK */



/*  Start Explore our Site */



ul.nav li ul.exploreSite li.menucontent, ul.nav li ul.exploreSite li.menucontent a {

	background-color: #FBF4DA;

	font-weight: bold;

}



/*  End Explore our Site */



/* START IE FIX FOR LARGE TABLES */ 

table.wideTable {

	position: absolute;

}

/* END IE FIX FOR LARGE TABLES */ 



/*******************************************************************************

END UTILITY CLASSES 

/*******************************************************************************/









/****************************************************************************

Section				: START DEFINITION LIST STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/ 



dl.tablestyle1 {

	width: 90%;

	/*margin: 10px;*/

}

.tablestyle1 dt {

	font-weight: bold;

	float: left;

}

.tablestyle1 dt.firstE {

	font-weight: bold;

	float: left;

	padding-bottom: 5.5em;

}

.tablestyle1 dt.firstF {

	font-weight: bold;

	float: left;

	padding-bottom: 6.5em;

}

.tablestyle1 dd {

	margin-left: 130px;

	padding-bottom: 7px;

}



/*******************************************************************************

END DEFINITION LIST STYLES

/*******************************************************************************/









/****************************************************************************

Section				: LABOUR FOCUS NEWS LETTER STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



div.lf_main_feature {



	width: 590px;

	background-color: #e4e2e2;

	/*border-top: 1px solid #666666;*/



}



div.lf_main_feature_image {

	overflow: hidden;

	width: 590px;



}



div.lf_main_feature_content { 

padding: 5px 5px 5px 5px;



}



div.lf_main_feature_content h2 { 



	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 120%;

}



div.lf_main_feature_content p { 



	margin: 8px 0px 8px 0px;

	padding: 0px 0px 0px 0px;

}

	

	

div.lf_sub_box_container { 

	float: left; 

	margin: 0px 0px 10px 0px;

}	



* html div.lf_sub_box_container { 

	margin: 0px 0px 0px 0px;

}

	

div.lf_left_box , div.lf_right_box { 

	margin: 10px 0px 0px 0px;

	background-color:#e4e2e2;

	width: 290px;

	float: left;

}





div.lf_left_box { 

	margin-right:10px;

}



div.lf_subbox_title { 

	background-color:#1C3462; 

}



div.lf_subbox_title h2{ 

	margin: 0px 0px 0px 0px;

	padding: 5px 5px 5px 5px;

	color: #fff;

	font-size:100%;

}



div.lf_subbox_title a:link,

div.lf_subbox_title a:visited{ 

	display: block;

	margin: 0px 0px 0px 0px;

	padding: 5px 30px 5px 5px;

	color: #fff;

	font-size:100%;

	font-weight:bold;

}



div.lf_subbox_title a:hover { 

	color: #F3F3F3;

}





div.lf_eventsbg { 

	background-image: url(/img/rhdcc-hrsdc/commun-common/travail-labour/bulletin-newsletter/events.gif); 

	background-position:right top; 

	background-repeat: no-repeat;

}



div.lf_subscribebg { 

	background-image: url(/img/rhdcc-hrsdc/commun-common/travail-labour/bulletin-newsletter/subscribe.gif); 

	background-position:right top; 

	background-repeat: no-repeat;

}



div.lf_archivesbg { 

	background-image: url(/img/rhdcc-hrsdc/commun-common/travail-labour/bulletin-newsletter/archives.gif); 

	background-position:right top; 

	background-repeat: no-repeat;

}



div.lf_editorialstaffbg { 

	background-image: url(/img/rhdcc-hrsdc/commun-common/travail-labour/bulletin-newsletter/editorialstaff.gif); 

	background-position:right top; 

	background-repeat: no-repeat;

}





div.lf_tipsandfactsbg { 

	background-image: url(/img/rhdcc-hrsdc/commun-common/travail-labour/bulletin-newsletter/tipsandfacts.gif); 

	background-position:right top; 

	background-repeat: no-repeat;

}



div.lf_announcementsbg { 

	background-image: url(/img/rhdcc-hrsdc/commun-common/travail-labour/bulletin-newsletter/announcements.gif); 

	background-position:right top; 

	background-repeat: no-repeat;

}





div.lf_subbox_content_image { 

	float: left;

	width: 125px;

	margin: 0px; 

}



div.lf_subbox_content { 

	float: left;

	width: 155px;

	padding: 0px 5px 5px 5px;

}



div.lf_subbox_content p { 

	padding: 5px 0px 0px 0px; 

	margin: 0px; 

} 



* html div.lf_subbox_content { 

	width: 165px;

}



div.navaidinst { 

	

	position: absolute; 

	height: 0px; 

	overflow: hidden;

	left: -760px;

}



/*******************************************************************************

END LABOUR FOCUS NEWS LETTER STYLES

/*******************************************************************************/









/****************************************************************************

Section				: ROTATOR STYLES

Last Modified Date	: 2009.07.10

Summary				:  

*****************************************************************************/



div.rotator_wrapper { 

	

	width: 403px; 



	background: #E9E9E9;

	border: 1px solid #ccc;

	margin-bottom: 5px;

	padding: 0px;

	/* Floating because the controller needs to float */ 

	float: left;

}

* html div.rotator_wrapper { 

	width: 405px; 	

}





div.rot_image { 

	overflow: hidden;

}



div.rotator_wrapper div.rot_container { 

	background-color: #E9E9E9;

	margin:0px;

	padding: 0px;

	border-bottom: 1px solid #CCCCCC;



}



div.rotator_wrapper div.rot_container div.rot_content { 

	padding: 5px;

}





div.rotator_wrapper div.rot_container div.rot_content h2, div.rotator_wrapper div.rot_container div.rot_content h3 { 

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px; 

	font-size: 100%; 

}







div.rotator_wrapper div.rot_container_hidden {

	/* mooTOOLS FIX height:0px; */ 

	width:405px; 

	overflow:hidden;

	position:absolute;

	left:-760px;

}



* html div.rotator_wrapper div.rot_container_hidden {

	width:405px; 

}



div.rotator_wrapper div.rot_controller { 

	background-color: #ccc;

	float: left;

	width: 100%;

}



div.rotator_wrapper div.rot_controller ul { 

	margin: 0px 0px 0px 5px; 

	padding: 0px 0px 0px 0px; 

	list-style-type:none;	

}





div.rotator_wrapper div.rot_controller ul li { 

	margin: 0px 10px 0px 0px ;

	float: left;

	position: relative;

	background-color:#ddd;

	width: 30px;

	text-align: center;

	border: 1px solid #666666;

}



div.rotator_wrapper div.rot_controller ul li a,

div.rotator_wrapper div.rot_controller ul li a:link,

div.rotator_wrapper div.rot_controller ul li a:visited { 

	color: #000;

	padding: 7px 7px 7px 7px; 

	display:block;

	font-weight: bold;

	text-decoration: none;

}



div.rotator_wrapper div.rot_controller ul li a:hover, 

div.rotator_wrapper div.rot_controller ul li a.selected,

div.rotator_wrapper div.rot_controller ul li a:visited.selected,

div.rotator_wrapper div.rot_controller ul li a:link.selected

{ 

	padding: 7px 7px 7px 7px; 

	color: #fff;

	background-color: #666666;

	text-decoration: underline;

}



/*******************************************************************************

END ROTATOR STYLES

/*******************************************************************************/