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

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
/* Menu */
#menuGroup{border: 1px solid #404040; background: #F0F0F0; padding: 0px; margin: 0 0 10px 0;}
#menuHeader {background: #D69000; color: #FFFFFF; padding: 4px 4px 4px 6px;}
#menu{font-weight: normal;}
#menu ul{list-style-type: none;padding: 0px;margin: 0 0 0 0;}
#menu ul ul{list-style-type: none;padding: 0;margin: 0 0 0 0;border: none;}
#menu ul li{border-top: 1px solid #909090;}
#menu ul li a{display: block;text-decoration: none;height: 100%;color: Black;padding: 4px 4px 4px 6px;}
#menu ul li a:hover{background: #EEEEAA;}
#menu ul ul li{border-top: 1px solid #D0D0D0;}
#menu ul ul li a{padding: 2px 2px 2px 6px; margin-left: 12px; font-weight: normal;}
#menuSelected{background: #EEEEAA;}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* Form */
form {display:inline;}	

INPUT,SELECT {
	/*background-color : #E6E5DB;*/
	color : #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}
TEXTAREA {
	/*background-color : #E6E5DB;*/
	color : #222222;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	width:98%;
}

INPUT.width100 {width:98%;}
INPUT.width50 {width:50%;}

INPUT.small {
	font-size: 95%;
	font-weight: normal;
	color: #000000;
}

INPUT.smallpadding {
	font-size: 95%;
	font-weight: normal;
	font-size: 100%;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

TEXTAREA.overflow {
	overflow:visible;
	height:94%;
	height:120px;	
	
}

INPUT.navBtn {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	width: 22px;
	font-weight: normal;
}
INPUT.navBtn2 {
	width: 18px;
	font-size: 80%;
	font-weight: normal;
}


/* Fieldset */

.fieldSection{
	background-color:#EEEEEE; 
	color: #660000;
	font-size:110%;
	font-weight: bold;
	padding-top:5px; padding-bottom:5px; 
	border-top: 1px solid #AAAFA0;
	border-bottom: 1px solid #AAAFA0;
}

fieldset {
	padding: 6px 6px 12px 6px;
}

fieldset.project {
	background-color : #ffffd8;
}
fieldset.view {
	border: 0px solid #888888;
	background-color : #F8F8F8;
}

label{font-size: 100%;}
legend{
	font-weight: bold;
	color: #000;
	font-size: 100%;
	margin-bottom:12px;	
}

.fieldName{
	/*border: 1px solid #FFFFFF;*/
	padding-left: 4px;
	/*border-top: 1px solid #EEEEEE;*/
	/*border-left: 1px solid #EEEEEE;*/
	/*background-color: #FFFFFF;*/
	color : #000000;
	font-weight: normal;
	text-align: left; 
	width: 10%;
}

.fieldForm{
	width: 90%;
}	

.fieldSave{
	border: 1px solid #6A7C94;
	background-color: #E6E5DB;
}

/* Form Buttons */
.tableButton{
	/*border: 1px solid #660000;*/
	/*border-top: 1px solid #AAAFA0;*/
	/*border-bottom: 1px solid #AAAFA0;*/	
	background-color: #EEEEEE;
	width : 100%;
	padding:0px;	
}
.tableButton td{
	padding:10px;	
}

.pagingRecords{
	padding: 4px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #EEEEEE;
	font-weight: bold;
	border: 1px solid #DDDDDD;
	text-align: center; 
	font-size: 125%;	
}


/* Header Link On/OFF */
.onLink {
	color : #FFFF00;
}

.offLink {
	color : #FFFFFF;
}

.onBorder {
	border : 1px solid orange;
}

.offBorder {
	border : 1px solid #004488;
}

.imageBorder {
	border : 1px solid #004488;
}

/* Table */
.on {
	background-color : #EEEEAA;
}

.off {
	background-color : #FFFFFF;
}

.onHeader {
	background-color : #bb0000;
}

.offHeader {
	background-color : #D69000;
}

th{background-color : #D69000; color : #F8F8F8;}

table.display, table.displayBody, table.print  {
	border-collapse: collapse;
	border : 1px solid #EEEEEE;
	width : 100%;
	padding : 2px;
}

table.display th, table.displayBody th, table.print th {
	/*background-color : #6A7C94;*/
	border : 1px solid #EEEEEE;
	padding : 4px;
	color : #F8F8F8;
	font-weight : bold;
	/*font-size : .95em;*/
	text-align: center;
}

table.display td, table.displayBody td, table.print td {
	border-bottom : 1px solid #EEEEEE;
	padding : 4px;
	color : #000000;
	font-weight : normal;
	/*font-size : 95%;*/
	vertical-align:top;	
}

table.display td {
	font-size : 95%;
}

table.displayBody td {
	border : 1px solid #EEEEEE;
}

table.print {
	border : 1px solid #888888;
}

table.print th {
  border : 1px solid #888888;
  background-color : #DDDDDD;
  color : #000000;
}

table.print td {
	border : 1px solid #888888;
}

table.display td.Total, table.print td.Total {
	color: black;
	font-weight : bold;
	text-align:right;
}	

table.display th a:link, table.display th a:visited, table.displayBody th a:link, table.displayBody th a:visited {
	color: #FFFFFF;
	/*display: block;
	width: 100%;*/
	text-decoration: none;
} 

table.display th a:hover, table.displayBody th a:hover {
	color: #FFFF00;
	/*display: block;
	width: 100%;*/
	text-decoration: none;
} 

table.display a, table.displayBody a {
	color: #000000;
	/*display: block;
	width: 100%;*/
	/*text-decoration: none;*/
} 

table.display tr.subHeader {
	background-color:#E0DAA2;
}

table.print tr.subHeader {
	background-color:#F0F0F0;
}

table.display td.subHeader, table.print td.subHeader {
	text-align:left;
}	

table.display td.subHeaderSub {
	background-color:#EEEEEE; 
}	

table.display tr.subSubHeader {
	background-color:#FAFAFA; 
	font-size: 80%;
}
table.display td.subSubHeader {
	padding : 0px;
	color: #888888; 
	text-align:center; 
}		

/* Table Title */
table.displayTitle {
	border-collapse: collapse;
	border : 1px solid #808080;
	width : 100%;
	padding : 2px;
}

table.displayTitle th {
	background-color : #E0E0E0;
	border : 1px solid #808080;
	padding : 4px;
	color : #660000;
	font-weight : bold;
	/*text-align:left; */
}

table.displayTitle td {
	background-color : #E0E0E0;
	border : 1px solid #808080;
	padding : 4px;
	color : #660000;
	font-weight : normal;
	/*text-align:left;*/
	vertical-align:top;	
}

table.blank {
	border-collapse: collapse;
	border: none;
	width : 100%;
	padding : 4px;	
}
table.blank th {
	border: none;
	background-color : #DDDDDD;
	color : #000000;
	padding : 4px;
	font-size:10.0pt;
}

table.blank td {
	border: none;
	padding : 4px;
	font-size:10.0pt;
}


/* Search */
table.npagelist ul{clear:both;}
table.npagelist ul,table.npagelist ul li{list-style:none;margin:0;padding:0;}
table.npagelist ul li{float:left;padding:5px 20px 5px 0px;} 


/* Other */

hr {
	border: none 0; 
	border-top: 1px dashed #B0B0B0;
	height: 1px;
}

.red  {
	color: red;
}

.redUnderline  {
	color: red;
	border-bottom: red thin double;
		
}

.trGood {
	background-color : #BBEEBB;
}

.trBad {
	background-color : #EEBBBB;
}

.normal{
	font-size : 12px;
	font-weight : normal;
}

.disLable{
	color: gray;
	font-size: 80%;
	/*font-variant: small-caps;*/
}
.footnotes{
	color: gray;
	font-size : 90%;
}

/* Top Menu */
#menuTab {
	padding: 0; 
	overflow: hidden;
}
#menuTab ul {list-style-type: none; 
	margin: 0; 
	padding: 0;
	border: none;
	top: 10px; 
	width: 100%;
}
#menuTab ul li {
	white-space: nowrap; 
	margin: 1px;
	padding: 5px 0px 5px 0px;
	border:1px solid #404040;
	float: left; 
	color: #FFF;
	background-color: #F0F0F0;
}
#menuTab ul li div a {
	text-decoration:none;
	color:Black;
	margin:0px;
	padding:5px;
}	
#menuTab ul li div a:hover{
	background: #EEEEAA;
}
#menuTabSelected{
	background: #FFFFFF;
	border-left: 5px solid #ff9900;
}