/* Your Application Specific Styles Could Go Here */ 


div.left_column { 
width:18%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 

div.right_column { 
width:82%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 

div.left_column_NouveauCNP { 
width:30%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 

div.right_column_NouveauCNP  { 
width:18%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 

div.center_column_NouveauCNP { 
width:45%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 


div.left_column_newNOC { 
width:20%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 


div.right_column_newNOC { 
width:18%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 

div.center_column_newNOC{ 
width:52%; 
float:left; 
text-align:left; 
vertical-align:top;  
} 

div.blue_line {
width:100%;
height:1px;
background-color:#013567;
font-size: 13.0pt;
color:White;
}

p.blue_line {
font-size: 13.0pt;
width:100%;
height:5px;
color:White;
background-color:#013567;
}

table.preface
{    
    border:solid 1px Gray ;  
    padding: 2px;  
    border-collapse:collapse;
    width:auto;
}

th.preface
{
    background-color: Silver;
    text-align:center;          
    padding-left: 16px;
    padding-right: 16px;
}

td.preface
{
    border :solid 1px Gray;    
    text-align:left;
    padding: 2px;
    vertical-align:top;
}


b.Hwhite
{
	color:White;
	font-size:15.0pt;
}

.bold {
	FONT-WEIGHT: bold
}

.italic {
   font-style: italic;
}

.BlueBoldText 
{
    font-weight:bold;
	COLOR: #013567;
}
.BlueBigBoldText 
{
    font-weight:bold;
	COLOR: #013567;
	font-size:15.0pt;
}

.BlueBoldMandatory 
{
    FONT-SIZE: 85%;
    font-weight:bold;
	COLOR: #013567;
}

.ErrorBlock
{
    font-weight: bold;
	color: #AA0000;    
}

.NoSpacing
{
    margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
    margin-left:2px;
    line-height: 9pt;
    
}

.NoBulletSpacing
{
    list-style-type:none;
    margin-top: 0;
    border-top-width: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
    padding-bottom: 0;
    margin-left:0;
}

.NoBulletWithPadding
{
    list-style-type:none;        
    padding-top: 7px;    
    padding-bottom: 7px;    
}

.NoBulletWithLessPadding
{
    list-style-type:none;        
    padding-top: 3px;    
    padding-bottom: 3px;    
}

.NoBulletList
{
    list-style-type:none;
}
.zerolist
{
  list-style-type:none;
    list-style-position:outside ;
    margin-left:-40px;
}
.insidelist
{
    list-style-position:inside ;
    margin-left:-40px;
}
.leftlist
{
 position:relative;
 left:8px;
}
.returnlist
{
 position:relative;
 overflow:visible;
 font-weight:normal;
 left:30px;
  margin-right:30px;
}
div.intro 
{  
    border:1px solid #000; 
    width: 60%; 
    padding:20px 20px 0px 20px;       
}
div.Wrapcell
{
     border:none; 
     width: 100%;
     clear:both; 
}
div.cell
{
     border:1px solid #000;
     float: left;      
     width: 48%;
     height:150px;
     vertical-align:middle;
     padding:5px 5px 15px 3px; 
}
div.introcell
{
     border:1px solid #000;
     float: left;      
     width: 32%;
     height:42px;
     vertical-align:middle;
     padding: 5px 1px 0 4px; 
}
div.introcellA
{
     border:1px solid #000;
     float: left;      
     width: 32%;
     height:120px;
     vertical-align:middle;
     padding: 5px 1px 0 4px; 
}
div.introcellB
{
     border:1px solid #000;
     float: left;      
     width: 32%;
     height:515px;
     vertical-align:middle;
     padding: 5px 1px 0 4px; 
}
div.introcellC
{
     border:1px solid #000;
     float: left;      
     width: 32%;
     height:242px;
     vertical-align:middle;
     padding: 5px 1px 0 4px; 
}
div.introcellD
{
     border:1px solid #000;
     float: left;      
     width: 32%;
     height:205px;
     vertical-align:middle;
     padding: 5px 1px 0 4px; 
}
div.titlebox
{
     border:1px solid gray; 
     width: 94%; 
     height:30px;
     padding:15px 14px 15px 15px;
     text-align:center;
}
li.intro
{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
div.numbercell
{
     border:1px solid #000;
     float: left;      
     width: 30%;
     height:40px;
     text-align:right;     
     vertical-align:middle;      
}
div.emptycell
{
     border:1px solid #000;
     float: left;
     height:40px;      
     width: 5%;          
}
div.textcell
{
     border:1px solid #000;
     float: left; 
     height:40px;     
     width: 63%;
     text-align:left;     
     vertical-align:middle;      
}
div.notecell
{
     border:1px solid #000;
     float: left; 
     height:100px;     
     width: 30%;
}
div.thcell1
{
    border:1px solid #000;
    text-align:center;
    float: left;
    vertical-align:middle;    
    height:35px;
    width:20%;
}
div.thcell2
{
    border:1px solid #000;
    text-align:center;
    float: left;
    vertical-align:middle;    
    height:35px;
    width:38%;
}
div.tdcell1
{
    border:1px solid #000;    
    float: left;
    vertical-align:middle;    
    width:20%;
    height:100px;
}
div.tdcell2
{
    border:1px solid #000;    
    float: left;
    vertical-align:middle;    
    width:38%;
    height:100px;
}
div.tdcell3
{
    border:1px solid #000;    
    float: left;            
    vertical-align:middle;         
    width:38%;
    height:145px;
}
div.tdcell4
{
    border:1px solid #000;    
    float: left;
    vertical-align:middle;    
    width:20%;
    height:145px;
}
div.noteemptycell
{
     border:1px solid #000;
     float: left; 
     height:100px;     
     width: 5%;
}
div.notetextcell
{
     border:1px solid #000;
     float: left; 
     height:100px;     
     width: 63%;
}
div.dash
{
     border-style:outset;
     border-width:1px;          
     float: left;         
     width: 98%;
     text-align:center;
     padding-right:4px;
}
div.half
{
     border-left:solid 1px ;
     border-right:solid 1px ;                   
     float: left; 
     height:100px;        
     width: 48%;     
     padding:4px 5px 4px 3px;
}
div.halfhead
{
     border:solid 1px ;                  
     float: left;
     text-align:center;
     font-weight:bold;         
     width: 48%;  
     height:55px;   
     padding:4px 5px 4px 3px;
}
div.halfbottom
{
     border-left:solid 1px ;
     border-right:solid 1px ;
     border-bottom:solid 1px;                   
     float: left; 
     height:0;        
     width: 48%;     
     padding:4px 5px 4px 3px;
}
.delete
{
    text-decoration:line-through;
    
}
.underline
{
    text-decoration:underline;
}
ol.intro
{
    margin:0 0 0 0;
}
/*----------- Noc-Tutorial ------------------*/
h1.clsTutorialDefault
{
	font-size: 16pt;
}

h2.clsTutorialDefault
{
	font-size: 12pt;
	font-style: italic;
}

.clsTitle1
{
	font-size: 16pt;
	color: #1b3462;
	text-align: center;
}

.clsTitle2
{
	font-size: 16pt;
	color: #1b3462;
	font-style: italic;
	text-align: center;
}

.clsTitle3
{
	font-size: 12pt;
	color: #1b3462;
	font-style: italic;
	text-align: center;
}

.clsTitle4
{
	font-size: 10pt;
	color: #1b3462;
	font-style: italic;
	text-align: center;
}

.clsTOC
{
	border-collapse: collapse;
	border-width: 0px;
	width: 100%;
}

.clsTOCHeader
{
	font-weight: bold;
	font-size: 12pt;
	width:96%;
	text-align: center;	
}

.clsTOC1
{
	font-size: 10pt;
	padding-bottom: 5pt;
	text-transform: uppercase;
	float:left;
	padding-top: 5pt;
	width:85%;	
	text-align: left;
}

.clsTOC1_page
{
	font-size: 10pt;
	float:left;	
	width:10%;
	padding-bottom: 5pt;
	padding-top: 5pt;
	text-align: right;
}

.clsTOC2
{
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	font-variant: small-caps;
	float:left;
	width:85%;
}

.clsTOC2_page
{
	font-size: 10pt;
	text-align: right;
	float:left;
	width:10%;
}

.clsTOC3
{
	font-size: 9pt;
	text-align: left;
	font-variant: small-caps;
}

.clsTOC3_page
{
	font-size: 9pt;
	text-align: right;
}

.clsNormalText
{
}

.clsBoldText
{
	font-weight: bold;
}

.clsItalicText
{
	font-style: italic;
}

.clsPageNumber
{
	page-break-after: always;
	text-align: center;
}

.clsTable
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	border-collapse: collapse;
	border-width: 0px;
	width: 100%;
}

.clsTableHeader
{
	border: gray 1px solid;	
	font-weight: bold;
	font-size: 14pt;
	width:95%;	
	text-align: center;
}
.clsTableHeader2
{
	border: gray 1px solid;	
	font-weight: bold;
	font-size: 14pt;
	width:85%;	
	text-align: center;
}
.clsTableRowEmpHandbookHeader
{
    width:94%;
    padding:5px 2px 5px 2px;
    border: gray 1px solid;
	vertical-align: top;	
}
.clsTableRowTutorialHeader
{
    width:94%;
    padding:5px 2px 5px 2px;
    border: gray 1px solid;
	vertical-align: top;	
}

.clsTableRow
{
	vertical-align: top;	
}


.clsTableCol
{
	text-align: left;
	float:left;
	width:95%;
	height:32px;
	border: gray 1px solid;		
}
.clsTableCol1
{
	text-align: left;
	float:left;
	width:24%;
	height:40px;
	border: gray 1px solid;
	padding-left:7px;	
}

.clsTableCol2
{
	text-align: left;
	float:left;
	width:70%;
	height:40px;
	border: gray 1px solid;
		
}
.clsTableCol3
{
	text-align: left;
	float:left;
	width:14%;
	height:40px;
	border: gray 1px solid;
	padding-left:7px;	
}
.clsTable3Col1
{
	text-align: left;
	float:left;
	width:34%;
	height:80px;
	border: gray 1px solid;
	padding-left:3px;	
}
.clsTable3Col2
{
	text-align: left;
	float:left;
	width:15%;
	height:80px;
	border: gray 1px solid;
	padding-left:1px;	
}
.clsTable3Col3
{
	text-align: left;
	float:left;
	width:45%;
	height:80px;
	border: gray 1px solid;
	padding-left:1px;	
}

.rowlevela
{ 
    height:100px;
}
.rowlevelbF
{ 
    height:580px;
}
.rowlevelb
{ 
    height:400px;
}
.rowlevelc
{ 
    height:200px;
}
.rowleveld
{ 
    height:140px;
}
.clsSubText
{
	padding-left: 0.49in;
}

.clsList
{
	padding-bottom: 5pt;
	direction: ltr;
	padding-top: 5pt;
}
/* -----------Noc-Tutorial -----------*/
div.btn{
	border-top: #F66 2px solid;
	border-left: #F66 2px solid;
	border-bottom: #C33 2px solid;
	border-right: #C33 2px solid;
	height: 1.14em;
	text-align: center;
	padding: 0.19em;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	float:left;
	margin-left:40px;	
}
div.message
{
     padding-top:40px; 
     float:left;    
     margin-left:40px;
}

/**SPLASH PAGE**/
div.splashnoc
{
	background: url(../App_Themes/images/wp-pa.jpg) #69C no-repeat;
}
.height9 
{
    height:9px;
}
.height20 
{
    height:20px;
}
.height25 
{
    height:25px;
}
.height30
{
    height:30px;
}
.height40 
{
    height:40px;
}
.height50 
{
    height:50px;
}
.height60 
{
    height:60px;
}
.height80 
{
    height:80px;
}
.width200
{
    width:200px;
}    
.width545
{
    width:545px;
}
.blueColor
{
    color : #011a6a;
}
.borderColorBK
{
    border-color:Black;
}

/* Fieldset Section for alignement */ 
.fieldsetLeft { 
  border: none;
} 


div.ErrorBlock
{
    font-weight: bold;
	color: #CC0000;    
}

div.ErrorBlock  a:link
{
    font-weight: bold;
	color: #CC0000;
}

div.ErrorBlock a:visited {
	color: #663;
    font-weight: bold;
	color: #CC0000;
}

/* allow legend to word wrap */

legend {white-space:normal;}

.alignLegendLeft {
    margin-left:-8px;
    }
    
.alignLegendLeft {   
  margin-left:-2px;
}    
/* End Fieldset Section */ 

.NoIndent {
	margin-left:-40px;
    margin-right:0px;    
}
.NoIndent {
	margin-left:0px;
    margin-right:0px;    
}
.NIndent {
	margin-left:-11px;
    margin-right:0px;    
}
.removeLineBreak 
{
    display: inline; 
    } 

/* --------------------------------------- */ 
/* - Contact Us / Contactez Nous Page ---- */ 
/* --------------------------------------- */ 

.ContactUsSectionBlockMail
{
    float:none; 
    width:585px; 
    height:80px;
}

.ContactUsSectionBlockEmail
{
    float:none; 
    width:585px;
}

.ContactUsSectionContent
{
    float:right; 
    width:500px;
}

.ContactUsSectionTitle
{
    width:75px; 
    font-weight:bold;
}

.redastrix {
	color: #CC0000;
	background-color: transparent;
	font-weight: bold;
}
 .container_t {
    display: table;
    outline:black solid thin;
    width:800px;   
    }

  .row_t  {
    display: table-row; 
    width:800px;  
    }

  .cell_h {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    width:800px;
    font-weight:bold;    
    }
 .cell_t0 {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:110px;
    width:83px;    
    }
    .cell_tA {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:220px;
    width:83px;
    background-color:#FFFF99;    
    }
       .cell_tB {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:147px;
    width:83px;
    background-color:#CCFFCC;     
    }
       .cell_tC {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:138px;
    width:83px;
    background-color:#CCFFFF;    
    }
       .cell_tD {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:92px;
    width:83px;
    background-color:#FFCC99;       
    }
    .cell_t {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:40px;
    width:73px; 
    font-size:18px;   
    }
    .cell_tsah {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:30px;
    width:35.4px; 
    font-size:12px;
    font-weight:bold;
    background-color:#FFFF99;   
    }
       .cell_tsbh {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:30px;
    width:35.4px; 
    font-size:12px;
    font-weight:bold;
    background-color:#CCFFCC;   
    }
       .cell_tsch {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:30px;
    width:35.4px; 
    font-size:12px;
    font-weight:bold;
    background-color:#CCFFFF;   
    }
       .cell_tsdh {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:30px;
    width:35.4px; 
    font-size:12px;
    font-weight:bold;
    background-color:#FFCC99;   
    }
     .cell_tsa {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:left;
    float:left;
    height:106px;
    width:35.4px; 
    font-size:12px;
    background-color:#FFFF99;   
    }
       .cell_tsb {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:left;
    float:left;
    height:115px;
    width:35.4px; 
    font-size:12px;
    background-color:#CCFFCC;   
    }
         .cell_tsc {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:left;
    float:left;
    height:106px;
    width:35.4px; 
    font-size:12px; 
    background-color:#CCFFFF;  
    }
         .cell_tsd {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:left;
    float:left;
    height:60px;
    width:35.4px; 
    font-size:12px;
    background-color:#FFCC99;   
    }
    .cell_t00 {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:left;
    float:left;
    height:80px;
    width:73px;
    font-size:12px;
    background-color:#FFFFCC;    
    }
    .cell_t1 {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:20px;
    width:673px;
    font-size:12px;
    font-weight:bold;
    background-color:#FFFFCC;    
    }
    .cell_t2 {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:24px;
    width:373px;
    font-size:12px; 
    font-weight:bold;
    background-color:#FFFFCC;   
    }
    .cell_t3 {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:24px;
    width:73px; 
    font-size:12px;
    font-weight:bold;
    background-color:#FFFFCC;   
    }
    .cell_t4 {
    display: table-cell; 
    border-color:Black;
    border-width:thin;
    border-style:solid;
    text-align:center;
    float:left;
    height:24px;
    width:223px;
    font-size:12px;
    font-weight:bold;
    background-color:#FFFFCC;    
    }
 .tbl_matrix{
	border-top:6px solid #006600;
	border-bottom:4px solid #006600;
	border-right:2px solid #006600;	
	border-left:11px solid #006600;
	background-color: #FFFFFF;	
}
div.btm
{
    float:right;
}
.bdmatrix
{
    background-color:White;
    font-family:Verdana; 
}
h1
{
    font-size:28px;}
div.ColH{
	float: left;
	margin: 0;
	padding: 0;
	width: 60%;
	vertical-align:text-bottom;
}
tr_matrix
{
     background-color:#E6F0E6;}
.centerborder
{
     text-align:center;}
/*******************************************************************************
START WIC STYLES
/*******************************************************************************/
div.wicWidget {
background : url("../App_Themes/images/WiC Tool LMI120.gif") no-repeat;
background-position : top left;
height : 120px;
padding : 0 0 0 125px;
text-align : justify;
}

div.wic_background{
text-align:center;  margin-left: auto; margin-right: auto; width:392px; height:245px; background-image:url('http://www.workingincanada.gc.ca/images2/eng/wic_tool_widget_medium.gif');
background-repeat:no-repeat;
}

h1.wic_title{
color:#FFFFFF!important;  font-size: 18px;  font-family:Verdana, Sans-serif; margin:0px; padding:0px; }

h2.wic_subtitle {
color:#FFFFFF!important; font-size: 14px;  font-family:Verdana, Sans-serif;  margin:0px; padding:0px; }

div.wic_box{
background-color:white; width:92%; height:64%; font-size: 11px;
margin-left: auto; margin-right:auto; margin-top:3px; text-align:
left; border:3px solid gray;
}

div.wic_image{
width: 120px; float: left; margin-left:5px; margin-top:10px;	
}



.dateAlignRight {
	margin: 0;
	padding: 0;
	float: right;
	text-align:right;
	width: 49%;
}
 

 
.labelWidth500{width:500px; float: left;}

.labelWidth600{width:600px; float: left; }

.labelWidth450{width:450px; float: left; }

.cn-invisible, .invisible, .cn-show-onfocus, #cn-skip-head a, #cn-skip-head a:link, #cn-skip-head a:visited, #cn-left-col h2, #cn-right-col h2, #cn-foot h2 {position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; overflow: hidden !important; margin: 0 !important;}

.quickTextboxwidth
{width: 7.5em; height:1em;font-size: 1em;}

.DesTextboxwidth
{width: 223px;}

.textboxwidth
{width: 500px;}

img.wic_image{
text-align:left; width:120px;	
}

div.wic_intro{
width: 205px; float: right; margin-top:10px; margin-left:10px; margin-right:10px; }

div.wic_smaller{
font-size: 8pt	
}

.wic_search{
width:13em; height:1em; BORDER:inset;
BACKGROUND-COLOR: #edf4f9; FONT-FAMILY: Helvetica, arial, Verdana, sans-serif; COLOR: #2f3c48; FONT-SIZE: 1em; 

}

.wic_button{
TEXT-ALIGN: center; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;
FONT-FAMILY: Helvetica, arial, Verdana, sans-serif; FONT-SIZE: 7pt;
FONT-WEIGHT: bold
}
.hidelink { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }
.width18 {
	width: 18%;
}
.width2 {
	width: 2%;
}
.hideCaption 
{
    color:White;   
    font-size:1em;
              }
/*******************************************************************************
END WIC STYLES
/*******************************************************************************/

