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

div.rightColSrch {
width: 48%;
}

form div label {
margin-right: .1em;
margin-top: 1px;
margin-bottom: 1px;
}

.tableLegend {
display: table;
border: 1px solid #999999;
width: 99%;
padding-bottom: 5px;
}

/* Overrides on tables.lined with light green. 
table.linedGreen caption {
border: 1px solid #006633;
}
table.linedGreen tfoot td {
border-top: 3px #006633 solid;
}
*/
div#boxExplainTips {
background-color: #DDEEFF;
border: 1px solid #336699;
padding: 5px;
width: 98%;
}

fieldset legend {
background: #FFFFFF;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-left: 0px\9!important;
*margin-left: -6px!important;
}

fieldset legend.newLegend {
background: #FFFFFF;
font-weight: normal;
/*padding: 0px;
border: 0px;*/
float: left;
margin-bottom: 1px;
margin-left: 3px;
margin-top: 1px;
padding: 5px;
width: 40%;
}

fieldset legend.newLegendLeftCol {
background: #FFFFFF;
font-weight: normal;
/*padding: 0px;
border: 0px;*/
float: left;
margin-bottom: 1px;
margin-left: 0px;
*margin-left: 15px;
margin-top: 1px;
padding: 5px;
width: 30%;
}

div.publicSearchWrapper {
margin-bottom: 15px;
}

/*Icon Styles*/
img.icon {
width: 16px;
height: 16px;
padding-top: 2px;
}

/** Error message table. */
#div.errorMsgTableNameSearch { margin-left: 15px; width: 93%; }
#div.errorMsgTableFileSearch { margin-left: 8px; width: 95%; }

/* Certificate Layout */
div.oneCol {
width: 98.5%;
display: block;
float: left;
padding: 3px;
padding-left: 0px;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 10px;
}

/*Certificate Layout*/
div.certTitle {
font-size: 9pt;
}

div.leftColCertificate {
width: 48.5%;
display: block;
float: left;
padding-bottom: 3px;

padding-top: 3px;
margin-top: 1px;
margin-bottom: 1px;
}

div.rightColCertificate {
width: 48%;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 3px;
}

.formTableCertificate {
display: table;
padding: 0px;
}

div.leftColPSearch {
width: 31%;
padding-left: 0;
margin-left: 0;
}

div.tokenCol1 {
width: 55%;
display: block;
float: left;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 0px;
}

div.tokenCol2 {
width: 25%;
display: block;
float: left;
padding-top: 5px;
padding-left: 5px;
margin-left: 3px;
margin-top: 1px;
margin-bottom: 1px;
}

div.formHeaderTokens {
background-color: #FFFFFF;
border: 2px solid #003300;
font-size: 1em;
font-style: normal;
font-weight: bold;
line-height: normal;
padding-bottom: 1px;
vertical-align: middle;
width: 26%;
}

div.buttonBorder {
background-color: #EEEEEE;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
padding: 3px;
}

img.iconQMark {
width: 16px;
height: 16px;
margin-top: 0px;
margin-bottom: 0px;
vertical-align: top;
}

div.resultsReturned {
background-color: #EEEEEE;
margin: 10px 10px 2px 10px;
padding: 3px;
}

th.ccaaResults1 { width: 30%; }
th.ccaaResults2 { width: 20%; }
th.ccaaResults3 { width: 20%; }
th.ccaaResults4 { width: 25%; }

th.biaResults1 { width: 25%; }
th.biaResults2 { width: 15%; }
th.biaResults3 { width: 15%; }
th.biaResults4 { width: 20%; }
th.biaResults5 { width: 20%; }

th.transaction1 { width: 14%; }
th.transaction2 { width: 15%; }
th.transaction3 { width: 14%; }
th.transaction4 { width: 15%; }
th.transaction5 { width: 12%; }
th.transaction6 { width: 14%; }
th.transaction7 { width: 12%; }

th.userResult1 { width: 45%; }
th.userResult2 { width: 25%; }
th.userResult3 { width: 20%; }
th.userResult4 { width: 10%; }

th.account1 { width: 12%; }
th.account2 { width: 40%; }
th.account3 { width: 18%; }
th.account4 { width: 18%; }
td.account4 div {text-indent: -18px; padding-left: 18px;}
td.account4 img { padding-right: 2px; }
th.account5 { width: 12%; }

th.accountUser1 { width: 40%; }
th.accountUser2 { width: 25%; }
th.accountUser3 { width: 15%; }

th.creditCardToken1 { width: 20%; }
th.creditCardToken2 { width: 20%; }
th.creditCardToken3 { width: 20%; }
th.creditCardToken4 { width: 20%; }
th.creditCardToken5 { }

th.revision1 { width: 25%; }
th.revision2 { width: 20%; }
th.revision3 { width: 20%; }
th.revision4 { width: 35%; }

.leftCol.searchFileLeftCol {width: 30%; }

form.inlineForm {
display: inline;
}
form.inlineForm div {
display: inline;
}
/* Hide the first H1 element in the login-static div. */
div.login-static h1:first-child {
display: none;	
}

div.viewUser { border: none; }
div.viewUserLeftCol { width: 25%; }
div.viewUserRightCol { width: 65%; }

.ui-widget-content h4 {
    color: #336699;
    font-size: 1.1em;
    font-weight: bold;
}

.margin{
margin: 0 10px;
}
/* cbsli.css*/


/* Button Bar  */
div#buttonBar {
clear: both;
padding-top: 1em;
padding-bottom: 20px;
margin-bottom: 30px;
}
div#buttonBar span.buttonsRight {
float: right;
text-align: right;
}
div#buttonBar span.buttonsLeft {
float: left;
width: 45%;
text-align: left;
}

/* Form Table. */
.formTable {
display: table;
border: 1px solid #999999;
width: 99.5%;
}
div.leftCol {
width: 40%;
display: block;
float: left;
padding: 5px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 3px;
}

div.leftColl {
display: block;
float: left;
padding: 5px;
margin-top: 1px;
margin-bottom: 1px;

}
div.rightCol {
width: 55%;
padding: 5px;
}

div.loginLeftCol { width: 22%; }
div.loginRightCol { width: 73%; }

/* For screen only. */
@MEDIA screen {
.printonly { display: none; }
}

/*Additions/edits/overrides*/
div.ic_info
{margin-left:10px !important;
margin-right:10px !important;}

div#searchCriteriaBorder {
border: 2px solid #003366;
margin: 3px auto;
padding: 5px;
margin: 0 10px;
}

/* Headers. */
div.searchHeader, 
table.linedGreen caption {
background: #003366;
}

/* Application's CSS. */
div.searchHeader {
color: #FFFFFF;
width: 99.5%;
border: #006633 1px solid;
padding-top: 1px;
padding-bottom: 1px;
font-weight: bold;
}

a.edit {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
	background-image: url("/eic/home.nsf/images/edition-modify-DG.png/$file/edition-modify-DG.png");
	background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-right: 16px;
    background-position: right top;
    text-decoration: none;
 }
	
a.edit:hover {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
	background-image: url("/eic/home.nsf/images/edition-modify-LB.png/$file/edition-modify-LB.png");
	background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-right: 16px;
    text-decoration: none;
	}	
	
a.delete{
   background-image: url("/eic/home.nsf/images/edition-delete-1-DG.png/$file/edition-delete-1-DG.png");
   background-repeat: no-repeat;
   padding-right: 16px;	
   text-decoration: none;
   background-position: left center;
}

a.delete:hover {
	background-image: url("/eic/home.nsf/images/edition-delete-1-LB.png/$file/edition-delete-1-LB.png");
	cursor: pointer;
	text-decoration: none;
}

a.question{
   background-image: url("/eic/home.nsf/images/infos-question-circle-2-DG.png/$file/infos-question-circle-2-DG.png");
   background-repeat: no-repeat;
   padding-right: 16px;	
   text-decoration: none;
   background-position: left center;
}

a.question:hover {
	background-image: url("/eic/home.nsf/images/infos-question-circle-2-LB.png/$file/infos-question-circle-2-LB.png");
	cursor: pointer;
	text-decoration: none;
}

.question{
   background-image: url("/eic/home.nsf/images/infos-question-circle-2-DG.png/$file/infos-question-circle-2-DG.png");
   background-repeat: no-repeat;
   padding-right: 16px;	
   text-decoration: none;
   background-position: left center;
   *zoom: 1;
 }

.question:hover {
	background-image: url("/eic/home.nsf/images/infos-question-circle-2-LB.png/$file/infos-question-circle-2-LB.png");
	cursor: pointer;
	text-decoration: none;
}

/* Tabs */

.tabs4 {
    margin: 0;
    padding: 0;
    position: relative;
	bottom:	-1px;
}
.tabs4 li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    display: inline-block;
    *zoom: 1;
    *display: inline;
	*margin-right:4px;

}
.tabs4 li a {
	background-color: #e6e6e6;
	color: #333333;
    display: block;
    font-weight: 400;
    padding: 4px;
    position: relative;
    text-decoration: none;
	*padding-top: 1px!important;
	*padding-bottom: 2px!important;
}

.tabs4 li a:hover{
	background-color: #EEEEEE;
    color: #333333;}

.tabs4 li, .tabs-ic-style-1 .default4, .tabs-ic-style-1 .tabs4 li {
    border-radius: 5px 5px 0px 0px;	
    /*padding: 2px 5px 5px 2px;  */
    border-color: #AAAAAA;  
    border-style: solid solid thin;
    color: #0066AA;
	font-weight: 700;
	background:#FFFFFF;
}

.tabs-ic-panel4 {
	border: 1px solid;
	padding: 3px;
	border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA
}
.marginLeft10{
margin-left:10px !important;	
}

.width96 {
    width: 96% !important;
}

.width97 {
    width: 97% !important;
}

.width98 {
    width: 98% !important;
}

.width99 {
    width: 99% !important;
}

div.icRow .formValue4legend {
	margin-left: 0px; 
	*float:right;
	*margin-top: -30px;
	*padding-right:15px;
	} 
	
div.icRow .formValue4legend2	
{
	margin-left: 12px; 
	margin-left: 12px\9;
	*float:right;
	*width: 66.5%;
	margin-top: 5px; 
	*margin-top: -27px;
	*margin-left: 0px!important;
	} 
	
.form_noMargin{
	margin-left:0!important;
	margin-right:0!important;
}

/* pe-calendar Date picker icon. */
div.icRow img.ui-datepicker-trigger { vertical-align: top; }

.hidden {
display: none;
}

.marginN{
margin-left:0.2px;
}

.vnavCurrent { font-weight: bold; }
div.center a.vnavNextPreviousLink, .vnavCurrent {
padding: 2px 8px;
border: solid 1px #DDDDDD;
background-color: #FFFFFF;
}
div.center a.vnavNextPreviousLink:hover {
color: #FFFFFF;
background-color: #369;
border-color: #FFFFFF;
text-decoration: none;
}

.width73{
	width:73%;
}

.width74{
	width:74%;
}

@media screen and (-webkit-min-device-pixel-ratio:0)  {
fieldset legend{	
background: #FFFFFF;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-left: 0px; 
}}

div.ic_error_margin {
border: 1px solid #FBB;
background: #FEE url(/eic/home.nsf/images/ic_WET_2-3_error.png/$file/ic_WET_2-3_error.png) no-repeat 2px 3px;
color: #000;
margin: 2px 10px 3px 10px;
padding: 3px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }


#cn-centre-col-inner{
    padding-top: 0px!important;
}

.popup_arrow{
	background: url(https://www.ic.gc.ca/app/scr/bsf-osb/ins/static/pe/popup/images/icon-popup.gif) no-repeat;
}

.marginLeft5{
	margin-left:5px;
}

fieldset {
border: 1px dashed #777777!important;
}

.hidefieldset {border:0!important;  padding:0!important; margin:0!important; display: block!important;}

