/* clf 2.0 template version 1.04 | version 1.04 du gabarit nsi 2.0 */
	/* general css begins | debut du css general */
	
caption.newCaption {
	padding: 1px 3px;
	margin: 0px;
	text-align: left;
	background: #AFAFAF;
	color: #000000;
	font-weight: bold;
	border: 0px;
}

/* Add specific code so that radio button and checkbox labels are beside the field
*/
form div label.besideField {
	width: auto;
	float: none;
}

fieldset {
	margin-bottom: 1.5em;
	border-top-width: 1px;
	border-right-width-value: 1px;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-bottom-width: 1px;
	border-left-width-value: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-top-style: solid;
	border-right-style-value: solid;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-bottom-style: solid;
	border-left-style-value: solid;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-top-color: #336699;
	border-right-color-value: #336699;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-bottom-color: #336699;
	border-left-color-value: #336699;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	padding-top: 0pt;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	display: block;
}

form td label {
	width: 100%;
	/*	float: left;*/
	padding: .2em;
	font-weight: normal;
}

/* Add specific code so that radio button and checkbox labels are beside the field
*/
form td label.besideField {
	width: auto;
	float: none;
}

form td label.nowrap,form div label.nowrap {
	float: none;
}

form td input,form div input,form td textarea,form div textarea {
	margin: .2em;
	/* border: 1px solid #000000; */
}

form td input.inputField {
	width: 90%;
}

form td select,form div select {
	margin: .2em;
}

.mandatory {
	background-color: transparent;
	color: #ff0000;
	font-weight: bold;
}

div.center a:link {
	padding-bottom: 2px;
}

.gray {
	background-color: transparent;
	color: #333333;
}

.hide {
	display: none;
}

/* BUTTON BAR  */
#buttonBarTop {
	padding-top: 1px;
}

#buttonBarBtm {
	clear: both;
	padding-top: 1px;
}

div#buttonBar span.buttons {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	font-weight: 600;
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
	float: right;
	width: 15%;
	text-align: right;
}

div#buttonBar span.buttonTextLeft {
	float: left;
	/*   width: 60%;*/
	text-align: left;
}

div#buttonBar span.buttonsLeft {
	float: left;
	width: 35%;
	text-align: left;
}

div#buttonBar span.buttonsRight {
	float: right;
	text-align: right;
	padding-bottom: 8px;
	padding-right: 8px;
}

div#buttonBarTop span.buttonsRight {
	float: right;
	text-align: right;
	padding-bottom: 8px;
	padding-right: 8px;
}

div#buttonBarBtm span.buttonsRight {
	float: right;
	text-align: right;
}

div#buttonBar span.buttonsRightNote {
	float: right;
	text-align: right;
	padding-right: 25%;
}

/* BUTTONS */ /*div#buttonBar input {
   background-color: #EEEEEE ;
   border: 1px solid #000000 ; 
   font-weight: 600;
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
   }
*/
.button {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	font-weight: 600;
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
}

input.buttons {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	font-weight: 600;
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
}

/*   background-color: #EEEEEE ;
   border: 1px solid #000000 ; 
   font-weight: 600;
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
   }*/
.button1 {
	PADDING-RIGHT: 0.2em;
	DISPLAY: inline;
	PADDING-LEFT: 0.2em;
	PADDING-BOTTOM: 0px;
	OVERFLOW: visible;
	WIDTH: auto;
	PADDING-TOP: 0px
}

input.buttonReg {
	background-color: #EEEEEE;
	border: 1px solid #000000;
	font-weight: 600;
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
}

/* END OF BUTTONS */
td.tableStatus {
	width: 25px;
	text-align: center;
	vertical-align: top;
}

table.lined {
	border: #FFFFFF 3px solid;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px
}

table.lined caption {
	border: #336699 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	background: #336699;
	padding-bottom: 3px;
	margin: 0px;
	color: #ffffff;
	padding-top: 1px;
	text-align: left
}

table.lined th {
	border: #FFFFFF 2px solid;
	/*	border: #336699 1px solid;*/
	border-right: #FFFFFF 3px solid;
	padding-right: 1px;
	padding-left: 3px;
	font-weight: bold;
	background: #336699;
	padding-bottom: 1px;
	margin: 0px;
	color: #ffffff;
	padding-top: 1px;
	text-align: left
}

/*	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 1px;
	margin: 0px;
	color: #000000;
	padding-top: 1px;
	background-color: #eeeeee;
	text-align: left
}*/
table.lined td {
	border: #FFFFFF 2px solid;
	padding-right: 1px;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
}

table.lined td.editdelete {
	width: 10%
}

table.lined td.editdelete2 {
	width: 15%
}

table.lined tfoot td {
	padding: 3px;
	border-top: #003366 3px solid;
	margin: 0px;
	color: #000000;
	background-color: #FFFFFF;
}

td.tableTop {
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}

td.tableTopGray {
	vertical-align: top;
	background-color: #EEEEEE;
	padding-left: 3px;
	padding-right: 3px;
}

th.formHeader {
	background-color: #003366;
	color: #FFFFFF;
	border: #003366 1px solid;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	line-height: normal;
	text-align: left;
}

th.formHeaderSub {
	background-color: #336699;
	color: #FFFFFF;
	border: #336699 1px solid;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	line-height: normal;
	text-align: left;
}

div.formHeaderBar {
	background-color: #003366;
	color: #FFFFFF;
	border: #003366 1px solid;
	padding: 4px 0px 4px 4px;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	line-height: normal;
	text-align: left;
}

div.formHeaderBarSub {
	background-color: #336699;
	color: #FFFFFF;
	border: #336699 1px solid;
	padding: 4px 0px 4px 4px;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	line-height: normal;
	text-align: left;
}

div.formHeader2col {
	background-color: #336699;
	color: #FFFFFF;
	width: 98%;
	border: #336699 1px solid;
	padding: 4px 0px 4px 4px;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	vertical-align: bottom;
	line-height: normal;
}

.formTable {
	margin-top: 5px;
	display: table;
	width: 98%;
}

.formRow {
	display: table-row;
}

div.formRow div.formLabel {
	background-color: #EEEEEE;
	width: 25%;
	display: table-cell;
	padding: 3px;
	margin-right: 3px;
	border-bottom: 3px white solid;
	vertical-align: top;
}

div.formRow div.formLabel label {
	background-color: #EEEEEE;
	float: none;
	display: table-cell;
	padding: 3px;
	margin-right: 3px;
	vertical-align: top;
}

.formValue {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 6px;
	padding-left: 3px;
}

.data {
	width: auto;
	clear: right;
	padding: .3em .3em;
	margin-top: 0px;
	margin-bottom: 1px;
	vertical-align: bottom;
}

img {
	vertical-align: bottom;
	margin-right: 5px;
}

/* this class must be included to ensure the p tag text appears in IE*/
.center p {
	width: 100%;
}

.providedTerms {
	color: #FFF;
	background-color: #060;
}

div.ic2col1 {
	width: 45%;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
/* general css ends | fin du css general */