/*************
 *   body    *
 ************/
body {
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	font-family: arial;
	font-size: 10pt;
}

/************
 *   link   *
 ***********/
a.menuLink:link {
	font: 14px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF
}

a.menuLink:visited {
	font: 14px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF
}

a.menuLink:hover {
	font: 14px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FDD017
}

input.menuButton {
	color: white
}

A {
	color: #6489A0;
	text-decoration: underline;
}

A:Visited {
	color: #6489A0;
	text-decoration: underline;
}

A:Active {
	color: #6489A0;
	text-decoration: none;
}

A:Hover {
	color: #f99217;
	text-decoration: underline;
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.FORM {
	background-color: #217873;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM {
	color: #FFFFFF;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
	padding-top: 0;
	font-size: 14;
}

/********************************
 * background color of the form *
 *******************************/
TD.FORM {
	background-color: #FFFFFF;
	padding-left: 5px;
	font-size: 14;
}

TH.FORM TR TD {
	color: #FFFFFF;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
	padding-top: 0;
	font-size: 14;
}

/**************************************
 * FORM2 used for highlight sorted column header *
 *************************************/
TH.FORM2 TR TD {
	color: #FFFF00;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
}

TD.FORM2 {
	background-color: #FFFFFF;
}


 /***********************************************
 * color of the thin line surrounding the form *
 **********************************************/ 
TABLE.FORM3 {
	background-color: #217873;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM3 {
	color: #FFFFFF;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
}

/********************************
 * background color of the form *
 *******************************/
TD.FORM3 {
	background-color: #FFFFFF;
	padding-left: 10px;
}


TABLE.FORM4 {
	background-color: #217873;
	margin-top: 0;
	border:1px #0986C8 solid;
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM4 {
	color: #FFFFFF;
	background-color: #217873;
	
	font-family: arial;
	margin-top: 0;
}

/********************************
 * background color of the form *
 *******************************/
TD.FORM4 {
	background-color: #FFFFFF;
	padding-left: 10px;
	margin-top: 0;
}


 /*******************************
 *  background color to use to *
 *  display the errors         *
 ******************************/ 
TD.ERROR {
	background-color: #CC0000;
}

/******************************
 *    class used to display   *
 *    the input field labels  *
 *****************************/
.LABEL {
	font-family: arial;
	font-size: 14;
	color: #336699;
	padding-bottom: 6px;
	padding-right: 3px;
}

SELECT.LABEL {
	font-family: arial;
	font-size: 14;
	color: #336699;
	padding-bottom: 0px;
	padding-right: 0px;
}

INPUT.LABEL {
	font-family: arial;
	font-size: 14;
	color: #336699;
	padding-bottom: 0px;
	padding-right: 3px;
}

SPAN.LABEL {
	
}

TH.LABEL {
	text-align: right;
}

.LABELLEFT {
	font-family: arial;
	font-size: 12;
	color: #336699;
}

SPAN.LABELLEFT {
	
}

TH.LABELLEFT {
	text-align: left;
}

.COMMENT {
	color: #336699;
	font-style: bold;
	font-family: arial;
	text-align: center;
}

.TOPLINK {
	font-style: arial;
	text-align: left;
}

TEXTAREA {
	font-family: arial;
}

/******************/
/*Calendar classes*/
/******************/
TD.CALENDRIER {
	color: #336699;
	background-color: #C2C2C2;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}

A.CALENDRIER {
	text-decoration: none;
	font-size: 10px;
	color: #8DBAB7;
}

.CALENDARBORDER {
	background-color: #8DBAB7;
}

.CALENDARTITLE {
	background-color: #8DBAB7;
}

.CALENDARWEEK {
	background-color: #FFFFFF;
}

.CALENDARWEEKEND {
	background-color: #FFF4E5;
}

.CALENDARSELECTED {
	background-color: #FF8F01;
}

/*****************/
/*Datagrid styles*/
/*****************/
TABLE.DATAGRID {
	background-color: #217873;
}

TH.DATAGRID {
	color: #FFFFFF;
	background-color: #217873;
	font-weight: bold;
	font-family: arial;
	font-size: 14;
	padding: 2px;
}

TABLE.DATAGRID {
	font-family: arial;
	padding: 0px;
}

TR.DATAGRID TD {
	font-family: arial;
	font-size: 14;
	padding: 2px;
	padding-left: 5px;
}

TR.DATAGRID {
	background-color: #FFFFFF;
}

TR.DATAGRID2 TD {
	font-family: arial;
	padding: 2px;
	padding-left: 5px;
}

TR.DATAGRID2 {
	background-color: #FFFFFF;
}

.DATAGRID_SEL {
	background-color: #217873;
}

.DATAGRID_DEL {
	text-decoration: line-through;
}

TR.DATAGRID_DEL TD INPUT {
	text-decoration: line-through;
}

TABLE.DATAGRID TR TD INPUT {
	width: 100%;
}

/****************/
/*Suggest styles*/
/****************/
div.suggestionList {
	z-index: 500;
	position: absolute;
	width: 150px;
	border: 1px solid #333333;
	background-color: #ffffff;
	font-family: arial;
	font-size: 12;
	cursor: default;
	visibility: hidden;
}

div.suggestionList_element_off {
	width: 148px;
	background: #ffffff;
	color: #333333;
	padding-left: 2px;
}

div.suggestionList_element_on {
	width: 148px;
	background: #6D99C6;
	color: #ffffff;
	padding-left: 2px;
}

div { /*
overflow-x: auto;
padding-bottom: 18px;
*/
	
}

/*******************************************************/
/*SM: Color of the thin line surrounding the search box*/
/*******************************************************/
TABLE.FORM3 {
	background-color: #C6C6C6;  /*orange;*/
	border-style: solid;
	border-width: 2px;
	border-color: #C6C6C6; /*orange;*/
}

.loginLabel {
	font-family: arial;
	font-size: 12;
	color: green;
}

/***************************/
/*EAP: Login Page Hover Box*/
/***************************/
span.link {
   	position: relative;
}

span.link a span {
   	display: none;
   	border: #336699;
}

span.link a:hover {
   	font-size: 99%;
   	font-color: #000000;
   	text-decoration: none;
   	border: #336699;
}

span.link a:hover span { 
  	display: block; 
   	position: absolute; 
   	margin-top: -100px; 
   	margin-left: 70px; 
    width: 300px; padding: 5px; 
   	z-index: 100; 
   	color: #000000; 
   	background: #FAF8CC; 
   	font: 12px "Arial", sans-serif;
   	text-align: left; 
   	text-decoration: none;
   	border: #336699;
}

/******************/
/*User Guide Menus*/
/******************/
a#userguidenav:link { 
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
a#userguidenav:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
a#userguidenav:hover {
	color: #000000;
	text-decoration: none;
	}
div#userguidenav:hover {
	color: #000000;
	background-color: #99CC00;
	text-decoration: none;
	}
a#userguidenav:active {
	color: #000000;
	}
 /*Trial version */
.buttonDisable { 
  padding: 0px 6px 0px 6px;
  border: 2px outset ButtonFace;
  color: GrayText;
  background-color: #ddd;
  cursor: inherit;
  /*color:GrayText;
border: 1px solid #999;
	background-color: #ddd;*/ 
  } 

.color_red     {color:red}
.color_blue    {color: Blue}