/* ************************************  MENU CSS ************************************* */

/* ================================================================================  */
/*                                                   CHANGING COLORS                                                                          */
/* ================================================================================  */
::-ms-reveal{
  display: none;
  }
  ::-ms-clear{
  display: none;
  }
/* color of borders */
.suiteMenu ,.precMenu {
	border-color:#D6D6D6;
}

/* background color of menu boxes */
/* text color of the  menu */
#divMenu{
	background-color: #F1F1F1;
	color:#606060;
}

/* color of a selected entry of the menu */
.libelleMenuPrincipal2,.libelleSousMenu2 {
	background-color: white;
	color:#152F50;
}
/*
.libelleMenuPrincipal2{
	background:url("./../img/bgMenuSelected.png") repeat-x 0;
}
*/

#header{ 
	padding-top:2px;
	padding-left:10px;
	padding-bottom:0px;
	position:fixed;
	height:35px;
	top:0px;
	left:0px;
	width:100%;
	z-index:50;
	/* background:white url("./../img/bgHeader.gif") repeat-x bottom; */
	background: white url("../img/bgSprite10.png") repeat-x bottom; 
	background-position: 0px 7px;
	border-bottom:3px solid #EBEBEB;
	overflow: hidden;	
}

#headerCust{
	float: left; 
	padding-top : 2px;
	width: 145px;
	height: 100%;
	padding-top: 2px;
}
#headerAldata{
	width: auto;
	text-align: center;
	padding-top: 2px;
	height: 100%;
}
#summary{
	float: right;
	padding-top: 2px;
	width: 600px;
	height: 100%;
}

/* button/text field disabled css for IE10 and Chrome */
input[type="button"]:disabled {
    color: #DDDDDD;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.logoMenu{
	height: 80%;
	background-size: 50%;
	background-repeat:no-repeat;
	background-position: center;
}
.copyright{
	font-size:9px;
	color:#999999;
	text-align:right;
   	height:9px;
   	position:fixed;
   	right:6px;
   	top:25px;
}

.divIntro {
	padding-top:1px;
	margin:0px;
	text-align:right;
	vertical-align:top;
}
.introLibel {
	margin-top:1px;
	margin-right:7px;
	font-size: 8pt;
	color: #7C8D9B;
	height: 20px;
}
.introIcon{
	height:19px;
	width:19px;
	display:inline-block;
	margin-right:5px;
	margin-left:40px;
}
.introUser{
	/* background:url("./../img/headerUser.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	background-position: 0 -1386px; 
	width: 19px; 
	height: 19px;
}
.introSite{
	/* background:url("./../img/headerSite.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	background-position: 0 -1357px;
	 width: 19px;
	  height: 19px;
}
.introDomain{
	/* background:url("./../img/headerDomain.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	background-position: 0 -1328px; 
	width: 19px; 
	height: 19px;
}

.introApp{
	/* background:url("./../img/headerAppli.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	background-position: 0 -1303px;
	width: 19px; 
	height: 17px;
}

.parametersButton{
	border:none;
	/* background:url("./../img/parameters.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	height: 20px;
	width: 20px;
	cursor:pointer;
	margin-right:5px;
	margin-left:30px;
	background-position: 0 -1712px;
}


.introData {
	padding-left: 3px;
	padding-right: 3px;
	background-color:none;
	height: 20px;
	color: #7C8D9B;
	vertical-align:top;
	padding-top:3px;
	display:inline-block;
}

.helpButton{
	border:none;
	/* background:url("./../img/help.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	background-position: 0 -1415px;
	height: 20px;
	width: 20px;
	cursor:pointer;
	margin-right:10px;
	margin-left:30px;
}

.logoutButton{
	border:none;
	/* background:url("./../img/logout.png") no-repeat; */
	background:url("../img/allSprite.png") no-repeat;
	background-position: 0 -1444px;
	height: 20px;
	width: 20px;
	cursor:pointer;
	margin-right:20px;
	margin-left:30px;
}


#divMenu{
	background-color:#EBEBEB;
	/*background:#EBEBEB url("./../img/bgMenu.png") repeat-x 0 0 ;*/
}

.divMenuPrincipal {
	border:none;
}

/* .precMenu,.suiteMenu {
    width:15px;
    height:22px;
    background: transparent url("./../img/menuPrev.png") no-repeat center;
	border:none;
	cursor: pointer;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
}
.suiteMenu {
    background: transparent url("./../img/menuNext.png") no-repeat center;
} */
.boutonsmenu {
    text-align:right;
    border:none;
    width:16px;
}
/* .suitesousMenu {
    width:16px;
    height:16px;
    background: url("./../img/suiteSousMenu_transp.gif") no-repeat left; 
    text-align:right;
    border:none;
    margin:0px;
    vertical-align:top;
} */

.tableMenuPrincipal {
	border:none;
	background-color: transparent;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}
.tableSousMenu {
	font-size: 8pt;
	width:100%;
   padding:0px;
   margin:0px;
   border-collapse:collapse;
   /* clear : both */
   height:auto;
   overflow:hidden;
   background-color:#F1F1F1;
}
.tableSousMenu td{
 padding-top : 1px;
 padding-bottom : 1px;
}

.libelleMenuPrincipal {
	cursor: pointer;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight:bold;
	border:none;
	text-align: center;
	width: 100%;
	height:25px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: transparent;
	color:inherit;
	margin:0px;
}
.libelleMenuPrincipal2 {
	cursor: pointer;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight:bold;
	border:none;
	text-align: center;
	width: 100%;
	height:25px;
	padding-left: 14px;
	padding-right: 14px;
	margin:0px;
}
/* .libelleSousMenu {
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
    text-align: left;
    background:none;
    width:100%;
	border: none;
	height:25px;
    padding-left : 20px;
    background-image:url("./../img/bgMenu.png"); 
    background-position: 3px;
    background-repeat: repeat-y;
	color:inherit;
	cursor: pointer;
}

.libelleSousMenu2 {
	font-family: Arial;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
    text-align: left;
    width:100%;
	border: none;
	height:25px;
    padding-left : 20px;
    background-image:url("./../img/bgMenuSelected.png"); 
    background-position: 3px;
    background-repeat: repeat-y;
} */

.tdBouton{
	width:20px;
}

/* ========= */
/* New Menu  */
/* ========= */

.subMenuDiv img{
	position:absolute;
	left:2px;
	margin-top:4px;
}

.divContextMenu img{
	position:absolute;
	left:2px;
	margin-top:4px;
}

/* ================================================================================  */

#divMainMenu{
	position:relative;
	background-color: #F1F1F1;
	height:30px;
}

.menuEntryMarker{
	margin-top:2px;
	height:21px;
	width: 4px;
	background-color: #A0A29D;
    position: absolute;
    left:25px;
}

.menuEntryArrowSub{
    width:16px;
    height:16px;
    /* background: url("./../img/suiteSousMenu_transp.gif") no-repeat left; */ 
    background: url("../img/allSprite.png") no-repeat left;
    margin:0px;
    position: absolute;
    right:2px;
    top:4px;
    background-position: 0 -1071px;
}

.subMenuEntryDiv, .mainMenuEntryDiv{
	padding-left:20px;
	padding-right: 20px;
	background-color: #F1F1F1;
	color:#606060;
	height:25px;
}

.mainMenuEntryDiv{
	float:left;
	height:26px;
	margin-top:2px;
	border:solid 1px #F1F1F1;
}

.menuDisabled{
	color:#D3D3D3;
}

.menuDisabled .menuEntryMarker{
	background-color:#D3D3D3;
}

.menuEntryLabel{
	border:none;
	font: bold 8pt Arial;
	cursor: pointer;
    text-align: left;
	height:23px;
	background-color: transparent;
	color: inherit;
}

.subMenuEntryDiv{
	position:relative; /* for the arrow of submenu */
}

.subMenuEntryDiv .menuEntryLabel{
	width:240px;
	padding-left:20px;
}
.mainMenuEntryDiv .menuEntryLabel{
	margin-top:2px;
}
.selectedMainMenu{
	background-color:#E4E4E4 !important;
	border:solid 1px #FFFFFF;
}

.subMenuDiv{
	position:absolute;
	z-index:410;
	border-style: solid;
	border-width:1px; 
	-moz-box-shadow: 3px 3px 4px #7E8B98;    
	-webkit-box-shadow: 3px 3px 4px #7E8B98;    
	box-shadow: 3px 3px 4px #7E8B98;    
	/* For IE 8 */   
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7E8B98')"; 
	border-color:#D6D6D6;
}

/* ContextMenu */

.divContextMenu .menuEntryLabel{
	font-weight:normal;
	width:auto;
	padding-right:20px;
}

/* ************************************  MENU CSS ************************************* */ 

/* ************************************  CALENDAR CSS ************************************* */


/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ CALENDAR ------------------------------------------------------  */
.calendarDiv{
	left:0px; 
	top:0px; 
	width:auto;
	height:auto;
}
.calendarFrame{
	position: absolute;
}
.calendarBox {
	background-color: #B5BCC7;
	position: absolute;
	z-index:200;/* z-index buggy in IE6. But here, it is taken into account because placed in a iframe. If not specified, user won't be able to click on the calendar */
}
.calendarTable{
	background-color: #FFF;
	font-family: Tahoma;
	border-spacing:3px;
	border-collapse: separate;
}
.calendarHead {
	cursor: pointer;
	background: #6F859A /* url("./../img/bgShadowTop.png") repeat-x 0 0 */; 
	color: white;
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	height:20px;
}
.calendarMonth{
	background: #505050 /* url("./../img/bgField.png") repeat-x top */;
}
.calendarSubhead {
	background-color: #C9D9E9;
	color: black;
	font: bold 7pt Tahoma;
	text-align: center;
	width: 20px;
	height:16px;
	padding: 1px;
}
.calendarCell {
	/* background: #F2F2F2 url("./../img/bgShadowLeft.png") repeat-y 0 0; */
	background: #F2F2F2 url("../img/bgSprite15.png") repeat-y;
	color: #000000;
	font-size: 8pt;
	font-weight:normal;
	text-align: center;
	cursor: pointer;
	background-position: 0 -74px;
}
.calendarCellSelect {
	background-color: #d1eef0;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	cursor: pointer;
}
.calendarWeek{
	background-color: #C9D9E9;
	color: #666666;
	font-size: 8pt;
	text-align: center;
	font-style:italic;
	font-weight:bold;
	width:30px;
}
.currentDate{
	color: #FF1443;
}
#selectedDate{
	background-color: #6495AA;
}
#framemessage{
	z-index:0;
	height:0px;
	width: 0px;
	position:absolute; 
	padding: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* ************************************  CALENDAR CSS ************************************* */

/* ************************************  COMMON CSS ************************************* */


/* ----------------------------- R&D CSS -- applied to common objects -- ---------------------------*/

body,html{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-weight: bold;
	font-size: 8pt;
	height:100%;
}
body{
	position:relative;
}

html{
   overflow-y:scroll;
   overflow-x:hidden;
}

pre{
	font-family:Arial;
	font-weight: bold;
	font-size: 8pt;
}

th{
	font-family:Arial;
	font-weight: normal;
	font-size: 8pt;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------  CONTENT  -----------------------------------------------  */
#content {
	padding-top:38px;
	width:100%;
}

/* #transactionPath{
	background:url("./../img/bgPath.png") repeat-x;   -- Not found so commented out
	color:#353E47;
	position:relative;
	height:19px;
	vertical-align:middle;
	padding-left:20px;
	padding-top: 5px;
	clear:both;
}

#transactionPath div{
	float:left;
} */
#transactionTitle{
	padding-left:4px;
	color:#D2002F;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------------------- HORIZONTAL SPLITTER  -------------------------------------------  */
div.horizontalSplitter{
	overflow-x:auto;
	overflow-y: hidden;
	/* padding-bottom:18px; */ /* IE7 only */
	margin : 0 auto; /* IE9 auto expanding issue */
}

.horizontalSplitter td{
   padding:0px;
   margin:0px;
}
.horizontalSplitterTD{
   vertical-align : top;
}



/* --------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------  TABBED PANE  ---------------------------------------------  */

/***** Horizontal Tabbed Pane *****/
div.horizontalTabbedPaneTabs {
	float: left;
	clear:both;
	width: 100%;
	line-height: normal;
	/* background: url("./../img/tabbedPane_bg.gif") repeat-x bottom; */
	background: url("../img/20x45.png") repeat-x bottom;
}
div.horizontalTabbedPaneTabs .tabbedPane {
	margin: 0;
	padding: 0;
	padding: 15px 0px 0;
	list-style: none;
}
div.horizontalTabbedPaneTabs .tab {
	float: left;
	background: url("../img/norm_right.gif") no-repeat right top;  
	margin: 0;
	padding: 0;
}
div.horizontalTabbedPaneTabs .tabButton {
	display:block;    
	/* for IE Mac uniquely \*//*/
	float:left;
	/**/
	background: url("../img/norm_left.gif") no-repeat left top;     
	padding-right: 10px !important;       
	padding-left: 10px !important;   
	padding: 5px 5px 4px 5px; /* top right bottom left */
	cursor: pointer;
	border: none;
	font-size: 8pt;
	font-weight: bold;
	font-family: tahoma; /* nicer in bold */
	margin: 0px; /* Chrome... */
}
div.horizontalTabbedPaneTabs .selectedTab {
	background-image: url("../img/norm_right_on.gif");
}
div.horizontalTabbedPaneTabs .selectedTab button {
	background-image: url("../img/norm_left_on.gif");
	padding-bottom: 5px;
}
.horizontalTabbedPaneContent {
	clear: both;
	border-bottom: 1px solid #B5BCC7;
	border-left: 1px solid #B5BCC7;
	border-right: 1px solid #B5BCC7;
	padding: 5px;
	overflow: auto;
	background-color: transparent;
	position:relative;
}
.tabButtonPlus{
	height:26px;
	width:26px;
    /* background: url("./../img/tableAdd.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    cursor: pointer;
    border: none;
	padding-top:0px;
	background-position: 0 -1741px;
}
div.horizontalTabbedPaneTabs .tabButtonPlus{
	float:left;
}
/***** Vertical Tabbed Pane *****/
div.verticalTabbedPane {
	padding: 5px 0px 5px 0px;/* top right bottom left */
	width: 100%;
}
div.verticalTabbedPaneTabs {
	float: left;
	/*width: 10%;*/
	line-height: normal;
	background:transparent url("../img/vTabbedPane_bg_engine.gif") repeat-y right;
	/*border-bottom: 1px solid #b5bcc7;*/
	height:100%;
}
div.verticalTabbedPaneTabs .tabbedPane {
	margin: 0;
	padding: 0;
	/*padding: 15px 0px 0;*/
	list-style: none;
}
div.verticalTabbedPaneTabs .tab {
	background:transparent url("../img/norm_bottom.gif") no-repeat left bottom;
	margin: 0px 0px 1px 0px; /* top right bottom left */
	padding: 0px 0px 1px 0px;
	min-height: 39px;
	max-height: 50px;
	cursor: pointer !important;
	border-right: 1px solid #B5BCC7;
}
div.verticalTabbedPaneTabs .tabButton {
	display: block;
	background:transparent url("../img/norm_top.gif") no-repeat left top;
	padding: 5px 10px 0px 10px; /* top right bottom left */
	margin: 0px; /* Chrome... */
	cursor: pointer;
	border: none;
	font-size: 8pt;
	font-weight: bold;
	font-family: tahoma; /* nicer in bold */
	width: 100% !important;
	height: 100% /*!important*/;
}
div.verticalTabbedPaneTabs .toolbarDisabled{
	cursor:none;
}
div.verticalTabbedPaneTabs .tabButtonWithoutIcon {
	min-height: 39px;
	line-height: 28px;
}
div.verticalTabbedPaneTabs .selectedTab {
	background-image: url("../img/norm_bottom_on.gif");
	border-right-style: none;
}
div.verticalTabbedPaneTabs .selectedTab button {
	background-image: url("../img/norm_top_on.gif");
	/*padding-bottom:5px;*/
}
div.verticalTabbedPaneTabs .tabImg {
	display: block;
	max-width: 32px;
	max-height: 32px;
}
.verticalTabbedPaneContent {
	/*clear:both;*/
	/*width: 89%; width of tabs is set in TabbedPane.getDOMElement now*/
	/*border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;*/
	padding: 5px;
	background-color: transparent;
	border-top: 1px solid #B5BCC7;
	border-right: 1px solid #B5BCC7;
	border-bottom: 1px solid #B5BCC7;
	position:relative; /* in case there is a flap inside the tab */
}



/* --------------------------------------------------------------------------------------------------- */
/* ------------------------------------  LOOK OF TABLES  --------------------------------------------  */
/* --------------------------------------------------------------------------------------------------- */

/* UPPER BUTTONS */
.boutonExpandAll, .boutonCollapseAll {
	margin:1px;
	margin-left:4px;
	margin-right:4px;
    height:17px;
    width:17px;
     /* background: url("./../img/expandAll.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1250px;
    cursor: pointer;
    border: none;
}

.boutonCollapseAll {
    /* background: url("./../img/collapseAll.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1165px;
}

.boutonExportExcel {
	margin-left:4px;
	margin-right:4px;
    height:19px;
    width:17px;
    /* background: url("./../img/excelExport.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
	background-position: 0 -1192px;
    cursor: pointer;
    border: none;
}
.boutonImportExcel {
	margin-left:2px;
	margin-right:2px;
    height:19px;
    width:17px;
    /* background: url("./../img/excelImport.png") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1221px;
    cursor: pointer;
    border: none;
}
.boutonMassUpdate {
	margin-left:2px;
	margin-right:2px;
    height:19px;
    width:17px;
    /* background: url("./../img/tableMassUpdate.png") no-repeat center; */
     background: url("../img/allSprite.png") no-repeat center;
    background-position: 0 -1473px;
    cursor: pointer;
    border: none;
}

.boutonSelectAll {
	margin:1px;
    height:17px;
    width:10px;
  /*   background: url("./../img/arrow_bottom.gif") no-repeat center; */
    background: url("../img/allSprite.png") no-repeat center;
	background-position: 0 -543px;
    cursor: pointer;
    border: none;
    background-position: right;
}


/* LAYOUT */
.tableContainer{
	width:auto; 
	overflow-x:auto;
	height:auto;
	padding:0px;
	padding-bottom:3px;
	margin:0px;
}
.tableContainerComputed{
	position:relative;
	overflow-x:auto;
	height:auto;
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
	margin:0px;
	width:auto;
	text-align:left;
}
.tableContainerComputedWithSub{
	/*padding-top:86px;/* 0 3em 0;*/
}

.table{
   	border-collapse:collapse;
   	/*border:1px solid #CCCCCC;*/
	overflow-x:visible;
	margin-right:1px;
}
.tableContainerComputedWithSub .table, .tableContainerComputed .table{
	border-top:none;
}

.tableHeaderFrame{
}
.tableFooterFrame{
}
.framefixe{
	width:auto;
	height:auto;
	max-height:350px;
	overflow-x:hidden; /*visible*/
	overflow-y:scroll;
	/*border:1px solid #F9F9F6; /* same color as background of panel, but border needed because of the shift in resizeTable */
	background-color:transparent;
	background-image: url("../img/bgPanelFrame.png");
	background-repeat: repeat;
	padding-bottom:2px; /* to avoid scroll on nothing */
}
.frameauto{
	width:auto;
	height:auto;
	/*border:1px solid #F9F9F6;*/
	overflow-x:visible;
	overflow-y:visible;
}

/* ---------- HEADER ---------- */
.tableDOM{
	text-align:left;
}

.tableHeader{
	/*
   border-collapse:separate;
	cell-spacing:1px;
	cell-padding:3px;
	*/
   	border-collapse:collapse;
   border:none; /* remove for IE9 ? */
	overflow-x:visible;
	margin-right:18px; /* so that it doesn't spread on 100% in case of a scroll on the tbody */
	/* margin-bottom: 3px; remove for no shadow */
}

.tableTitle  {
	background-color: #666666;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
} 
.tableTitle th{
   height:14px;
   padding-top:0px;
   padding-bottom:0px;
   border-bottom:2px solid #b5bcc7;
}
.thead{
	position:relative;
}
.thead th{ 
   padding: 3px 3px 3px 3px;/* top right bottom left */
   margin:0px;
   vertical-align:middle;
   position:relative;  /* remove for no shadow */
   border:1px solid transparent;
   font-weight:bold;
   /* border:1px solid #BBBBBB; */
}
th.subHead{
	background-color: #152F50; /* EYC blue */
	color:white;
	line-height:10px;
	text-align:center;
	height:30px;
	width:auto;

   	border-bottom:1px solid #A0B7C9;
   	border-left:1px solid #A0B7C9;
   	border-right:1px solid #A0B7C9;
   /*border:1px solid #A0B7C9;*/
   
}

th.tableHeaderTD{
	background-color: #6F859A;
	color:white;
  	line-height:10px;
   	height:30px;
   	text-align:center;
   	
   	border-left:1px solid #A0B7C9;
   	border-right:1px solid #A0B7C9;
   	/* border:1px solid #A0B7C9; */  /* remove for no shadow */
}

th div{
	min-height: 30px;
	height:100%;
	border:none;
	position:fixed;
	top:0;
	left:0px;
	right:1px;
}

.subHead div{
	/*
	color:#D3D7DB;
	border-bottom:1px solid #596C7D;
	border-right:1px solid #596C7D;

   	-moz-box-shadow: 3px 3px 4px #7E8B98;    
	-webkit-box-shadow: 3px 3px 4px #7E8B98;    
	box-shadow: 3px 3px 4px #7E8B98;    
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(Strength=3, Direction=135, Color='#7E8B98', Positive='false')"; */

}

.tableHeaderTD div{
	color:#D3D7DB;
	color:white;
	border-bottom:1px solid #677b8f;
	/*border-right:1px solid #6F859A;*/
	/*border:1px solid #A0B7C9;*/

   	-moz-box-shadow: 3px 3px 4px #7E8B98;    
	-webkit-box-shadow: 3px 3px 4px #7E8B98;    
	box-shadow: 3px 3px 4px #7E8B98;    
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7E8B98', Positive='false')"; 
}


.tableHeaderSort{
   cursor:pointer;
}

table.table th.hiddenSubHead, table.tableHeader th.hiddenSubHead{
	/*
   border-top:1px solid white;
   border-right:1px solid white;
   border-left:1px solid white;
   /*display:none;*/
}
table.table th.hiddenExpandTh, table.tableHeader th.hiddenExpandTh{
   /* border:1px solid white; */
	padding : 0px; /* inherited from .thead TH */
	/*
   border-top:1px solid white;
   border-right:1px solid white;
   border-left:1px solid white;
   */
}

table.table th.expandTh, table.tableHeader th.expandTh{
	height:12px;
	padding:0px;
	padding-top:0px;
	margin:0px;
	background:transparent url("../img/grouping_right.gif") no-repeat right bottom;
	/*
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	*/
	text-align:left;
	line-height:9px; /* otherwise there is a shift in IE8, Chrome and Safari */
}
.collapseGrouping, .expandGrouping{
	border:none;
	height:12px;
	width:30px;
	background-color:transparent;
	/* background-image:url("./../img/mini.gif"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
	background-position: 0 bottom; 
	cursor:pointer;
	vertical-align:bottom;
	margin-left:0px;
	background-position: 0 -2394px;
}
.expandGrouping{
	/* background-image:url("./../img/maxi.gif"); */
	background-image:url("../img/allSprite.png");
	background-position:0;
	background-position: 0 -2372px;
}


/* Special css for table with browser layout = false */

.tableHeaderNoSub{
	margin-left:1px;
  /* border-left:1px solid #CFCFCF; */
}
.headerLine th, .headerLineWithSub th{
	/*border:1px solid #888888;*/
}
tr.subheaderCollapseLine{
	/*position:absolute;
	top:0px;
	left:2;*/
	height:12px;
	width:auto;
}
tr.subheaderLine{
	/*position:absolute;
	top:12px;
	left:2;*/
	height:30px;
	width:auto;
}
tr.headerLineWithSub{
	/*position:absolute;
	top:48px;
	left:2;*/
	height:30px;
	width:auto;
}

/* ---------- CELLS ---------- */

.doubleClickTR{
	cursor:pointer;
}

.table td{ /* beware : using this selector will prevent later same style attribute on the <TD>s to be effective, hence putting those modifiable attributes in evenCell and oddCell*/
   white-space:pre;
   padding: 0px 3px 0px 3px;/* top right bottom left */
   border-color:white;
   border-color:#BBBBBB;
   border-color:#CFCFCF;
   border-color:#c9dbeb;
   height:20px;
   /*line-height:20px;*/
}
.evenCell{
	background-color: #E8F1F8;
	border: #C9DBEB 1px solid; /* to allow overloading of border attribute later */
}
.oddCell{
	border: #C9DBEB 1px solid; /* to allow overloading of border attribute later */
	background-color: white;
}
.insertedCell{
   border:1px solid #C9DBEB;  /* to allow overloading of border attribute later */
}
tr.selectedLine td.evenCell, tr.selectedLine td.oddCell, tr.selectedLine td.insertedCell { /* only for TD from table, not sheet */
/* chrome modification */
/*	background:none url("./../img/bgSelectedLine.gif") repeat-x 0; */
	/* background: url("./../img/bgSelectedLine.gif") repeat-x 0; */
	background: url("../img/bgSprite15.png") repeat-x 0;
	border-top: 1px solid #87aedd;
	border-bottom: 1px solid #87aedd;
	background-position: 0 -28px;
}
tr.updatedLine td.evenCell, tr.updatedLine td.oddCell, tr.updatedLine td.insertedCell { /* only for TD from table, not sheet */
	background-color: #f2ffb7; /*#f5e9bf;*/
}
tr.insertedLine td.evenCell, tr.insertedLine td.oddCell, tr.insertedLine td.insertedCell { /* only for TD from table, not sheet */
	background-color: #dff5be; /*D3FFB7*/
}
/* .selectedBigCell{
   border:1px solid #efd3d9; 
   background-image:url("./../img/selectedBigCellbg.gif"); 
   background-position:0 0;
   background-repeat:no-repeat;
} */
.listCell{
   margin:0;
   padding:0; 
   list-style:none;
}

th.checkBoxField, td.checkBoxField {
	width: 40px !important;
	text-align: center;
}


/* ---------- FOOTER ---------- */
.tfoot th{
	border:none;
}

.tableFooter{
   border-collapse: collapse; 
   border-left:1px solid #F9F9F6; /* because framefixe and frameauto also have a border which may shift the columns */
	overflow-x:visible;
	zoom:1;
}
.tableFooterTitle{
   background-color:#AAB4B4;
   font-style:italic;
   text-align:right;
   color:white;
   padding-right:2px;
   padding: 0px 3px 0px 3px;/* top right bottom left */
   border:none;
   border:1px solid #AAB4B4;
}
.tableFooterEmptyBefore{
	border:1px solid #F9F9F6;
   padding-right:2px;
   padding: 0px 3px 0px 3px;/* top right bottom left */
}
.tableFooterEmptyAfter{
   background-color:#C9CDCD;
   border:none;
   border:1px solid #C9CDCD;
   padding-right:2px;
   padding: 0px 3px 0px 3px;/* top right bottom left */
}
.tableFooterValue{
   background-color: #7E98AF;
   border:1px solid #BCC4C4 !important;
   text-align:right;
   color:white;
   border:none;
   font-weight:bold;
   /* padding-right:2px; */
   padding: 0px 2px 0px 3px;/* top right bottom left */
}


/* ---------- SEARCH FILTERS ON TABLE ---------- */
.filterTH{
   background-color:#E8E8E8;
}
.searchSpan .field{
   width:70px;
}
.searchSpan{
   white-space:nowrap;
}
.searchButton{
   border:none;
   padding:0px;
   margin:0px;
   margin-left:5px;
   cursor:pointer;
   height:18px;
   width:18px;
   background:url("https://action.symphonygold.com/gwr/img/search.gif") no-repeat right center;
} 
.eraseButton{
   border:none;
   padding:0px;
   margin:0px;
   margin-right:5px;
   cursor:pointer;
   height:20px;
   width:15px;
   background:url("../img/erase.gif") no-repeat right center;
}


/* ---------- BUTTONS ON TABLE ---------- */

.tableButtons{
	width:100%;
	height:30px;
	clear:both;
	padding-top:3px;
}
.tableButtons span{
	float:left;
}
.tableButtons ul{
	margin-top:0px;
}

.tableButtons {
	/*width: 100%;*/
	/*margin-top: -10px;*/
}

.tableButtons .elem{
	white-space:nowrap;
	float:left;
	padding-top:4px;
}



/* ---------- LIST IN WEBSCREEN ---------- */
.manualList{
	padding-top:30px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:20px;
	z-index:110;
}
.divTableList{
	text-align:left;
	min-width:300px;
	margin:2px;
	margin-top:20px;
}
.divTableList .tableButtons{
	text-align:center;
}
.divTableList .tableButtons span{
	float:none;
}

.divTableList div.tableContainerComputed{
	overflow-x:hidden;
}

.divTableList td{
	white-space:nowrap;
}
.divTableList .tableButtons .elem{
	white-space:normal;
}

.divTableList .tableButtons .spanNavigPages{
	white-space:nowrap;
}

/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------  POPUP  --------------------------------------------------  */
#hideshow {
   	visibility: hidden;
   	/*display:none; /* doesn't work with IE6 when calling the popup twice */
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: black; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=50);
	opacity: .50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}


.popupBlock {
	padding: 0px;
	margin-bottom: 1px;
	background-color: #A0A0A0;
	width: auto;
	text-align: center; 
	position: absolute; /*fixed;*/
	margin-top: 50px;
	z-index: 90;
	
	-webkit-transition-property: background-color, border;
	-moz-transition-property: background-color, border;
	transition-property: background-color, border;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear;
}
.pickerBlock{
	z-index: 110;
	
}
.popupBlock .popup {
	float: left;
	width:auto;
	padding: 20px;
	text-align:center;
}
.popupTitlePane {
	background-color: transparent;
	background-image: url(../img/bgPanelTitle.gif);
	background-position: 0px -4px; /* -2 because bgPanelTitle.gif has 2 transparent pixels at the top */
	background-repeat: repeat-x;
	padding: 5px 7px 2px 10px;
	height: 17px;
	/*min-height: 17px;*/
	/*color: #494949;*/
	color: #FFFFFF;
	text-align: left;
	cursor: default;
	clear:both;
}
.popupTitleText {
	float: left;
}
.popupContentPane{
	padding:0px;
	margin-left:4px;
	margin-right:4px;
	overflow: hidden;
	border: 1px solid #759dc0;
}
#validatePopup{
   color:#76AA34;
   color:#529003;
}
#validateErrorPopup{
   color: #e2002c;
}
#cancelPopup{
   color:red;
}
.popupButtons{
   text-align:center;
   white-space:nowrap;
}
.popupButton{
	/*margin:20px 4px 4px 4px;
	*/
	margin:10px 4px 4px 4px;
	
	border:none;
	font-size:8pt;
	font-weight:bold;
	font-family: tahoma;
	cursor:pointer;
	height:25px;
	width:140px;
	/* background: url("./../img/button.png") no-repeat right center; */
	background: url("../img/151x26.png") no-repeat right center;
	background-position: 0 0;
}
.popupCloseIcon {
	background: url(../img/close.png) no-repeat;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	margin-right: -4px;
	border: 0 none;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	float: right;
}
.popupCloseIconHover {
	background-position: -14px;
}
.popupCloseIconActive {
	background-position: -28px;
}


/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ WAITING BOX  -----------------------------------------------  */
#waitingBox{
	z-index: 200;
   	position:fixed;
   	top:0px;
   	bottom:0px;
	background-color:transparent;
	height:150px;
	width:300px;
}
#waitBox{
	text-align:center;
	width:100%;
}
.waitingIcon{
   height:128px;
   width:128px;
   border:none;
}
.waitingMsg{
	position:absolute;
	top:39px;
	font-family: tahoma; /* nicer in bold */
	font-weight:bold;
	font-size:8pt;
	padding-left:30px;
	margin-top:0px;
	height:20px;
}

/* for not-loaded-yet tabs */
.waitingDiv{
	height:55px;
	width:350px;
	font-family: tahoma; /* nicer in bold */
	font-weight:bold;
	font-size:8pt;
	text-align:center;
	vertical-align:center;
	padding-top:45px;
	padding-left:70px;
	background-color:#F2F2F2;
	border:3px double #AAAAAA;
}

.waitingBox-div{
      background-color: transparent;
	  color:black;
}
/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ CANCEL BOX  -----------------------------------------------  */
#cancelBox{
   	top:0px;
   	bottom:0px;
	height:24px;
	width:24px;
	margin: auto;
	cursor: hand;
}

/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------ MESSAGE INFO  -----------------------------------------------  */
#messageInfo{
	/*
	background: #e3e3e3;
	border: 5px double #999999;
	*/
	background-color: #efefef;
	border: solid 1px #b5bcc7;
	
	/*padding: 20px;*/
	padding: 10px;
	
	margin:0px;
	/*float: left;*/
	width:auto;
	height:auto;
	position: fixed;
	top:0px;
	bottom:0px;
	text-align:center;
	z-index: 300;
   /*
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;  /* top right bottom left */
}

#messageInfoContent{
	position:absolute;
	top:39px;
	font-family: tahoma; /* nicer in bold */
	font-size:8pt;
	padding-left:30px;
	margin-top:0px;
	height:20px;
}
.popupMsgDiv{
	width:auto;
	height:auto;
}
.preMsgDiv{
	text-align:center;
	width:auto;
	border:none;
	/*newly added*/
	overflow-y:auto;
	word-wrap:break-word;
	max-height:400px;
}

.fontMsgDiv {
	text-align: center;
}


/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- ERROR MESSAGE --------------------------------------------  */
#errorMessageBox, #exceptionMessageBox {
	width : 450px;
	height : 400px;
	/*
	background: #e3e3e3;
	border: 5px double #999999;
	*/
	background-color: #efefef;
	border: solid 1px #b5bcc7;
	
	padding: 20px;
	margin: 0px;
	float: left;
	/*width: auto;
	height: auto;*/
	position: fixed;
	top: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 300;
}



#errorMessageTitle{
	border-bottom :  solid 3px #b5bcc7;
	text-align: center;
	padding-bottom : 10px;
	margin-bottom : 20 px;
}


.errorImage{
	width: 32px;
 	height: 32px;
}




/* --------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- PANEL ---------------------------------------------------------*/
.panelTable {
   width:100%;
   cell-padding:0;
   border-collapse:separate;
}


.panelTable td{
   vertical-align:center;
   white-space:nowrap;
   padding:0;
   padding-bottom:1px;;
}

.panelTR{
	/*height: 22px;*/
}

td.panelTDButton {
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

.panelDIV{
	width:100%;
	padding-bottom:6px;
	padding-bottom:6px;
	/*padding-bottom:18px;*/ /* IE7 only */
	overflow-x:auto;
	overflow-y:hidden;
	/*solving the issue of auto increment DIV hieght in IE9/IE10*/
	margin-top: 0px; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-left: auto;
}

.panelTable div{
	text-align:center;
}

.panelFrame{
	/*
   	border:3px double #AAAAAA;*/
	margin:2px;
	padding: 2px;
	background-color: transparent;
	background-image: url("../img/bgPanelFrame.png");
	background-repeat: repeat;
	border:1px solid #8598a7;
}

.panelFrameTitle{
	display:inline;
	background-color: transparent;
	height:20px;
	text-align:center;
	position:relative;
	color:#999999;
	color:#393c41;
	color:#17191b;
	top:-2px;
	left:0px;
	padding-left:4px;
	padding-right:4px;
	font-size:9pt;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- F I E L D S ---------------------------------------------------- */


/* classes for disabled fields in a table or a fiche : width is termined by the field size in aspdisplay.js */
/* to go back to version with determined widths see grev v. 5.08.6 */
.texte { 
	height: 18px;
	margin:1px;
	padding-left:2px;
	padding-right:5px;
	border:1px solid #D3D3D3;
	color:#777777;
	font-weight: normal; /* as in fields */
	display: inline-block;
	line-height: 18px;
}

.plainLabel { 
	height: 18px;
	margin:1px;
	padding-top :3px;
	padding-left:2px;
	padding-right:5px;
	font-weight: normal; /* as in fields */
	display: inline-block;
}


.texteTable { 
	border:none;
}
.field{
	margin-left:1px;
	font-size: 8pt;
	font-family:tahoma;
	height: 16px;
	padding:2px 2px 0px 2px; /* top right bottom left */
	vertical-align:top;
	margin-top: 1px;
	border:1px solid #88a4c7;
	border-width:0px;
}
.checkboxField{
	vertical-align:top;
	margin-top: 3px;
	padding: 0px; /* IE9 */
}
textarea.field{
	height: auto;
	white-space: pre-wrap;
}
select.field{
	height: 20px;
	padding:1px;
}
.importantInfo{
	background-color:#F3F3F3;
	background-color:#F8F8F8;
	color:black;
	font-size:8pt;
	font-family:tahoma;
	font-weight:bold;
	padding-left:3px;
	vertical-align:top;
}
.mandatoryField{
	margin-left:1px;
	font-family:tahoma;
	border: 1px solid #FF3756;
	font-size: 8pt; 
	height: 16px;
	padding:2px 2px 0px 2px; /* top right bottom left */
	vertical-align:top;
	margin-top: 1px;
}
select.mandatoryField{
	height: 20px;
	padding:1px;
}
textarea.mandatoryField{
	height: auto;
	white-space: pre-wrap;
}
.disabledField{
	height:16px;
	color:#333333;
	font-size: 8pt;
	border: 1px solid #CCCCCC; 
	background-color: #F8F8F8;/* transparent; /* inherit won't work under IE */
	padding:2px 2px 0px 2px; /* top right bottom left */
	vertical-align:top;
	margin-top: 1px;
    opacity: 0.6; /*HTML5 Change*/
    filter: alpha(opacity=60); /*HTML5 change*/
}

.panelQuery select.disabledField:disabled::-ms-value{
    color: #f1f1f1;
}

.checkboxField.disabledField{
	background-color:transparent;
	border:none;
}
.numericField{
	text-align:right;
	padding-right:2px;
}

/* labels of fields in  a panel */

td.labelTD, .labelTD{
    height: 16px;
    text-align: right;
    padding-right: 2px;
    padding-left: 10px;
	color:#585D64;
	color:#3a3d42;
}

.divTableau TD[checkboxTD="true"]{
	text-align:center;
}

.table TD{
	color:#585D64;
}

.fieldTD{
	text-align:left;
	height:20px;
}
/*
.tooltip{
	padding:1px 3px 1px 3px;
	border:1px solid #B20827;
	background-color:#E2002C;
	color:white;
	font-weight:bold;
	width:auto;
	height:auto;
	top:0px;
	left:0px;
	position:absolute;
	z-index:2;
}
.tooltipFrame{
	width:auto;
	height:auto;
	border:1px solid #B20827;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
}
*/

.errorField{
	/* background: url("./../img/fieldError.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
	background-position: 0 -1562px;
	border: none;
	height: 20px;
	width: 20px;
	cursor: pointer;
	margin-left:3px;
	vertical-align: top;
	margin-top: 1px;
}

.warningField{
	/* background: url("./../img/fieldWarning.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
	background-position: 0 -1592px;
	border: none;
	height: 20px;
	width: 20px;
	cursor: pointer;
	margin-left:3px;
	vertical-align: top;
	margin-top: 1px;
}
.infoButton{
	/* background: url("./../img/infoButton.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
	background-position: 0 -1622px;
	border: none;
	height: 20px;
	width: 20px;
	cursor: pointer;
	margin-left:3px;
	vertical-align: top;
	margin-top: 1px;
}


.emptyErrorSpace{
	border:none;
	background-color: transparent;
	height: 20px;
	width: 20px;
	margin-left:3px;
	margin-top: 1px;
	vertical-align: top;
	display:inline-block;
}
/* ------------------------ COMBO FIELD ------------------------- */
.comboSpan{
   height:20px;
   margin:0px;
   padding:0px;
   border: 1px inset #B9D6F0;
}
.mandatoryComboSpan{
   height:30px;
   margin:0px;
   padding:0px;
   border: 1px inset red;
}
.comboField{
   height:16px;
   border:none;
   margin:0px;
   vertical-align:top;
   font-size:8pt;
	font-family:tahoma;
   color:#333333;
   padding:0px 0px 0px 3px;
   background-color:#F1F1F1;
}
.comboArrow{
   height:16px;
   width:16px;
   /* background:url("./../img/comboArrow.gif") no-repeat 0px 0px; */
   background:url("../img/allSprite.png") no-repeat 0px 0px;
   border:none;
   margin:0px;
   padding:0px;
   vertical-align:top;
   background-position: 0 -915px;
}
.comboFrame{
   width:auto;
   height:auto;
   top:0px;
   left:0px;
   border: 1px solid #649c9c;
   background-color:white;
   overflow-y:scroll;
   position:absolute;
}
.comboFrame table{
   padding:0px;
   border-spacing: 0px;
   border-collapse: collapse; 
   width:90%;
}
.comboFrame td{
   width:100%;
}
.comboLine, .selectedComboLine{
   width:100%;
   height:14px;
   font-size:8pt;
   border:none;
   background-color:white;
   text-align:left;
   margin:0px;
   padding:0px;
}
.selectedComboLine{
   background-color:#C9DEDE;
}

.opacity{
	filter:alpha(opacity=65);
	opacity: .65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}




/* ----- FLAP ----- */

.flapContainerDiv{
	/*position:relative; /* in case there is a Table object inside the content *//* don't know wwhy now it's working... */
	overflow-x:auto;
	overflow-y: hidden;
	padding-bottom:2px;
	/*
	border-top: 1px solid #B5BCC7;
	border-bottom: 1px solid #B5BCC7;
	*/
}

.flapContainerTable{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}

/* trick to make the table flap resize and fit the top-flap when closing it... don't know why it doesn't work without the border */
.flapContainerTable, .flapContainerTableTD, .flapContainerTableTBODY, .flapContainerTableTR{ 
	/*border:1px solid #F9F9F6;*/ /* IE7 ? seems to work in IE8... */
}
.flapContainerTableTD{
}

.flapTopTD, .flapLeftTD, .flapRightTD{
	z-index:30; /* IE7-IE8 bug... the parent element of the element we want to have a z-index must have a higher z-index...*/
}
 .flapBottomTD{
 	z-index:50;/* IE7-IE8 bug... the parent element of the element we want to have a z-index must have a higher z-index...*/
 }
.flapRightTD, .flapLeftTD{
	/*position:relative;*/ /*HTML5 change*/
	padding:0;
}
.flapRightTD{
	border-right:1px solid #B5BCC7;
}
.flapLeftTD{
	border-left:1px solid #B5BCC7;
}
.flapCenterTD{
	overflow-x:auto;
	overflow-y:hidden;
	padding:4px;
}
.flapContainer{
	position:absolute;
	z-index:0; /*removed z-index here and added at .flapContainerTop.flapArrowClose */ 
	border:1px solid #434D55;
	background-color:#6F7E8B;
	overflow:hidden;
	vertical-align:middle;
}

.flapBottomTD .flapContainer{
	z-index:40; /* bottom flap has to be higher than left and right flaps, if they are pinned */
}

.flapContainerPinned{
	position:relative;
}

.flapContainerTop{
	top:0px;
	left:1%;
	width:98%;
	padding-bottom:13px;
	border-top:none;
}
.flapContainerRight{
	right:0px;
	top:0px; 
	height:100%;
	padding-left:13px;
	border-right:none;
}
.flapContainerBottom{
	bottom:0px;
	left:1%;
	width:98%;
	padding-top:13px;
	border-bottom:none;
}
.flapContainerLeft{
	left:0px;
	top:0px; 
	height:100%;
	padding-right:13px;
	border-left:none;
}


.flapContentContainer{
	/*background-color:white;*/
	cursor: default;
}
.flapAlwaysVisible{
	border:none;
}

.flapContainerHidable{
	border:none;
	width:auto;
}

.flapContainerRight .flapContainerHidable, .flapContainerLeft .flapContainerHidable,.flapContainerRight .flapAlwaysVisible, .flapContainerLeft .flapAlwaysVisible {
	float:left;
}

.flapArrowClose.flapContainerRight .flapContentContainer, .flapArrowClose.flapContainerLeft .flapContentContainer {
	/* padding-right:18px; */ /* IE7 only */
	overflow:auto;
	overflow-x:hidden;
	width:auto;
}

.flapArrowClose.flapContainerTop .flapContentContainer, .flapArrowClose.flapContainerBottom .flapContentContainer {
	/* padding-bottom:18px; */ /* IE7 only */
	overflow:auto;
	overflow-y:hidden;
	height:auto;
}

.flapContainerRight .flapContentContainer, .flapContainerLeft .flapContentContainer{
	height:100%;
}
.flapContainerTop .flapContentContainer, .flapContainerBottom .flapContentContainer{
	width:100%;
}


/*.flapArrowClose*/.flapContainerRight .flapContentContainer{
	border-left:1px solid #759DC0;
}
/*.flapArrowClose*/.flapContainerLeft .flapContentContainer{
	border-right:1px solid #759DC0;
}
/*.flapArrowClose*/.flapContainerTop .flapContentContainer{
	border-bottom:1px solid #759DC0;
}
/*.flapArrowClose*/.flapContainerBottom .flapContentContainer {
	border-top:1px solid #759DC0;
}

.flapContainerTop.flapArrowOpen, .flapContainerBottom.flapArrowClose {
	background-image:url("../img/arrowBottom.png");   
	background-repeat: no-repeat;
	cursor: pointer;
}

.flapContainerTop.flapArrowOpen{
	background-position:center bottom;
}

.flapContainerBottom.flapArrowClose{
	background-position:center top;
	z-index:20;
}

.flapContainerTop.flapArrowClose, .flapContainerBottom.flapArrowOpen{
	background-image:url("../img/arrowTop.png");
	background-repeat: no-repeat;
	cursor: pointer;
}

.flapContainerTop.flapArrowClose{
	background-position:center bottom;
	z-index: 20; /* GLIB16020009 - correction */
}

.flapContainerBottom.flapArrowOpen{
	background-position:center top;
}

.flapContainerRight.flapArrowClose, .flapContainerLeft.flapArrowOpen{
	background-image:url("../img/arrowRight.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.flapContainerRight.flapArrowClose{
	background-position:center left;
	z-index:20;
}
.flapContainerLeft.flapArrowOpen{
	background-position:center right;
}

.flapContainerRight.flapArrowOpen, .flapContainerLeft.flapArrowClose{
	background-image:url("../img/arrowLeft.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.flapContainerRight.flapArrowOpen{
	background-position:center left;
}
.flapContainerLeft.flapArrowClose{
	background-position:center right;
	z-index:20;
}


.flapPin{
	position: static;/*absolute; leave space so that the pin button isn't over the flap content */
	/* background:url("./../img/pinon.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
	border:none;
	height:25px;
	width:25px;
	cursor: pointer;
	    background-position: 0 -2306px;
}
.flapPinEnabled{
	/* background:url("./../img/pinoff.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
    background-position: 0 -2271px;
}
.flapPinTop{
	bottom:18px;
	right:2px;
}
.flapPinRight{
	top:2px;
	left:18px;
}
.flapPinBottom{
	top:18px;
	right:2px;
}
.flapPinLeft{
	top:2px;
	right:18px;
}


.tooltipContainer{
	position:absolute;
	top:0px;
	left:0px;
	z-index:400;
	border-top:1px solid #B5BCC7;
	border-left:1px solid #B5BCC7;
	border-bottom:1px solid #759DC0;
	border-right:1px solid #759DC0;
	background-color:white;
	
	/* doesn't work in IE yet */
  	-moz-box-shadow:    3px 3px 5px 6px #ccc;
  	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
  	box-shadow:         3px 3px 5px 6px #ccc;
}

.tooltipFantom{
	background-color:transparent;
	/* background:url("./../img/semitransp.png"); */
	background:url("../img/allSprite.png");
	background-position: 0 -469px;
}

/* DRAG AND DROP */
.activeDropTarget{
	border: 2px dotted red;
}
.hoverDropTarget{
	border: 2px solid #4BE01A;
}

 .tranHyperLink {
 	text-decoration: underline;
 	padding-bottom: 0.05em;
 	color : blue /*!important*/; 
  }
  
 .tranHyperLinkVisited{
	color: #A230A0 /*!important*/;
 }
 
 .tranHyperLinkCursor { 
 	cursor : pointer; 
 }
 
  .tranHyperLinkCursorAuto { 
 	cursor : auto; 
 }

  
 .popupSEYCCloseIcon {
	background: url(../img/close.png) no-repeat;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	margin-right: 2px;
	border: 0 none;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	cursor: pointer;
	float: right;
}
 /* ************************************  COMMON CSS ************************************* */
 
 /* ************************************  CHART CSS ************************************* */
 
 div.raphael {
    margin: 0 auto;
    position: relative;
    background-color: #ddd;
    border: thin gray solid;
    font: 100.01% "Fontin Sans", Fontin-Sans, "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px #666;
}

.graphPanel {
	padding-bottom: 40px;
}

#tempChartContainer {
	position: fixed;
	top: 0px;
	left: -1500px;
	width: 0px;
	height: 0px;
}

/*#hb {
    width: 1300px;
    background: white;
    border:thin gray solid;
}

#copy {
    bottom: 0;
    font: 300 .7em "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
    position: absolute;
    right: 1em;
    text-align: right;
}

#copy a {
    color: #fff;
}*/
 
 
 /* ************************************  CHART CSS ************************************* */
 
 /* ************************************  GETTER CSS ************************************* */
 
 #treeViewBox {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 420px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	text-align: left;
	background-color: white;
	color: #131313;
	cursor: default;
	overflow-x: hidden;
	overflow-y: auto;
}

.treeNode {
	zoom: 1;
}

.treeRootNode {
	background-image: none;
}

.treeRow {
	padding: 4px 1px 2px 0;
	margin: 0 1px;
	background-color: rgba(171, 214, 255, 0);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-color: rgba(118, 157, 192, 0);
	border-width: 0;
	color: #000000;
	-webkit-transition-property: background-color, border-color;
	-moz-transition-property: background-color, border-color;
	transition-property: background-color, border-color;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.treeRow img {
	vertical-align: middle;
}

.treeRow, .rowContent {
	white-space: nowrap;
}

.rowContent {
	cursor: default;
	margin-left: 3px;
}

.rowLabel {
	margin: 0 4px;
}


/****************************** Tree row states (update on events) ******************************/
.treeRowSelected {
	background-repeat: repeat-x;
	background-color: #cfe5fa;
	background-image: url(../img/highlight.png);
	padding: 3px 0 1px;
	margin: 0;
	border: solid 1px #759dc0;
	color: #000000;
}

.treeRowHover {
	background-color: #abd6ff;
	background-image: url(../img/highlight.png);
	padding: 3px 0 1px;
	margin: 0;
	border: solid 1px #759dc0;
	color: #000000;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	transition-duration: 0.25s;
}

.treeRowActive {
	background-color: #7dbdfa;
	background-image: url(../img/highlight.png);
	background-position: 0 -177px;
	padding: 3px 0 1px;
	margin-left: 0;
	border: solid 1px #759dc0;
	color: #000000;
}

/*.treeRowFocused {
	background-repeat: repeat;
}*/


/********************************* Expand & collapse node icons *********************************/
.nodeExpando {
	background-image: url(../img/treeNodeExpando.png);
	width: 16px;
	height: 16px;
}

.nodeExpandoOpened {
	background-position: -35px 0;
}

.treeRowHover .nodeExpandoOpened {
	background-position: -53px 0;
}

.nodeExpandoClosed {
	background-position: 1px 0;
}

.treeRowHover .nodeExpandoClosed {
	background-position: -17px 0;
}

.nodeExpandoLeaf {
	background-image: none;
}


/**************************** Folder (opened & closed) and leaf icons ****************************/
.folderIconClosed, .folderIconOpened, .leafNode {
	background-image: url(../img/treeNodeIcons.png); 
	width: 16px;
	height: 16px;
}

.folderIconClosed {
	background-position: 0px;
}

.folderIconOpened {
	background-position: -16px;
}

.leafNode {
	background-position: -32px;
}
 
 /* ************************************  GETTER CSS ************************************* */
 
 /* ************************************  LOGIN CSS ************************************* */
 
 .loginDIV{
	text-align:left; /*to be aligned with fields */
}

.loginLogo {
	width:100%;
	height: 50%;
	background-image:url(../img/symphonyEYCMedium.png);
	background-size: 50%;
	background-repeat:no-repeat;
	background-position: center;
	padding-top: 18%;
}


.tdLoginLabel {
	width: 100px;
	height: 23px;
	text-align : right;
}

.tdLoginField {
	height: 23px;
	text-align: left;
}

.loginDIV table{
	margin-right:10px;
	white-space:nowrap;
}

.loginButtonDIV{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:100px; /* 100 to be aligned with fields */
}

.divApp {
	text-align:center;
	color:#808080;
	height: 16px;
	width : 380px;
	font-size:11pt;
	margin-top:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-family: tahoma;
}

/* ************************************  LOGIN CSS ************************************* */

/* ************************************  TITLE PANE CSS ************************************* */

.panel_titlePane, .panelcollapsed_titlePane , .panelNoImage_titlePane
{
      background-color: transparent;
      margin:3px;
      border: 1px solid #999;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      padding: 0ps !important;
      
}

/* panel heading */
.panel_titlePane h2, .panelcollapsed_titlePane h2 ,.panelNoImage_titlePane h2
{
      font-size: 18px;
      font-weight: normal;
      margin: 0px;
      padding: 0px;
      background:#A5A2A5;
      border-bottom: 1px solid #999;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-top: 1px solid #FFF;
      border-right: 1px solid #FFF;
      border-left: 1px solid #FFF;
      background-position: right;
      display:inline-block;
      width:99.9%;
      line-height:20px;
      font:bold 9pt tahoma;
}

/* panel heading on rollover 
.panel_titlePane h2:hover, .panelcollapsed_titlePane h2:hover { background-color: white; }*/

/* heading of a collapsed panel */
.panelcollapsed_titlePane h2 
{
      border-color: #A5A2A5;
        background-position: right;
}

.panelNoImage_titlePane h2 
{
      background: #A5A2A5;
      border-color: #A5A2A5;
        background-position: right;
}

/* panel content - do not set borders or paddings */
.panelcontent_titlePane 
{ 
      background: #EEE; 
      overflow: hidden;
      background-color: transparent;
}

/* collapsed panel content */
.panelcollapsed_titlePane .panelcontent_titlePane { display: none; }


.boutonBottomTitle, .boutonRightTitle {
	margin:1px;
    height:17px;
    width:17px;
    background:#A5A2A5 url(../img/arrowBottom.png) no-repeat 280px;
    cursor: pointer;
    border: none;
    background-position: Left;
}
.boutonRightTitle {
    width:10px;
    background: #A5A2A5 url(../img/arrowRight.png) no-repeat 50%; 
}

/* ************************************  TITLE PANE CSS ************************************* */

/* ************************************  MULTICONTAINER CSS ************************************* */

.evenCellTitlePane, .oddCellTitlePane, .insertedCellTitlePane{
	background-color: transparent;
	border: #C9DBEB 1px solid; /* to allow overloading of border attribute later */
}

tr.selectedTitlePane>td.evenCellTitlePane, tr.selectedTitlePane>td.oddCellTitlePane, tr.selectedTitlePane>td.insertedCellTitlePane, tr.selectedNContainerTitlePane, tr.selectedTitlePane>td.insertedCellTitlePane { /* only for TD from table, not sheet */
	border: 2px solid #87aedd;
	border-collapse: separate;
}

.ascendingField, .descendingField{   /* Need to find TODO  */
	/* background: url("./../img/ascendingOrder.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
	border: none;
	height: 20px;
	width: 20px;
	cursor: pointer;
	margin-left:3px;
	vertical-align: top;
	margin-top: 1px;
	background-position: 0 -1502px;
}

.descendingField{   /* Need to find TODO  */
	/* background: url("./../img/descendingOrder.png") no-repeat; */
	background: url("../img/allSprite.png") no-repeat;
	background-position: 0 -1532px;
}

.next, .previous {
    width:15px;
    height:22px;
    /* background: transparent url("./../img/show.gif") no-repeat center; */
    background: transparent url("../img/allSprite.png") no-repeat center;
	border:none;
	cursor: pointer;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
	background-position: 0 -1019px;
}
.previous {
    /* background-image:url("./../img/hide.gif"); */
     background: transparent url("../img/allSprite.png") no-repeat;
     background-position: 0 -967px;
}

.nextDisabled, .previousDisabled {
    width:15px;
    height:22px;
   /*  background: transparent url("./../img/showdisabled.gif") no-repeat center; */
    background: transparent url("../img/allSprite.png") no-repeat center;
	border:none;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
	background-position: 0 -1045px;
}
.previousDisabled {
    /* background-image:url("./../img/hidedisabled.gif"); */
     background: transparent url("../img/allSprite.png") no-repeat;
     background-position: 0 -993px;
}

/* ************************************  MULTICONTAINER CSS ************************************* */

/* ************************************  SEYCGRID CSS ************************************* */

.ui-widget.SEYCGrid { 
	
	scrollbar-face-color: #EDEDED; 
	scrollbar-shadow-color: #bbbbbb; 
	scrollbar-highlight-color: white; 
	scrollbar-3dlight-color: #d3d3d3; 
	scrollbar-darkshadow-color: #d3d3d3; 
	scrollbar-track-color: #f3f3f3; 
	scrollbar-arrow-color: #555555;
	
}

.slick-header-sortable{
	cursor : pointer;
}

/* grouping css start */
.ui-state-default-remove{
	background: transparent !important;
	border-top-color : transparent !important;
	border-bottom-color : transparent !important;
}
.slick-header-grouping-column {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
  -o-text-overflow: ellipsis !important;
  text-overflow: ellipsis !important;
  height: 12px !important;
  line-height: 12px !important;
  margin: 0 !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding-left:4px !important;
  padding-right:4px !important;
  border-right: 1px solid transparent !important;
  border-left: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  float: left !important;
  background-color: transparent !important;
}

.slick-column-name{
	/* margin-right: 12px; */
	/* word-wrap: break-word; */
	white-space: normal;
}

.slick-header-grouping-header-column {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 26px;
  line-height: 14px;
  margin: 0;
  padding-left:4px;
  padding-right:4px;
  padding-top:4px;
  padding-bottom:4px;
  border-right: 1px solid white !important;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
  color:white !important;
  font-weight: bold !important;
  background-color: #152F50 !important;
}

.expandGroupingDiv{
	border:none;
	height:12px;
	width:30px;
	background-color:transparent;
	/* background-image:url("./../img/maxi.gif"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
	background-position:0; 
	cursor:pointer;
	vertical-align:bottom;
	margin-left:0px;
	float: left;
	background-position: 0 -2372px;
}

.collapseGroupingDiv{
	border:none;
	height:12px;
	width:30px;
	background-color:transparent;
	/* background-image:url("./../img/mini.gif"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
	background-position:0; 
	cursor:pointer;
	vertical-align:bottom;
	margin-left:0px;
	float: left;
	background-position: 0 -2394px;
}

.expandDiv {
	height:12px;
	padding:0px;
	padding-top:0px;
	margin:0px;
	background-color:transparent;
	background-image:url("../img/grouping_center.gif");
	margin-left: 30px;
	margin-right: 5px;
	/*
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	*/
	text-align:left;
	line-height:9px; /* otherwise there is a shift in IE8, Chrome and Safari */
}

.expandRightDiv {
	float:right;
	height:12px;
	width:5px;
	padding:0px;
	padding-top:0px;
	margin:0px;
	background-color:transparent;
	background-image:url("../img/grouping_right.gif");
	background-repeat:no-repeat;
	background-position:right bottom; 
	/*
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	*/
	text-align:left;
	line-height:9px; /* otherwise there is a shift in IE8, Chrome and Safari */
}

/* grouping css end */

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  cursor: default;
  overflow: hidden;
}

.slick-header-column-header.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 10px;
  line-height: 10px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /* -o-text-overflow: ellipsis;
  text-overflow: ellipsis; */
  height: auto;
  line-height: 10px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
  text-align: center;
  /*word-wrap: break-word;*/
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  /*font-style: italic;*/
}

.slick-sort-indicator {
  /* display: inline-block; */
  width: 8px;
  height: 5px;
  /* margin-left: 4px;
  margin-top: 6px;
  float: left; */
}

.slick-sort-indicator-desc {
  /* background: url(./../img/sort-desc.gif); */
  background: url(../img/allSprite.png);
  display: inline-block;
  float: center;
  background-position: 0 -604px;
}

.slick-sort-indicator-asc {
  /* background: url(./../img/sort-asc.gif); */
  background: url(../img/allSprite.png);
  display: inline-block;
  float: center;
  background-position: 0 -589px;
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px solid #A0B7C9;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: pre;
  cursor: default;
}

.slick-group {
}



.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  border-style: solid;
}

.editableCell{
  background-color: white !important;
  margin-top:-1px;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity = 15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

/*  extra css  
h2 {
  font-size: 10pt;
  border-bottom: 1px dotted gray;
}

ul {
  margin-left: 0;
  padding: 0;
  cursor: default;
}

li {
  background: url("./../img/arrow_right_spearmint.png") no-repeat center left;
  padding: 0 0 0 14px;

  list-style: none;
  margin: 0;
}

.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  background: url('./../img/header-bg.gif') repeat-x center top;
  color: black;
  height: 24px;
  line-height: 24px;
}

.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px;
}

.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
  background-color: white;
}

.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid silver;
}

.options-panel {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px;
}*/

/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right;
}

.slick-cell.task-percent {
  text-align: right;
}

.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;

  background: #efefef;
  cursor: move;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.slick-row .cell-actions {
  text-align: left;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Default css */
/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header-columns {
  /* background: url('../../img/header-columns-bg.gif') repeat-x center bottom; */
  border-bottom: 1px solid silver;
}

.slick-header-column {
  background-color: #6F859A;
  border-right: 1px solid #A0B7C9;
  border-left: 1px solid #A0B7C9;
  color:white;
}

.slick-header-column:hover, .slick-header-column-active {
  /*background: white url('../../img/header-columns-over-bg.gif') repeat-x center bottom;*/
}

.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row {
  position: absolute;
  background: #D1E0E5;
  border: 0px;
  line-height: 20px;
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}

.slick-cell span{
	overflow:hidden;
	text-overflow:ellipsis;
	display:block; /* can't apply ellipsis on an inline element*/
	max-height:20px; /* obliged to set height otherwise because of block element, clicking on cell above, if editable, was not possible */
}

.slick-cell.editable span {  
    text-overflow: clip;
    display: inline-block;
}

.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px;
  display: inline-block !important;
}

.slick-group-title {
  display: inline !important;
}

.slick-group>.slick-cell {
	border: 0px;
	position: relative;
}

.slick-group-toggle.expanded {
  /* background: url(./../img/collapse.gif) no-repeat center center; */
  background: url(../img/allSprite.png) no-repeat center center;
    background-position: 0 -111px;
}

.slick-group-toggle.collapsed {
  /* background: url(./../img/expand.gif) no-repeat center center; */
      background: url(../img/allSprite.png) no-repeat center center;
    background-position: 0 -130px;
}

.slick-group-totals {
  color: gray;
  background: white;
}

.slick-cell.selected {
  background-color: rgb(173,199,231);
}

.slick-cell.active {
  /* border-color: gray;
  border-style: solid; */
}

.slick-sortable-placeholder {
  background: silver !important;
}

.slick-row.odd {
  background: #E8F1F8;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.slick-cell.invalid {
  border-color: red;
  -moz-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-name: slickgrid-invalid-hilite;
  -webkit-animation-name: slickgrid-invalid-hilite;  
}

@-moz-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}

@-webkit-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}

/* input[type=checkbox] {
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
} */
SEYCGrid input[type=text] {
	width: 70% !important;
	font-size: 8pt;
	font-family: tahoma;
	vertical-align: top;
}
select.editor{
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  background-color: rgb(80, 80, 80);
}


/* Menu button */
.slick-header-menubutton {
  position: absolute;
  top: 0;
  left:22px;
  height:16px;
  bottom: 0;
  width: 10px;
  background-repeat: no-repeat;
  background-position: left;
 /*  background-image:url("./../img/arrow_bottom.gif"); */
  background-image:url("../img/allSprite.png");
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: -1px -540px;
 }


/* Menu */
.slick-header-menu {
 position:absolute;
	z-index:410;
	border-style: solid;
	border-width:1px; 
	-moz-box-shadow: 3px 3px 4px #7E8B98;    
	-webkit-box-shadow: 3px 3px 4px #7E8B98;    
	box-shadow: 3px 3px 4px #7E8B98;    
	/* For IE 8 */   
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7E8B98')"; 
	border-color:#D6D6D6;
	color: #152F50;
	background-color: #F1F1F1;
	padding-right: 20px;
}


.slick-header-menuitem:hover {
      border-color: silver;
      background: white;
    }
    

.slick-header-menuicon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle;
}


.slick-header-menuitem-disabled {
     color:#DEDEDE;
}
    
.slick-item-menuEntryMarker{
	margin-top:2px;
	height:21px;
	width: 4px;
	background-color: #A0A29D;
    position: absolute;
    left:25px;
}

.slick-viewport{
	margin-top: 0px; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-left: auto;
} 

.subMenuEntryDiv:hover > .slick-item-menuEntryMarker{
	background-color: #72BF43;

}

.subMenuEntryDiv:hover{
	color: #152f50;
	background-color: white;

}
.required {
	/* background-image:url("./../img/star-dark.png"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
  	margin-left:1px;
  	height: 20px;
	width: 8px;
	margin-right : -4px;
	display : inline-block;
	background-position: 0px -10px;
	
}

.requiredOnGrid {
	/* background-image:url("./../img/star-white.png"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
  	margin-left:1px;
  	padding-top: 1px;
	padding-left:9px; 
	height: 20px;
	width: 10px;
	background-position: 0 -28px;
}
.errorOnGrid {
	/* background-image:url("./../img/fieldErrorSmall.png"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
  	margin-left:1px;
	padding-left:9px; 
	height: 20px;
	width: 12px;
	background-position: 0 -45px;
	
}
.warningOnGrid {
	/* background-image:url("./../img/fieldWarningSmall.png"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat;
  	margin-left:1px;
	padding-left:9px; 
	height: 20px;
	width: 12px;
	background-position: 0 -63px;
}

.requiredEmpty {
	border:none;
	background-color: transparent;
	height: 20px;
	width: 8px;
	vertical-align: top;
	display:inline-block;
	margin-right : -4px;
	
}

.divFiche .required, .divFicheMP .required, .panelDIV .required{
	/* background-image:url("./../img/star-dark.png"); */
	background-image:url("../img/allSprite.png");
	background-repeat:no-repeat; 
  	margin-left:1px;
  	height: 20px;
	width: 8px;
	margin-right : -4px;
	display : inline-block;
	background-position: 0px -9px;
	
}

#updateTList{
	min-width:300px;
	max-height:400px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-top:5px;
}


/* ************************************  Jquery Autocomplete Plugin CSS ************************************* */

.container {
	width: 800px;
	margin: 0 auto;
}

.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	overflow: auto;
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion {
	padding: 2px 5px;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: bold;
	color: #000;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	font-weight: bold;
	font-size: 16px;
	color: #000;
	display: block;
	border-bottom: 1px solid #000;
}

.ui-autocomplete-category {
	color: white;
	background: #6F859A;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px !important;
}

.ui-autocomplete.ui-corner-all {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-autocomplete.ui-menu {
	list-style: none;
	padding: 0px;
	margin: 0;
	display: block;
	border-color: black;
}

.ui-autocomplete .ui-menu-item .ui-state-hover {
	background-color: rgb(173, 199, 231);
	border-radius: 0px;
	margin: 0px !important;
	border:0px;
	font-weight: bold !important;
}

.seyc_autocomplete_div{
	text-align: center;
  	margin-top: 2px;
 	margin-bottom: 2px;
}

/* ************************************  Jquery Autocomplete Plugin CSS (END)************************************* */


/* ************************************  Drag/drop tools ************************************* */
.dragContainer {
	padding: 2px;
}

/* classes related to drag & drop container objects */
.dragHandleTop{
	background-image: url("../img/dragHandleH.png");
	background-repeat: repeat;
	cursor:move;
	height: 8px;
	min-width: 12px;
}
.dragHandleLeft{
	background-image: url("../img/dragHandleV.png");
	background-repeat: repeat;
	float: left;
	cursor:move;
	width: 8px;
	min-height: 12px;
}
.dragHandleRight{
	background-image: url("../img/dragHandleV.png");
	background-repeat: repeat;
	float: Right;
	cursor:move;
	width: 8px;
	min-height: 12px;
}

.fullDivDrag {
		cursor:move;
}

.dropTargetHover{
	background-color: silver;
}

/* CSS for reducing the extra spaces from panelFrame - Start*/
.panelFrame .panelDIV, .panelFrame .panelTable td{
	padding-bottom:0px;
}

.panelFrame .labelTD, .panelFrame .fieldTD, .panelFrame .plainLabel {
	height:auto;
}

.panelFrame .plainLabel{
	padding-bottom:0px;
	padding-top:0px;
}


/* CSS for reducing the extra spaces from panelFrame - End*/


/* Overriden to consider sprite  */
.ui-slider .ui-slider-handle { 
  background:url('../img/allSprite.png');
  background-position: -1px -813px;
}
.ui-state-disabled .ui-slider-handle {
	background:url('../img/allSprite.png');
	background-position: -1px -838px;
}

#multiSortPopup{
       padding : 10px;
}
#multiSortPopup .horizontalSplitterTD{
       vertical-align:middle;
}
.boutonMultiSort{
	margin-left:4px;
	margin-right:4px;
    height:19px;
    width:17px;
    background: url('../img/multiSort.png') no-repeat center;
   /* background: url("./../img/allSprite.png") no-repeat center;
	background-position: 0 -1192px;*/
    cursor: pointer;
    border: none;
}