/*/------------------------------------------------------------------\*/
/*| Author : Francis Goh                                             |*/
/*| Date   : 20 Feb 2007                                             |*/
/*\------------------------------------------------------------------/*/

/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*| Configuration of BODY                                            |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/

BODY 	{
        background-color      : #FFFFFF;
		color		  : #000000;
		font-family      : arial;
		margin-left           : 0;
		margin-right          : 0;
		margin-top            : 0;
		text-align: left;
		
	}

/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*| Configuration of Link                                            |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/

.barremenu {
	color            : #FFFFFF;
	font-family      : arial;
	font-size        : 11px;
    font-weight      : bold;
}
A.barremenu         {color : #336699; text-decoration:underline;font-family : arial; font-size: 11px; font-weight:bold;  }
A.barremenu:Visited {color : #6489A0; text-decoration : none;}
A.barremenu:Active  {color : #6489A0; text-decoration : none;}
A.barremenu:Hover   {color : #CC0000; text-decoration : none; }

.menulink {
	color            : #FFFFFF;
	font-family      : arial;
	font-size        : 11px;
    font-weight      : bold;
}
A.menulink         {color : #FFFFFF; text-decoration:none;font-family : arial; font-size: 11px; font-weight:bold;  }
A.menulink:Visited {color : #FFFFFF; text-decoration : none;}
A.menulink:Active  {color : #FFFFFF; text-decoration : none;}
A.menulink:Hover   {color : #FFFFFF; text-decoration : underline; }

.nav {
	color            : #000000;
	font-family      : arial;
	font-size        : 11px;
    font-weight      : bold;
}
A.navlink         {color : blue; text-decoration:none;font-family : arial; font-size: 11px; font-weight:bold;  }
A.navlink:Visited {color : blue; text-decoration : none;}
A.navlink:Active  {color : blue; text-decoration : none;}
A.navlink:Hover   {color : red; text-decoration : none; }

A         {color : #336699; text-decoration : none;}
A:Visited {color : #6489A0; text-decoration : none;}
A:Active  {color : #6489A0; text-decoration : none;}
A:Hover   {color : CC0000; text-decoration : underline; }

/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*| Others                                                           |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/

P.topics { 
             color : #336699; 
  background-color : #FFFFFF; 
       font-weight : bold;
}

H1.titres {
  color : #FFEC00;
}

/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*| Configuration Struts                                             |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/

.MENU {
	background-color: #E7E8F1;
}

P.FORM {
	color : #6489A0;
	font-family : arial;
	font-size : 12px;
	text-align: left;
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.FORM {		
		BORDER-TOP: #336699 1px solid;
		background-color : #336699;
		BORDER-BOTTOM: #336699 1px solid;
}
/**************************************
 * background color of the form title *
 *************************************/
TH.FORM {
		color      : #FFFFFF;
		background-color : #336699;
		font-size : 12;
		font-weight: bold;
		font-family : arial;
		text-align : center;
		BORDER-BOTTOM: #336699 1px solid;
}
/********************************
 * background color of the form *
 *******************************/
TD.FORM {
		background-color : #FFFFFF;	
		color      : #000000;
		font-size : 12;
		font-family : arial;
		text-align : center;
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
P.FORM1 {
	color : #6489A0;
	font-family : arial;
	font-size : 12px;
	text-align: left;
}

TABLE.FORM1 {		
		background-color : #336699;
}
/**************************************
 * background color of the form title *
 *************************************/
TH.FORM1 {
		color      : #FFFFFF;
		background-color : #336699;
		font-size : 12;
		font-weight: bold;
		font-family : arial;
		text-align : left;
		BORDER-BOTTOM: #336699 1px solid;
}
/********************************
 * background color of the form *
 *******************************/
TD.FORM1 {
		background-color : #FFFFFF;	
		color      : #000000;
		font-size : 12;
		font-family : arial;
		text-align : left;
}

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

.ERROR {
		font-size : 12;
		font-family : arial;
		color : red;
}

TH.FORM TR TD {
		color      : #FFFFFF;
		background-color : #336699;
		font-size : 12;
		font-weight: bold;
		font-family : arial;
}

TH.FORM1 TR TD {
		color      : #FFFFFF;
		background-color : #336699;
		font-size : 12;
		font-weight: bold;
		font-family : arial;
}

/******************************
 *    class used to display   *
 *    the input field labels  *
 *****************************/

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

.HIDDEN {
	font-family : arial;
	font-size : 0;
 	color : #FFFFFF;	
}

.TITLE {
	font-family : arial;
	font-size : 12;
 	color : #FFFFFF;	
 	text-align : top;
}

.LABEL2 {
	font-family : arial;
	font-size : 12;
 	color : brown;	
	font-style : bold; 
	
}
TH.LABEL2 {
		text-align:right;
}

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 : left;
}

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


/*******************************************
 * class for the title of the subscription *
 ******************************************/
P.SUBSCRIPTION {
		  color : #336699;
		  font-family: arial;
		  font-weight : bold;
		  text-align : left;
		  font-size : 12px;
}
/********************************************************
 * color of the thin line surrounding the subscriptions *
 *******************************************************/
TABLE.SUBSCRIPTION {
		background-color : #336699;
}
/*************************
 * class for the headers *
 ************************/
TH.SUBSCRIPTION {
		color      : #FFFFFF;
		background-color : #336699;
		font-weight: bold;			
}
/*******************************
 * class for the subscriptions *
 ******************************/
TD.SUBSCRIPTION {

		color      : #336699;
		background-color : #FFFFFF;
}

.ongletMain {
	BORDER-RIGHT: #336699 1px solid; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: #336699 1px solid; 
	BORDER-BOTTOM: #336699 1px solid; 
	BACKGROUND-COLOR: #FFFFFF;/*dce8f4*/
}

.clsAction {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #053c6d; 
	FONT-FAMILY: arial, Arial, Helvetica, sans-serif;
}


.ongletTextEna {
	BORDER-RIGHT: #336699 1px solid; 
	BORDER-TOP: #336699 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #336699 1px solid; 
	COLOR: #FFFFFF; /*#005386; */
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: arial; 
	BACKGROUND-COLOR: #336699; 
	TEXT-ALIGN: left;
}

.ongletTextDis {
	BORDER-RIGHT: #336699 1px solid; 
	BORDER-TOP: #336699 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #336699 1px solid; 
	COLOR: #336699; 
	BORDER-BOTTOM: #336699 1px solid; 
	FONT-FAMILY: arial; 
	BACKGROUND-COLOR: #FFFFFF; 
	TEXT-ALIGN: left;
}

.ongletTextErr {
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #80add6 2px solid; 
	FONT-FAMILY: arial; 
	BACKGROUND-COLOR: #ED4F50;
	TEXT-ALIGN: left;
}

.ongletMiddle {
	BORDER-RIGHT: #336699 1px solid; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 1px; 
	BORDER-LEFT: #336699 1px solid; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-COLOR: #FFFFFF;
}

.ongletSpace {
	BORDER-BOTTOM: #336699 1px solid;
}

/**
 * Calendar classes
 */

TD.CALENDRIER {
	color: #336699;
	background-color: #C2C2C2; 
	font-weight: bold; 
	text-align: left; 
	font-size: 10px;
}

A.CALENDRIER {
	text-decoration: none; 
	font-size: 10px;	
	color: #336699; //#000000;
}

.CALENDARBORDER {
	background-color: #336699; //#000000; 
}

.CALENDARTITLE {
	background-color: #336699; //#C9252C;
}

.CALENDARWEEK {
	background-color: #FFFFFF;
}

.CALENDARWEEKEND {
	background-color: #FFF4E5;
}

.CALENDARSELECTED {
	background-color: #FF8F01;
}

/************************************
 *         Datagrid styles          *
 ************************************/

TABLE.DATAGRID {
	background-color : #336699;
}

TH.DATAGRID {	
		color      : #FFFFFF;
		background-color : #336699;
		font-weight: bold;
		font-family : arial;
}

TABLE.DATAGRID TR TD {	
	font-family : arial;
	padding: 2px;
}

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

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

.DATAGRID_SEL {
	background-color : #336699;	
}

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

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

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