BODY {
	background-color: #FFFFFF;
	color:black;
/*	font-family: Verdana,Arial,Helvetica,sans-Serif; */
	font-family: Arial,Helvetica,Sans-Serif,Verdana;
	font-size: 9pt;
	margin:0px;
}

BODY.cpydetail {
	background-color: #F8F8F8;	
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 4px;
}

BODY.ms  {
	font-family: Verdana,Arial,Helvetica,sans-Serif;
}

BODY.yellow {
	background-color: #FFFFF0;
}

/* general information pages -- mainly textual contents */
BODY.info {
/*	background-color: #FFFAF0; */
	color: #2F4F4F;
	font-size: 10pt;
	margin : 16px;
}

/*
BODY.help {
	background-color: #FFFAFA; 
	color: #696969;
	font-size: 10pt;
	margin : 8px;
}
*/

BODY.leftmenu {
/* ChD New version 2007-04
	color:black;
	background-color: #73A2C6;
	font-size: 9pt; 
	margin-left:1px;
	margin-right:4px;
*/	
	color:black;
	background-color: #D7E4EF;
	font-size: 9pt; 
	margin-left:1px;
	margin-right:4px;
}

BODY.help {
	background-color : #FFFFE0;
	color : Navy;
	font-style : italic;
	font-size : 12pt;
	text-align : left;
	text-indent : 5px;
	margin : 0;
}

BODY.popup {
	background-color: #FFFFF0;
	color : Navy;
	font-size : 12pt;
	text-align : left;
	text-indent : 5px;
	margin : 0;
}

img, img A:link, img A:visited {
  border: none;
}

DIV.eulaext {
	position: relative;
	width: 80%;
	margin: 32px;
	padding: 4px;
	background-color: #D3D3D3;
}
	
DIV.eulaint {
	height: 360px;
	overflow: scroll;
	margin: 8px;
	background-color: #F5F5F5;
}

FORM.eula {
	margin: 8px;
	text-align: right;
	padding: 0;
	background-color: #D3D3D3;
}
	
.dim {
	color: #636363;
}

.hi {
	color: #90EE90;
	font-weight: bold;
}

.barcolor1 {
	margin-top : 16px;
	margin-bottom : 4px;
	background-color : #F5F5F5;
	font-weight : bold;
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

.barcolor2 {
	margin-top : 16px;
	margin-bottom : 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 4px;
	background-color : #B0C4DE;
	font-weight : normal;
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.barcolorneg1 {
	margin-top : 16px;
	margin-bottom : 4px;
	background-color : black;
	color : #DCDCDC;
	font-weight : bold;
}

.barcolorneg2 {
	margin-top : 16px;
	margin-bottom : 4px;
	background-color : black;
	color : white;
	font-weight : bold;
}



.filter {
	background-color: #F5F5F5;
}

A:link, A:visited {
	color: black;
}

A:hover {
	color: blue;
}
	
A.nicer, A.nicer:visited {
	font-weight : bold;
	color : #6495ED;
}

A.nicer:hover {
	font-weight : bold;
	color : Blue;
}

BODY.leftmenu A, BODY.leftmenu A:visited {
	color: black;
	text-decoration : none;
}

BODY.leftmenu A:hover {
	color : blue;
}

TH {
	background: Silver url(v_wg_24.png) repeat-x;
	color : #696969;
	height : 20px;
	font-weight : normal;
}

TH.big {
	height: 24px;
	text-align: left;
	background-image: url(tbl_gw_24.gif);
	background-repeat: repeat-x;
}
		
TH.double {
	height: 36px;
	text-align: left;
	background-image: url(tbl_gw_36.gif);
	background-repeat: repeat-x;
}
		
TH.selected, TH.selected A, TH.selected A:visited {
	color : Blue;
}

TH.selected A:hover {
	color : red;
}


TD.spacer {
    width : 16px;
}

TD.hi {
	background-color: #DCDCDC;
	color: Navy;
	font-weight: normal;
}

/* chd080408 numerical column 32px width */
td.num32 {
	width: 32px;
	text-align: right;
	padding: 0px 4px 0px 4px;
}

/*
  Must define table font like body font,
  otherwise table fonts are BIG
*/
TABLE {
/*  background-color: white; */
  font-size: 9pt;
  padding : 0;
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0px;
  border: none;
}

/* odd rows highlighted */
TR.r1 {
	background-color : #D4E0FB;
}

/* Table for displaying aligned text, with large spaces */
TABLE.margins {
	border-spacing:16px;
	border-collapse:separate;
}

/* Table for displaying reference stuff. With borders, moderate margins */
TABLE.grid {
	border: 1px solid black;
}
 
TABLE.top {
	background-color: #73A2C6;
	color: Black;
	width: 100%;
}

TABLE.banner {
	background-color: #73A2C6;
	color: white;
	background-image: url(tbl_banner.gif);
	background-repeat: repeat-x;
}

TABLE.color {
	background-color: #F5F5F5;
}

.tablecolor {
	background-color: #F5F5F5;
}

TABLE.select {
	background-color: #F8F8F8;
	margin : 0;
	border : 0;
}

TABLE.selectm {
	background-color: #F8F8F8;
	margin : 0;
	border : 0;
	margin-left : 16px;
}

TABLE.usermenu {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-image: url(tbl_um0.gif);
	background-repeat: repeat-x;
	height: 18px;
	background-color: Silver;
}

TABLE.usermenu A, TABLE.usermenu A:visited {
	color: Black;
	text-decoration: none;
}

TABLE.usermenu A:hover {
	color: blue;
}

TABLE.usermenu TD {
	background-image: url(tbl_um0.gif);
}

TABLE.usermenu TD.selected {
	color : Blue;
	font-weight: bold;
}

TABLE.tabbedmenu {
/* 	font-family: Arial, Helvetica, Sans-Serif;*/
  font-size: 8pt;
  background-color: #73A2C6;
}

TABLE.tabbedmenu TD {
	padding: 0px;
}

TABLE.tabbedmenu TD A:link, TABLE.tabbedmenu TD A:visited {
	text-decoration: none;
	white-space: nowrap;
}

TABLE.tabbedmenu TD IMG {
	display: block;
	vertical-align: middle;
	border: 0;
}

TABLE.links {
	height: 32px;
/* 	font-family: Arial, Helvetica, sans-serif; */
	font-size: 8pt;
	font-weight: bold;
	color : White;
	padding: 0;
}

TABLE.links A, TABLE.links A:visited {
	color : White;
	text-decoration: none;
}

TABLE.links A:hover {
	color : Yellow;
}

TABLE.links TD.L {
	width : 10px;
	background-image: url(BtnGelBleu32_L.gif);
	background-repeat: no-repeat;
}

TABLE.links TD.M {
	background-image: url(BtnGelBleu32_M.gif);
	background-repeat: repeat-x;
	text-align: center;
	white-space: nowrap;
}

TABLE.links TD.R {
	width : 10px;
	background-image: url(BtnGelBleu32_R.gif);
	background-repeat: no-repeat;
}

TABLE.links TH.L {
	width : 10px;
	background-image: url(BtnGelOra32_L.gif);
	background-repeat: no-repeat;
}

TABLE.links TH.M {
	background-image: url(BtnGelOra32_M.gif);
	background-repeat: repeat-x;
	text-align: center;
}

TABLE.links TH.R {
	width : 10px;
	background-image: url(BtnGelOra32_R.gif);
	background-repeat: no-repeat;
}

TABLE.proddetail {
	width:100%;
	height:450px;
	border-collapse:separate;
	border-width: 4px;
	border-spacing:4px;
}

TABLE.cpblist TR TD {
	white-space: nowrap;
	vertical-align: top;
}

/* odd lines in cpblist ChD070101 */
TABLE.cpblist TR.r0 TD {
   background-color: #FFFFFF;
	vertical-align: top;
}

/* even lines in cpblist ChD070101 */
TABLE.cpblist TR.r1 TD {
/*   background-color: #edf2f6; */
	background-color: #DCE6FC;
	vertical-align: top;
}

/* mouseover lines in cpblist ChD070101 */
TABLE.cpblist TR.rhi TD {
	background-color: #F0E68C;
	vertical-align: top;
}

/* TABLE.cpblistW - wordwrap version of TABLE.cpblist */ 

/* odd lines in cpblistW ChD070301 */
TABLE.cpblistw TR.r0 TD {
   background-color: #FFFFFF;
	vertical-align: top;
}

/* even lines in cpblistW ChD070301 */
TABLE.cpblistw TR.r1 TD {
   background-color: #edf2f6;
	vertical-align: top;
}

/* multi-lines in cpblists */
TABLE.cpblistw UL, TABLE.cpblist UL {
   list-style-image: url(dot4.png);
   padding: 0px 0px 4px 16px;
   margin: 0px 0px 0px 0px;  
	text-indent: -4px;
}

/* prod detail - left and right main column colors */
TD.vbarcolor1, TD.vbarcolor2 {
	background-color: white;
}

/* product detail - left and right column blocks */
TABLE.column {
	width: 100%;
	border-color: Silver;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	background-color: #F5F5F5;
	margin-top: 8px;
}

TABLE.column TH {
	height: 20px;	
	color: Navy;
}

TABLE.tabbedmenu TD.TAB0 {
	font-family: Arial,Helvetica,sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	background-color: #D9D9D9;
	background-image:url(mnuTriangle1.gif);
	background-position: left;
	background-repeat:no-repeat;
	padding-left : 24px;
}

TABLE.tabbedmenu TD.TAB1 {
	font-family: Arial,Helvetica,sans-Serif;
	font-size: 8pt;
	background-color: #FFFFFF;
	color: black;
	background-image:url(mnuTriangle1.gif);
	background-position: left;
	background-repeat:no-repeat;
	padding-left : 24px;
}

.TAB0 A:link, .TAB0 A:visited {
	color: #3333CC;
}

.TAB0 A:hover {
	color: Blue;
}

P.info {
	margin-top: 10px;
	margin-bottom: 4px;
	margin-left: 12px;
}
	
#BC0 {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	background-color: #E0E8F0;
}

#BC1 {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	background-color: #D8E0E8;
}

#R0 {
	background-color: #EEEEEE;
}

#R1 {
	background-color: #FEFEFE;
}

/* left menu : user access stuff */
DIV.useraccess {
	width:160px;
	height:64px;
	background-image:url(useraccess.png);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:12pt;
	color:#FFEE8A;
}

/* left menu : user access stuff */
DIV.useraccessc, DIV.useraccessc A {
	width:32px;
	height:42px;
	margin:16px 8px 6px 8px;
	font-size:12pt;
	color:#FFEE8A;
	cursor: pointer;
}


/* cpy detail block container */ 	
DIV.CPY0 {
	background-color: #FFFFFF;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	margin-bottom: 16px;
}

/* cpy detail block container */ 	
DIV.CPY1 {
	background-color: #FFFFFF;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	margin-bottom: 16px;
}

/* cpy detail block header */ 	
.cpyt,.cpyt A,.cpyt A:visited {
	color: #C1D4F3;
	height: 24px;	/* 32 pixels minus the vertical padding */ 
	font-size: 11pt;
	text-decoration: none;
	padding-left: 8px;
 	padding-top: 8px;  
	white-space: nowrap;
	background-image: url(v_blu_32.png);
/* 	background-position: top;*/
	background-repeat: repeat-x;
}

/* cpy detail block header -- personal data header (green instead of blue) */ 	
.cpytp,.cpytp A,.cpytp A:visited {
	color: #B4F0B5;
	height: 24px;	/* 32 pixels minus the vertical padding */ 
	font-size: 11pt;
	text-decoration: none;
	padding-left: 8px;
 	padding-top: 8px;  
	white-space: nowrap;
	background-image: url(v_green_32.png);
	background-repeat: repeat-x;
}

/* cpy detail block header */ 	
.cpythi,.cpythi A,.cpythi A:visited {
	color: #C1D4F3;
	height: 24px;	/* 32 pixels minus the vertical padding */ 
	font-size: 11pt;
	text-decoration: none;
	padding-left: 8px;
 	padding-top: 8px;  
	white-space: nowrap;
	background-image: url(v_blu_32.png);
/* 	background-position: top;*/
	background-repeat: repeat-x;
}

/* cpy detail block contents */ 	
DIV.cpyc {
  margin: 8px;
}	

/* cpy detail block extra header (special commands, etc) */ 	
DIV.cpyx {
  height: 24px;
  text-align: right;
  vertical-align: middle;
  padding-top: 3px;
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 8px;
  background-image:url(v_wg_24.png);
  background-repeat: repeat-x;
}	

/* links in cpy block extra header */
DIV.cpyx A, DIV.cpyx A:visited {
	text-decoration: none;
	cursor: pointer;
}

/* links in cpy block extra header */
DIV.cpyx A:hover {
/*  text-decoration: underline;  */
  background-color : Yellow;
}

.cpyad {
	background-color: #FFA500;
	color: White;
	font-weight: bold;
}

.cpydim {
	color: Silver;
}

.cpyhi {
	color: navy;
	font-weight: bold;
}

.cpyto0 {
	color : blue;	
}

.cpyto1 {
	color : navy;	
}

.exportHeader {
	background-color: #73A2C6;
/*	font-size: 11pt; chd071022 removed */
	color : White;
	}

TD.exportLevel1 {
	 height:24px; 
	 vertical-align:bottom; 
	 margin-left:8px; 
	 font-weight:bold; 
	 background-color:transparent; 
}

#steptitle {
	font-size : 12px;
	color : White;
	font-style : italic;
	font-weight : bold;
	padding-top : 4px;
	padding-left : 4px;
}	

#stepdesc {
	font-size : 12px;
	color : #FFFF99;
	padding-bottom : 4px;
	padding-left : 4px;
	font-weight : bold;
}

#disabled {
	color : Gray;
	font-style : italic;
}

/* option block in an expert page */
table.expert, div.expert {
/*	background-color: #F8F8F8; */
	border: 2px solid #DCDCDC;	
	padding: 20px;
}

/* almost-white background for square areas (TD, DIV, SPAN...) */
.smoke {
	background-color: #FFFACD;
}

/* background color - old yellow */
.bkyellow1 {
	background-color: #FFFACD;
}

.tdsubtitle {
	font-size: 10pt;
	font-weight : bold;
	background-color : White;
	color : #778899;
}

.tdsubtitlen {
	font-size: 10pt;
	color : #F5F5F5;
	font-weight : bold;
	background-color : Silver;
}

#selectd {
	font-size: 10pt;
	background-color: #E8E8E8;
	color : Gray;
	}


.selecth2 {
	font-weight : bold;
	}

.q {
	background-color: #D7E4EF;
}

.buttons {
	background-color: #D7E4EF;
	width : 100%;
	border : 0;
	margin : 0;
	padding : 4px;
}

.DESC {
	background-color: #EEEEEE;
}

.head0 {
	background-color: #4477AA;	
	color: #FFFFFF;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	margin-top: 0px;
	padding : 4px;
}

.lightBlue {
	background-color: #D7E4EF;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
}

.midBlue {
	background-color: #73A2C6;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color : White;
	}

.darkBlue {
	background-color: #4477AA;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
}

.loginuser {
	background-color: #D7E4EF;
	background: url(v_bb200.gif) repeat-x; 
}
		
.logindemo {
	background-color: #FFCC66;
	background: url(v_orange200.gif) repeat-x; 
}

.MLP1 {
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0px;
}

.MLP2 {
	font-size: 8pt;
}

.MLC1 {
	background-color: #F0F8FF;
}
.MLC2 {
	border: 2px solid;
}


.action {
	font-size : 12px;
	color : Black;
	font-weight : bold;
	text-decoration : underline;
}

/* Error message box for JSP error page */
.alertMsgTitle {
	margin: 16px 64px 16px 64px;
	padding: 24px; 
	border: 2px solid yellow;
	background-color: #FF6633;
	color : White;
	font-weight : bold;
	font-size : 11px;
	text-transform: uppercase;
	text-align : left;
	text-indent : 5px;
}

.alertMsg {
	color : #DC143C;
	font-weight : bold;
	font-size : 10pt;
}

.email {
	color : #00008B;
	text-decoration : underline;
	font-size : 12pt;
	font-family: Arial, sans-serif;
	}

.infoMsgTitle {
	background : Navy;
	color : White;
	font-weight : bold;
	font-size : 12pt;
	text-align : left;
	text-indent : 5px;
}

.labelField {
	color : Black;
	font-weight : bold;
	font-size : 10pt;
}

.infoMsg {
	color : #00008B;
	font-weight : bold;
	font-size : 10pt;
}

.menuMain {
	color : Black;
	font-weight : bold;
	font-size : 10px;
	text-transform: uppercase;
}

.menuSub {
	color : Black;
	font-size : 10px;
}

.sample {
	background : #EBFEF0;
	color : Navy;
	font-style : italic;
	font-size :11pt;
	text-align : left;
	text-indent : 5px;
}

.titreColonne {
	background-color : Navy;
	color : White;
	font-weight : bold;
	font-size : 12pt;
	text-align : left;
	text-indent : 5px;
	}

.small {
	font-size: 8pt;
}


.var {
	color : navy;
	font-weight : bolder;
}	

.smallvar {
	color : navy;	
}

.adlink {
	font-size : 11px;
	font-weight : bold;
	color : #6495ED;
}

#T_KW {
	color: Blue;
}

.hint {
	color : navy;
	background-color: #98FB98;
	font-weight : bolder;
}
	
/*
	title for login page, welcome page etc
*/	
.title {
	color: #999999;
/*	font-family: Arial, sans-serif; */
	font-size: 14pt;
	font-weight: bold; 
}

.title2 {
	color : navy;
	font-size : 12pt;
	margin-top: 4px;
	margin-bottom:4px;
}

.helptitle {
	background-color: Black;
	color : Blue;
	font-family: Arial, sans-serif;
	font-weight : bold;
	font-size: 11pt;
	margin-top: 0px;
	padding-top : 8px;
	padding-bottom: 8px;
	height: 32px;
	margin-bottom:16px;
	background-image: url(div_blu1.gif);
}

.helpmessage {
	margin : 16px;
}

.selbkg, .selbkg table {
	margin: 0px;
	background-color: #4682B4;
	color : white;
}

.seltabs {
	margin-top: 3px;
	margin-bottom: 0px;
	background-color: #4682B4;
	color : white;
	display : block;
	white-space: nowrap;
}

.seltab0 {
	background-color : #72A0C9;
	color: white;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	padding-left : 4px;
	padding-right : 4px;
	cursor: pointer;
}

.seltab1 {
	background-color : #FFFFFF;
	color: black;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	padding-left : 4px;
	padding-right : 4px;
	cursor: pointer;
}

.selfilter {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

.inputsmall {
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid; 
	font-size: 8pt; 
	margin: 0px; 
	width: 128px; 
	line-height: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 16px; 
	background-color: #FFFFE0; 
}

/*
	bottom hintFrame : "Loading xxx" text
*/
DIV.loading {
	color: #FFAE15;
	font-weight: bold;
	background-color: #111;
	margin-top: 0px;
	padding: 2px;
	text-align: center;
}

div.divLoadingTopRight {
   display:none;
   position:absolute;right:8px;
   padding:8px 32px 8px 72px;
   border:1px solid green;
   background: #FFF url(workingCircle40.gif) top left no-repeat;
   color:orange;
   font-size:13pt;
   font-weight:bold;
}


/*
	selection module window : "Loading xxx" text
*/
DIV.wait {
	color: Gray;
	padding: 32px;
	text-align: center;
	height: 48px;
	background: url(waitBar02.gif) bottom no-repeat;
}

/* Vista-like blue circle */
DIV.waitCircleBlue {
	background: url(waitCircleBlue.gif) left no-repeat;
}

/*
  Button-like link for selection hint
*/
.sellink {
	background-color : #72A0C9;
	color: white;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	padding-left : 4px;
	padding-right : 4px;
	margin-left: 4px;
	cursor: pointer;
}

/*
  Button 3D by ChD
*/
.slimbutton {
	background-color : Silver;
	background-image: url(BoutonGelBleu_M.gif);
	color: Black;
	height: 20px;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left : 4px;
	padding-right : 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
	cursor: pointer;
	background-repeat: repeat-x;
}

/*
	Selection potential - where numbers are shown
*/
.selpot {
	background-color : #72A0C9;
	color: white;
 	text-align : right;
	padding-left : 4px;
	padding-right : 4px;
	height : 20px;
	border : 0;
}

/*
  Hint text for Selection category
*/
DIV.selhint {
	color : Silver;
	margin: 8px;
}

/* selection module vertical button bars */
div.selbuttons {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:32px;
  height:1500px;
  overflow: hidden;
  background:#FFFFF0 url(dg_sel_yellow.gif) repeat-y;
}

div.selbuttons div.A {margin-top:4px}
div.selbuttons div.B {margin-top:32px}

DIV.selcontents {
	color: Black;
	background: #FFFFF0; 
	font-family: Arial,Helvetica,sans-serif;
	font-size:9pt;
	white-space: nowrap;
}

.itindex {
	background-color: #2953A6;
	color : #F5F5F5;
}

P.footer {
	font-size: 8pt;
	margin-left: 32px;
	margin-right: 32px;
	margin-top: 24px;
	margin-bottom: 24px;
	color: Silver;
}

P.copy {
	font-size: 8pt;
}

/* general purpose list -- blue bullets */
UL.blue {
	list-style-image: url(dotBlue.gif);
}

/* multi-level list - level 0 */
UL.L0 {
	list-style-image: url(dotBlue.gif);
}

/* multi-level list - level 1 */
UL.L1 {
	margin-top:8px;
	margin-bottom:16px;
	list-style-image: url(dotGray.gif);
}

/* UL for Expert steps. Example RANKING SCORING */
UL.wide {
	margin:16px;
	padding-left: 8px;
}

UL.wide LI {
	margin-top: 12px;
}

DIV.bullet0 {
	background-image: url(dotBlue.gif);
	background-position: 6px 4px;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 4px;
}

/* iPod-like button - 32 px height - ChD070216 */
.whiteButton32 {
    border:1px solid #bbb;
    border-top:0;
    font-weight : bold;
    color:black;
    background-color : #FEFEFE;
    background-image: url(v_wg_32_1.png);
    background-repeat : repeat-x;
	 padding: 4px 8px 4px 8px;
    white-space: nowrap;
	 height: 32px;
    width : 180px;
	 cursor:pointer;
 	 text-align:center;
    vertical-align: middle;
	 display: inline;
}

/* iPod-like button - 24 px height - ChD070216 */
DIV.whiteButton24 {
    border:1px solid #bbb;
    border-top:0;
    color:black;
    background-color : #FEFEFE;
    background-image: url(v_wg_24.png);
    background-repeat : repeat-x;
	 padding: 4px 8px 4px 8px;
    white-space: nowrap;
	 height: 24px;
    width : 100px;
	 cursor:pointer;
 	 text-align:center;
    vertical-align: middle;
	 display: inline;
}

/* iPod-like button - 22 px height - ChD070216 */
DIV.whiteButton22 {
    border:1px solid #bbb;
    border-top:0;
    border-bottom:0;
    color:black;
    background-color : #FEFEFE;
    background-image: url(v_w_22.png);
    background-repeat : repeat-x;
	 padding: 4px 8px 3px 8px;
    white-space: nowrap;
	 height: 20px;
    width : 100px;
	 cursor:pointer;
 	 text-align:center;
    vertical-align: middle;
	 display: inline;
	 margin-left: 16px;
}

/* iPod-like button - 22 px height - ChD070216 */
DIV.whiteButtonR20 {
    border:none; 
    color:black;
    background-color : #FEFEFE;
    background-image: url(v_w_20.png);
    background-repeat : repeat-x;
	 padding: 4px 8px 4px 8px;
    white-space: nowrap;
	 height: 20px;
/*    width : 100px; */
	 cursor:pointer;
 	 text-align:center;
	 display: inline;
}

/* simple container frame - 22 px height */
DIV.frame20 {
    border:1px solid #aaa;
	 border-top: 1px solid #ccc;
	 border-left: 1px solid #ccc;
    color:black;
    background-color : #FEFEFE;
	 padding: 4px 8px 3px 8px;
    white-space: nowrap;
	 height: 20px;
    width : 100px;
	 cursor:pointer;
 	 text-align:center;
    vertical-align: middle;
	 display: inline;
	 margin-left: 16px;
}


/*
	Use this DIV to surround the matching SPAN button below
*/
DIV.bluGelBtn32 {
	position: relative;
/*	background-color: Fuchsia; */
	height: 29px;	/* height of background image */
/*	border: 1px dotted yellow; */
}  

/* iPod-like button - 30 px height - ChD070216 */
SPAN.bluGelBtn32 {
	 position : relative;
	 display: inline;
	 border-right: 1px solid #444;
	 border-bottom: 1px solid #444;
    color: black;
    background : #FEFEFE url(v_bluGel_28.png) repeat-x;
	 background-position: center;
/*	 line-height: 29px;    */
	 padding: 6px 8px 4px 8px;	   /* align vertical et horiz (pour le texte) */
	 height: 19px;	 /* height of background image - vertical paddings */
    white-space: nowrap;
	 cursor:pointer;	
 	 text-align:center;
/*	 overflow: hidden;  */
    vertical-align: middle;  
}

/* alignement spécifique pour les images dans un SPAN bouton */
SPAN.bluGelBtn32 IMG {
/*
	padding-top: 0px; 
	margin-top: 0px;
*/	
}



/*
  Blue bar (Outlook 2007 style) for white buttons
*/ 
DIV.bluebar32 {
  height:32px;
  line-height:32px;
  border: 1px solid #333;
  border-top-color: #FFF;
  padding:0px 8px 0px 8px;
  vertical-align:middle;      
  background: red url(v_blu_32.png) repeat-x;
  color: White;
}

/* clear ADD sign */
DIV.add16 {
    background-image: url(add8.png);
    background-repeat : no-repeat;
	 height: 16px;
    width: 16px;
 	 padding: 0px 8px 0px 8px;	/* force 8+8=16 minimal space */
	 cursor:pointer;
	 display: inline;
}

/* clear DEL sign */
DIV.del16 {
    background-image: url(del8.png);
    background-repeat : no-repeat;
	 height: 16px;
    width: 16px;
 	 padding: 0px 8px 0px 8px;	/* force 8+8=16 minimal space */
	 cursor:pointer;
	 display: inline;
}

/*
	Export Ranking
*/
div.rankingNode {
/*  border: 1px solid #030;    */
}

span.rankingNodeFamily {
  color: green;   
}

/*
################### SELECTION MODULE SPECIFIC -- START ##################
*/

DIV.selmenu {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

DIV.seltab {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #FFFFF0;
}

/* Category header */
DIV.selcat, DIV.chdcat {
  color:gray;
  background-color:#FFFFFF;
  height: 22px;
  margin-top: 0px;
  padding-top: 4px;
  border-top: 1px solid #DCDCDC;
  border-bottom: 2px solid silver;
}

/* block associated with ChDCategory */
DIV.chdcatblock {
  background-color: #FFFFF8;
  padding: 4px;
}

TABLE.selcat {
  color:gray;
  background-color:#FFFFFF;
}

/*
 for sel help window only 
 MUST match XX.selcat above
*/
SPAN.selcat {
  color:gray;
}

/*
  Hint for selection categories (keyword lead etc)
*/
SPAN.selcathint {
	color: Silver;
	margin-left: 16px;
}

/*
  Hint for selection files inside categories
*/
SPAN.selfilehint {
	color: gray;
	margin-left: 8px;
}

/*
	Hint for selection module window
*/
TD.selhint {
	color: #FFC862;
}

TD.selhint:hover {
	color: Lime;
}

DIV.seltab A, TABLE.cpblist A {
  text-decoration: none;
  color: black;
}

DIV.seltab A:hover, TABLE.cpblist A:hover {
  color: blue;
  font-weight: bold;
}

DIV.seltab IMG, DIV.selcontents IMG, TD.pot IMG, TABLE.cpblist IMG {
  text-decoration: none;
  vertical-align: top;
}

DIV.selcaption {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:32px;
   color : #E0E0E0;
   font-size : 96pt;
   text-indent : 48px;
   text-align : center;
	z-index:0;
}

TD.pot {
	background-color : #D7E4EF;
	color : black;
}

/*
	Selection potential - where numbers are shown
	#72A0C9
*/
.selpot {
	background-color : white;
	color: blue;
   text-align : right;
	margin-left : 8px;
	padding-right : 4px;
	height : 22px;
	border : 0;
}

.selfileblock {
	margin-left: 8px;
}

.selfilter {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

/* sel help text */
.noselect {	color: #A9A9A9; font-style: italic; }
.useful {	color: #4682B4; }

.filtermatch {	font-weight: bold; }
.filterzone {	background-color: Yellow;}

.selfile0 {color:navy}
.selfile1 {color:blue}

/*
################### SELECTION MODULE SPECIFIC -- END ##################
*/


/*  DIALOGS  */

  	/* global dialog container -- defines external size */
  	div.dialog {
  		position: absolute;
  		top: 24px;
  		left: 32px;
		border: 1px solid #333;
  		background: white url(v_bb1024.gif) repeat-x;
  	}

	div.dialog .dialogtitle {
		background-color: #333;
		color : white;
		display : block;
		padding:4px;
	}

	div.dialog .dialogbuttons {
		background-color: white;
		color : black;
		display : block;
		padding:12px;
	}

	/* container for all seltabpages below -- also gives total size of dialog */
  	div.seltabcontainer {
		position: relative;
		top:0px;
		left:0px;
		width: 400px;
		height: 380px;
		overflow: auto;
		background-color:#fefefe; 
		margin: 4px;
		padding: 4px;
		border: 1px solid silver;
	}
	/* single tab (all superposed) */
  	div.seltabpage {
		position: absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
		overflow: auto;
/*		background-color: silver; */
	}
	
	/* selected state visual for CpbSelFile objects (checkbox on and off) */
	div.cpbFileSel0 {
		background-image: url(cb13_0.png);
		background-position: left;
		background-repeat: no-repeat;
		text-indent: 16px;
		cursor: pointer;
	}
	div.cpbFileSel1 {
		background-image: url(cb13_blu1_1.png);
		background-position: left;
		background-repeat: no-repeat;
		text-indent: 16px;
		cursor: pointer;
	}
	
	/* numerical input field */
	input.num {
		color: blue;
		text-align: right;
	}

	/* highlight numbers */	
	div.num {
		color: blue;
		text-align: right;
		padding:0px 4px 0px 4px;
	}

	/* SCORING TABLE -- START  --------------------  */
	
	table.scoringlist {
	  background-color: #F8F8F8;
	}

	table.scoringlist input {
		border: 1px solid silver;
		padding-right: 4px;
	}	
	
	table.scoringlist select {
		font-size: smaller; 
		border: 0;
		text-align: center;
	}
	
	table.scoringlist td.note {
		width: 32px;
		text-align: right;
		padding: 0px 4px 0px 4px;
	}

	table.scoringlist td.pot {
		width: 32px;
		text-align: right;
		padding: 0px 4px 0px 4px;
	}
	
	/* SCORING TABLE -- END  --------------------  */