<%@page session="true" language="java" contentType="text/css"%>
<%@taglib uri="http://www.e-deal.com/taglib/fl" prefix="fl" %>


.oldAutoComplete {
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
}

/*
function bar
*/
	#function_bar {
		position:relative;
		overflow: hide;	
	}
	#function_bar ul {
		/*display: inline;*/
		list-style-type: none;
		width: 1500000px;
		padding: 0;
		margin: 0;
	}
	
	#function_bar ul li {
		border:1px solid #4d95fe;
		display: inline;
		float: left;
		padding: 3px 15px 3px 15px;
		margin:5px;
		cursor : move;
		
		-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;

		text-align: center;
		white-space: nowrap;
	}

	#function_bar ul li a {
		top:0px;
		vertical-align: top;
		height: 100%;
	}
	
	#function_bar ul li.ui-sortable-helper {
	    cursor:-moz-grabbing;
	}	
	
	.sorthelper {
		background-color: grey;
		float: left;
    }
    .sortableactive {
		background-color: yellow;
		float: left;
    }
    .sortablehover {
		background-color: black;
		float: left;
    }
    

.main_body {
	font-size: small;
	color: #000000; 
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	background-color: rgb(255, 242, 239);  
	background-image: url(<fl:link url="/icons/nav/fd_page.jpg"/>);  
	background-repeat: repeat-x;  
	background-attachment: scroll;  
	-x-background-x-position: 0%;  
	-x-background-y-position: 0%;  
	-moz-background-clip: initial;  
	-moz-background-origin: initial;  
	-moz-background-inline-policy: initial; 
	overflow:auto;
	border: thin double red;
}
.warning {
border:2px solid red;
background-color:gold;
float:left;
}
.alertbandeau {
	font-size: small;
	font-weight: bold;
	color: #dd3300; 
	font-family: Arial, Verdana, sans-serif;
}

a:link {
	text-decoration: none;
	color: #dd3300;
}
a:visited {
	text-decoration: none;
	color: #dd3300;
}
a:hover {
	text-decoration: underline;
	color: #dd3300;
}

/* BigTab used instead table for main tab , example for list_criteria.jsp */
div.BigTab{
	width:	99%;
	margin-left: 10px;
	max-height:	100%;
}
div.BigTab div.BTBodyL{
	background-position:	left;
	background-repeat:	repeat-y;
	background-color: white;
	background-image:	url(<fl:link url="/icons/nav/principal_cadre/fd_cell_g.gif"/>);
}
div.BigTab div.BTBodyR{
	height:	100%; 
	padding:	0px 15px;
	background-position:	right;
	background-repeat:	repeat-y;
	background-image:	url(<fl:link url="/icons/nav/principal_cadre/fd_cell_d.gif"/>);
}

div.BTFoot{
	height:	15px;
	position: relative;
}
div.BTFootL{
	position: absolute;
	left:	0px;
	height:	15px;
	width:	15px;
	/*background-color: white;*/
	background-image:	url(<fl:link url="/icons/nav/principal_cadre/cell_bas_g.gif"/>);
}
div.BTFootMiddle{
	margin: 0 10px;
	background-repeat:	repeat-x;
	background-image:	url(<fl:link url="/icons/nav/principal_cadre/fd_cell_bas_m.gif"/>);
	height:	15px;
}
div.BTFootR{
	position: absolute;
	top:	0px;
	right:	0px;
	height:	15px;
	width:	15px;
	/*background-color: white;*/
	background-image:	url(<fl:link url="/icons/nav/principal_cadre/cell_bas_d.gif"/>);
}
#BTabs td.actif-pos-1{
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_blanc_pos_1.gif"/>);
	padding:	0 4px;
}
#BTabs td.inactif-pos-1{
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_grise_pos_1.gif"/>);
	padding:	0 4px;
}
#BTabs td.actif-fin{
	padding:	0 15px;
	width:	6px;
	height:	43px;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_blanc_fin.gif"/>);
}
#BTabs td.inactif-fin{
	padding:	0 15px;
	height:	43px;
	background-position: 0px 0;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_gris_fin.gif"/>);
}
#BTabs td.interActifInactif{
	padding:	0 15px;
	height:	43px;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_blanc_inter_grise.gif"/>);
}
#BTabs td.interInactifActif{
	padding:	0 13px;
	height:	43px;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_grise_inter_blanc.gif"/>);
}

#BTabs td.finTab{
	padding:	0 5px;
	width:		5px;
	height:		43px;
	margin-right: 	3px;
	background-image: 	url(<fl:link url="/icons/nav/principal_onglet/fin_tab.gif"/>);
}
#BTabs td.finTabShort{
	padding:	0 5px;
	height:	43px;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/short/fin_tab.gif"/>);
}
.ongletgris{
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_grise_fd_cell.gif"/>);
	text-align:center;
	white-space: nowrap;
	font-weight: bold;
	padding-left:2px;
	padding-right:5px;
}
.ongletgris a{
	color: #777777;
	text-decoration:none;
}
.ongletgris a:visited {
	text-decoration: none;
	color: #777777;
}
.ongletgris a:hover{
	color: #dd3300; 
	text-decoration:none;
}

.ongletblanc {
	font-size: 15px;
	color: #84a6ae;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	background-image: url(<fl:link url="/icons/nav/principal_onglet/ong_blanc_fd_cell.gif"/>);
	text-align:center;
	white-space: nowrap;
	padding-bottom:	10px;
}
.ongletblanc a{
	text-decoration:none
}
.ongletblanc img {
	vertical-align: bottom;
}
.tabbleuniv1 a{
	font-size: small;
	color: #000000; 
	font-family: Arial, Verdana, sans-serif;
	text-decoration:none;
}
.tabbleuniv1 a:hover{
	color: #dd3300; 
	text-decoration:underline;
}
.jourcalendrier{
	font-size: 9px;
	font-family: Arial, Verdana, sans-serif;
	text-align:center;
	height:15px;
}
.jourcalendrier A{
	color: #000000; 
	text-decoration:none;
	padding:4px;
}
.jourcalendrier A:hover{
	color: #dd3300; 
	text-decoration:underline;
	background-color:#CCD2EA;
	padding:4px;	
}
.jouractuel{
	font-size: 9px;
	color: #000000; 
	font-family: Arial, Verdana, sans-serif;
	background-color:#CCD2EA;
	text-align:center;
	border: 1px solid #000000;
}
.jouractuel A{
	color: #000000; 
	font-family: Arial, Verdana, sans-serif;
	text-decoration:none;
	padding:4px;
}
.jouractuel A:hover{
	color: #dd3300; 
	text-decoration:underline;

	padding:4px;
}
.semcalendrier{
	font-size: 9px;
	color: #7288B1; 
	font-family: Arial, Verdana, sans-serif;
	text-decoration:none;
	text-align:center;
}
.separationcalendrier{
	background-image: url(<fl:link url="/icons/sidebar/calendar/cell_seperator.gif"/>);
} 
.moiscalendrier{
	font-size: 12px;
	color: #000000; 
	font-family: Arial, Verdana, sans-serif;
	text-align:center;
	white-space: nowrap;

}
.ongletsecondblanc{
	font-size: small;
	color: #dd3300;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	text-align:center;
	white-wdith: nowrap;
	background-image: url(<fl:link url="/icons/secondaire_onglet/cell2_fdblanc.gif"/>);
	padding-top:5px;
}
.ongletsecondblanc A{
	font-size: small;
	font-weight: bold;
	color: #dd3300;
	text-decoration:none;
}
.ongletsecondblanc A:hover{
	color: #dd3300;
}
.titreFiche{
	font-size: medium;
	font-weight: bold;
	color: #dd3300;
	font-family: Arial, Verdana, sans-serif;
	font-size: 160%;
	letter-spacing: 0.05em;
}
.titrePartie{
	font-weight: normal;
	color: #777;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.titreStd {
	width: 25%;
}

.titreTexte {
	font-size: 11px;
}

.titreIcone {
	text-align: right;
	margin-right: 15px;
}

.headerDataGrid{
	font-size: 12px;
	color: #84a6ae;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.importantDataGrid{
	font-size: small;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;	
}
.chpsTextNorm {
	font-size: small;
	font-family: Arial, Verdana, sans-serif;
	color:#000000 ;
	height:20px;
	border:solid 1 #A3A6AB;
	background-color:#EDF7F9;
	padding-left: 5px;
	padding-top:1px;
	padding-bottom:1px
}

.chpsTextAlternance {
	font-size: small;
	font-family: Arial, Verdana, sans-serif;
	color:#000000 ;
	height:20px;
	border:solid 1 #A3A6AB;
	background-color:#FAFDFD;
	padding-left: 5px;
	padding-top:1px;
	padding-bottom:1px
}

.criteriaField, .criteriaFieldDate, .criteriaFieldNumber {
    color: rgb(0, 0, 0);
    border-width: 1px;
    border-style: solid;
	border-color:  rgb(127,157,185);
    font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color:#777;
	padding: 2px 5px 2px 5px;
	background-color:#FAFDFD;
	width: 20%;
	text-align: left;
	vertical-align:	top;
}
.criteriaFieldDate {
	text-align: right;
	width: 10%;
	
}

.criteriaFieldNumber {
	text-align: right;
	width: 8%;
}

input.criteriaField{
	vertical-align:	top;
}
select.criteriaField {
	padding: 1px 1px 1px 2px;
	width: 21%;
	vertical-align:	top;
}

.criteriaField:focus, .criteriaFieldDate:focus, .criteriaFieldNumber:focus {
	border-color:  rgb(107,137,165);
	background-color:#FBFEFE;
}

.mandatory-group{
    background-color: rgb(244, 248, 255);
}

.mandatory-groupe-3-fld-required{
    background-color: rgb(235, 241, 254);
}

.mandatory-groupe-2-fld-required{
    background-color: rgb(215, 227, 253);
}

.mandatory-groupe-1-fld-required{
    background-color: rgb(194, 214, 252);
}

#zone-mandatory-message{
	margin-top:20px;
	font-size: small;
}

#zone-mandatory-message span{
	color: #404040;
}

#valid-button .inactive{ 
	filter:alpha(opacity=30); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:0.3; 
	-khtml-opacity: 0.3; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	opacity: 0.3; 
}
/* pour les autres navigateurs */
* > #valid-button {
	height: auto;
}
/* pour IE 7 */
*+html #valid-button {
	min-height : 1px;
}

.criteriaTableDiv .active{
	border-color: rgb(220, 100, 100);
	color: rgb(220, 100, 100);
}

.criteriaTableDiv label.active{
	color: rgb(220, 100, 100);
}

.pagination {
	width: auto;
}
#pagination a:hover{
	text-decoration:none;
}

.criteriaTableDiv {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: top;
	display: block;
}

#criteriaTableLine {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

.criteriaLabel {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	color: #777777;
	font-size: 11px;
	vertical-align: text-top;
}

.leftMargin10 {
	margin-left: 10px;
}

.chpsTextObligatoire {
	font-size: small;
	font-family: Arial, Verdana, sans-serif;
	color:#000000;
	border:solid 1 #A3A6AB;
	background-color:#FDCBCC;
/*	padding-left: 5px;
	padding-top:1px;
	padding-bottom:1px
*/
}

#login_div {
	position: absolute;
	top: 200px;
	left: 350px;
	z-index:100;
	background: transparent url(<fl:link url="/icons/home/fdSupLogo.jpg"/>) no-repeat;
	width: 320px;
	height: 167px;
	overflow: hidden;
	border-width:0;
	margin:0;
	padding:0;
}
.separation {
	height: 100%;
	width: 20px;
	background: url(<fl:link url="/icons/nav/separation.gif"/>) repeat-y;
	padding: 0px;
}
table {
	border-collapse: collapse;
}
.autodisplay_table {
	width: 100%;
	border: none;
	border-spacing: 3px;
	padding: 0px;
}
.fieldline {
	padding: 1px;
	vertical-align: top;
}
img {
	border: none;
}
.container {
	width: 100%;
	border: none;
	border-spacing: 0px;
}
.margegauche {
	width:10px;
}
.bodycell {
	width: 100%;
	vertical-align: top;
}
#fond_cell_gauche {
	background: transparent url(<fl:link url="/icons/nav/principal_cadre/fd_cell_g.gif"/>) repeat;
	width: 15px;
	height: 42px;
}
#fond_cell_droite {
	background: transparent url(<fl:link url="/icons/nav/principal_cadre/fd_cell_d.gif"/>) repeat;
	width: 15px;
	height: 42px;
}
#content_cell {
	width: 98%;
	background-color: #FFFFFF;
	vertical-align: top;
}
#cell_bas_gauche {
	width: 15px;
	height: 15px;
	background: transparent url(<fl:link url="/icons/nav/principal_cadre/cell_bas_g.gif"/>) no-repeat;
}
#cell_bas_milieu {
	height: 15px;
	background: transparent url(<fl:link url="/icons/nav/principal_cadre/fd_cell_bas_m.gif"/>) repeat;
}
#cell_bas_droite {
	width: 15px;
	height: 15px;
	background: transparent url(<fl:link url="/icons/nav/principal_cadre/cell_bas_d.gif"/>) no-repeat;
	margin: 0px;
	padding: 0px;
}
#content {
	background-color: #FFFFFF;
}
.ligne_separation {
	height: 10px;
}
.ligne_separation_couleur {
	height: 2px;
	background-color: #84a6ae;
	
}
.data_column {
	width: 100%;
	border: none;
	border-spacing: 1px;
}

.tabSimpleFdBlanc {
	font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}
.tabSimpleFdBlancImportant {
	font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}
.tabSimpleFdBlanc .dataValue, .tabSimpleFdBleu .dataValue{
	padding-left:	20px;
}
.tabSimpleFdBleu {
	font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    color: rgb(0, 0, 0);
    background-color: rgb(235, 244, 246);
}
.tabSimpleFdBleuImportant {
	font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    background-color: #debab9;
    font-weight: bold;
}
.tabSimpleFdBlanc, .tabSimpleFdBleu, .tabSimpleFdBleuImportant, .tabSimpleFdBlancImportant {
    border: 0px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.tabSimpleFdBleuImportant td, .tabSimpleFdBlancImportant td, 
.tabSimpleFdBlanc td, .tabSimpleFdBleu td {
    border-right: 1px solid #ccc;
    padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	vertical-align:	middle;
}
.tabSimpleFdBlanc td table.fieldTable td, .tabSimpleFdBleu td table.fieldTable td {
	padding: 0px;
	border: 0px;
	font-size: 12px;
}

.button {
	border-style: solid;
	border-width: 1px;
	border-color:  rgb(132, 166, 174);
	font-weight: bold;
	font-size: 12px;
	padding: 3px; 
}
.blueLine{
	background-color :#e4e7ec;
}
table.fieldTable {
	width: 100%;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border-collapse:separate;
}
table.fieldTable td {
	border-right: 12px white solid;
	border-spacing: 0px;
	margin: 1px;
	padding: 0px;
	padding-bottom: 0px !important;
	vertical-align: middle;
}
td.dataValue div.fieldTable{
	margin-right:	0px;
	width:auto;
}
.column3 {
	width: 33%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.column2 { 
	width: 50%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.column4 {
	width: 25%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.fieldline {
	vertical-align: middle;
}
tr.fieldline td {
	padding-bottom: 3px;
}
.dataLabel {
	width: 33%;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	vertical-align: top;
}
.dataLabel img{
	vertical-align: middle;
}
.labelArea, td.dataLabel div {
	width: 100%;
	overflow: visible; /* visible: show all, hidden: truncate */
	/*white-space: nowrap;*/ /* IMPORTANT => decide if we display a long text as a huge single line or multiple lines */
	margin: 0px;
	padding: 0px;
}
.dataValue {
	width: 66%;
	/*overflow: hidden;*/ /*tooltip adjustment*/
	margin: 1px 0px 1px 0px;
	font-size: 12px;
	color: rgb(0, 0, 0);
	font-family: Arial, Verdana, sans-serif;
	vertical-align: top;
}

.dataValue div, .dataValue table,  .dataValue tr{
	overflow: visible;
}

.dataFormValue {
	width: auto;
}
.inputArea, td.dataValue div {
	width: 100%;
	overflow: visible;  /* visible: show all, hidden: truncate */
	/* white-space: nowrap; */  /* IMPORTANT => decide if we display a long text as a huge single line or multiple lines */
	height: auto;
} 
td div.text{
	margin-right: 12px;
	width: auto;
}
td div.select{
	width:	auto;
}
td div.fob{
	width:	auto;
}
td div.date{
	margin-right:	33px;
	width:	auto;
}

.column2 td.dataValue div {
	overflow:	visible;
}
.input {
	color: #000000 ;
	background-color: #FAFDFD;
	font-family: Arial, Verdana, sans-serif;
	vertical-align: middle;
	font-size: 12px;
	
}

.input:focus, .fob:focus, .select:focus, .selectMultiple:focus .textarea:focus {
	border: 1px solid #006699;
}
/* gecko */
input[type="image"],
input[type="radio"],
input[type="checkbox"] {
    border: 0px;
}
div div .input{
	border-color: #A3A6AB;
}
div.input{
	background-color: transparent;
}
input.input, textarea.input{
	border: 1px solid #A3A6AB;
}

div.input input.text {
	width:100%; 
	display:inline;   /* the inline+float are here for IE6/7 to have an input with correct sizing*/
	float:left;
}

div.input input.number {
	width: 94%;
	text-align: right;
}

div.input input.input.date {
	width: 75%;
	text-align: right;
}
div.input input.input.time {
	width: 20%;
}
div.input input.input.fob {
	width: 92%;
}
tr.fieldline input.input {
	margin-right:	10px;
}
tr.fieldline div.date input.date {
	margin-right:	5px;
	width:	auto;
	text-align: right;
}
tr.fieldline table.fieldTable .input{
	margin-right:	0;
}
input.text, input.number {
	padding: 2px 5px;
}
input.fob {
	padding: 2px 5px;
	width: 80%;
}

input.time, input.date {
	padding: 1px 5px;
	text-align: right;
}

input.intable {
	width: 90%;
}

td.dataValue div.textarea{
	margin-right:	4px;
	width:	auto;
}
.textarea {
	width: 100%;
	height: 75px;
}
.number {
	text-align: right;
}
.fobLeftDiv {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
.fobRightDiv {
	text-align:center;
	display:inline;
	float:left;
	margin:0 ;
	padding:0;
}
.checkbox {
	vertical-align: middle;
	color: #000000;
}

.dataLabel, label {
	color: #777;
	font-size: 11px;
}
label.checkboxLabel, .dataValue label, label.radioLabel {
	color: #777;
	font-size: 11px;
}
.dataValue .data_column label {
	color: #777;
	font-size: 11px;
}
.dataValue .dataLabel label {
	color: #777;
	font-size: 11px;
}
.radio {
	vertical-align: bottom;
	color: #000000;
}
select.select {
	width: 100%;
	border: 1px solid #A3A6AB;
	padding: 1px;
}
select.auto {
	width: auto;
	border: 1px solid #A3A6AB;
}
.selectMultiple {
	width: 100%;
	height: auto;
	border: 1px solid #A3A6AB;
	padding: 0px;
	margin: 0px;
}
.selectMultiple option {
	padding-left: 5px;
}
.smallFieldPart {
	width: 1%;
	width: expression("auto");
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
.bigFieldPart {
	width: 99%;
	white-space: nowrap;
	margin: 0px;
}
td.principalText {
	width: 80%;
	white-space: nowrap;
	margin: 0px;
}
.postText {
	width: 1%;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	font-size: 12px;
}
.labelTitreFiche{
	font-size: 100%;
	font-weight: bold;
	color: #84A6AE;
	font-family: Arial, Verdana, sans-serif;
	width: 1%;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
.fieldTitreFiche{
	font-size: small;
	color: #84A6AE;
	font-family: Arial, Verdana, sans-serif;
	width: 99%;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

label.labelTitreFiche, label.titreFiche, .fieldTitreFiche {
	font-size: 11px;
	color: #dd3300;
}
.mandatory_alert {
	color: red;
	font-weight: bold;
	font-size: small;
}
.chpsTextObligatoire {
	background-color:#FDCBCC;
}
.input.checkboxContainer.mandatory label {
	background-color: #FDCBCC;
}

.ligne_separation {
	height: 10px;
}
.ligne_separation_couleur {
	height: 2px;
	background-color: #9EC6D0;
}
.icon {
	border: none;
	width: 17px;
	height: 17 px;
	vertical-align: middle;
}
.criteriaTableDiv .icon {
	vertical-align: baseline;
}
.noPaddingLeft {
	padding-left: 0px !important;
}
.comment {
	display: block;
	width: 100%;
	white-space: normal;
	font-size: smaller;
	color: rgb(128, 128, 128);
}
.footerText {
	display: block;
	position: fixed; 
	bottom: 0;
	width: 100%;
	white-space: normal;
	font-size: 11px;
	color: rgb(128, 128, 128);
	text-decoration: none;
}

.textGridRowTitle {
	text-align: center;
	white-space: nowrap;
	border-bottom: 0px;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
}
.textGridCell {
	vertical-align: top;
	text-align: right;
	padding: 3px 5px 3px 5px;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
}
.textGridHeader {
	vertical-align: top;
	white-space: nowrap;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	padding: 3px 5px 2px 5px;
}


/* hClasses : style of hierarchy graphic generator*/

.hFrame {
	border: 0px;
	width: 500px;
	left: 0px;
	top: 0px;
	text-align: center;
	margin: 0 auto;
}		
.hLabel {
	border: 1px solid #aaa;
	padding: 0px; 
	margin: 10px;
	color: #555;
	font-weight: bold;
}

.hLabel .text {
	padding: 5px;
}

.hLabel a {
	text-decoration:none;
}
.hLabel a img {
	vertical-align: baseline;
	border: 0px;
}
.hLevel0 {font-size:24px; }
.hLevel1 {font-size:20px; }
.hLevel2 {font-size:16px; }
.hLevel3 {font-size:14px; }
.hLevel4 {font-size:12px; }
.hSelected {background-color: #f50; color: #000;}

/* workflow box styles */
.wf_transitions {
	background-color: #fff;
	border: 1px solid grey;
}

.wf_transitions ul {
	padding: 0 0 0px 0;
	margin: 0;
    display: block;
}

.wf_transitions li {
   display: block;
   text-align: left;
   padding: 4px;
   margin: 0;
   font-size: 105%;
}

.wf_transitions li a {
	color: #000;
	font-weight: normal;
   	font-size: 85%;
	text-decoration: none;
}

.wf_transitions li a:visited {
	text-decoration: none;
	color: #000;
	font-weight: normal;
   	font-size: 85%;
}

.wf_transitions li a:hover {
	text-decoration: underline;
}

.wf_transitions li a:active {
	text-decoration: underline;
	color: #000;
	font-weight: normal;
   	font-size: 85%;
}

#status {
	text-align: center; 
	font-size: 110%; 
	color:#25397d; 
	padding: 10px 0; 
	font-weight: bold;
}

a img {
	border: 0px;
}

p.texte {
	font-size: 12px;
}

/* Style for FullTextSearch */
.ftSearchSmall {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #777;
	font-family: Arial, Verdana, sans-serif;
	vertical-align: top;
}

.ftSearchTitle {
	margin: 1px 0px 1px 0px;
	padding-left: 10px;

	color: black;
	font-family: Arial, Verdana, sans-serif;
	vertical-align: top;
}

td.tabRightSpace div.absolute{
	position: absolute;
	top:0;
	right:0;
}

.dictionary td.dataValue{
	padding-left:	20px;
}

/**********
 * Styles for word and/or pdf fusion 
 **********/
.doc_fusion { visibility:visible; }
.pdf { visibility:visible; } 


/**********************
 Field Display Policy
 **********************/

.fdp_invisible { 
	background: url(<fl:link url="/icons/ico/lock.gif"/>) no-repeat; 
}

.fdp_input {
	visibility:hidden;
}

input.transRead {
	background-color: transparent;
	border: 0;
	cursor: default;
}

/******
GRID
*******/
div.errorMsg{
	padding: 0 0 4px 0 ;
	position: absolute;
	z-index: 1520;
	bottom:	-10px;
	right: 20px;
	width: 255px;
	font-size:small;
	background: url(<fl:link url="/icons/nav/msg_tabs/foot.gif"/>) repeat-x bottom;	
}
div.errorMsg h1{
	background: transparent url(<fl:link url="/icons/nav/msg_tabs/head.gif"/>) no-repeat;
	font-size: small;
	font-weight: bold;
	text-align: center;	
	margin:0;
	height: 20px;
	padding: 3px 0 0 0;
	cursor: pointer;
}
div.errorMsg div.body{
	background: url(<fl:link url="/icons/nav/msg_tabs/body.gif"/>) repeat-y;
	background-color: white;
	padding: 2px 5px 1px 5px;
	max-height:110px;
	/*overflow-y: scroll;*/
}
div.errorMsg p{
	text-align: left;
	margin: 0 0px 3px 5px;
	font-size: x-small;
}

div.helpMsg {
	position: absolute;
	width:170px;
	max-height:250px;
	z-index: 1520;
	font-size:10px;
	border: 2px solid #dd3300;
}

div.helpMsg div.body{
	padding: 2px;
	background-color:white;
	overflow-y: auto;
	filter:alpha(opacity=90); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.9; 
	-khtml-opacity: 0.9; 
	opacity: 0.9; 
}

#userChoices {
	display: block;
	margin: 15px 25px 15px 10px;
}

#userChoices #failureMessage {
	/*border: 2px solid #DD3300;
	background-color: #FFC8B4;
	text-align:	center;
	padding: 10px;*/
}

#userChoices #successMessage {
	/*border: 2px solid #00BB33;
	background-color: #A4FF8C;
	text-align:	center;
	padding: 10px;*/
}

#userChoices #navigationMenu {
	padding-top: 10px;
}

#userChoices #navigationMenu a {
	color: #dd3300;
}

.grid-action {
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	color: #777777;
	padding-left:5px;
	padding-right:5px;
	margin: 0;
}

.grid-action a { 
	text-decoration: none;
	color:  #777777;
}

.grid-action a img {
	vertical-align: bottom;
}

.grid-action .action-item {
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-image: url(<fl:webapp/>/icons/fleche-titre.gif);
	background-repeat: no-repeat;
	background-color: white;
	background-position: 0% 70%;
}

#searchResult {
	height:100%;
}
.edealGrid {
	/*overflow-y: auto;  Remove overflow-y: auto; from here if it is already set in .edealGrid div#grid-data in order to avoid having two vertical scrollbars side by side in grids. */
	/*overflow-x: auto;*/
	position:relative;
	z-index:1;
}

.edealGrid div#grid-data {
	/*clear: both;*/
	/*overflow-x: auto;Tooltip fix*/
	/*overflow-y: auto; remove this line if scrollbar horizontal needed in grid*/
	/*height:100%;*/
	/*width:100%;*/
	border:	0px;
	max-height: 100%;
	/*position:relative;*/
	padding-left: 1px;
	padding-right: 1px;
	z-index:1;
}

.edealGrid div#grid-data table {
	width:99%;
}

.listDataValue {
	overflow: hidden;
	margin: 1px 0px 1px 0px;
	font-size: small;
	color: rgb(0, 0, 0);
	font-family: Arial, Verdana, sans-serif;
	vertical-align: top;
	width:auto;
}

.listDataValue select {
 	width:auto;
}

.listDataValue input {
 	width:auto;
}

.listDataValue div {
	overflow: visible;
	width:auto;
}

td.listDataValue div {
	height: auto;
} 

td.listDataValue div.textarea{
	margin-right:	4px;
	width:	auto;
}


.edealGrid div#grid-data table thead{
	border-bottom: 0px;
}

.edealGrid div#grid-data table tbody{
/*	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;*//*Tooltip fix*/
}
.edealGrid div#grid-data table th{
	padding-left:0px;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px 0px 5px;
	text-align: left;
}
.edealGrid div#grid-data table tfoot th{
	padding-left:0px;
	border-top: 1px solid #ccc;
	border-bottom: 0px;
	padding: 0px 5px 3px 5px;
	text-align: left;
}
.edealGrid div#grid-data table td{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 3px 5px 3px 5px;
}
.edealGrid div#grid-data table td.titreInterneSmalltabs {
	border: 0px;
}
.edealGrid div#grid-data table td td {
	border: 0px;
	padding: 0px;
	vertical-align: middle;
}
.edealGrid div#grid-data table .smallFieldPart {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}
.edealGrid div#grid-data table th, .edealGrid div#grid-data table td{
}
.edealGrid th, .edealGrid th a{
	color: #84A6AE;
	text-align: left;
	font-size:12px;
}
.edealGrid tbody{
}
.edealGrid div#grid-data table tr, .edealGrid div#grid-data table td.entry  {
}
.edealGrid div#grid-data table tr tr, .edealGrid div#grid-data table tr.fieldline {
	border: 0px;
}

 .edealGrid div#grid-data table.fieldTable, .edealGrid div#grid-data table.fieldTable tr,  .edealGrid div#grid-data table.fieldTable td {
 	padding: 0px;
 	margin: 0px;
 }

.edealGrid label {
	padding-left: 5px;
}

.edealGrid input {
}


.sort-asc {width:16px;background:url(<fl:link url="/icons/ico/flecheH.gif"/>) 0 0 no-repeat;}
.sort-desc {width:16px;background:url(<fl:link url="/icons/ico/flecheB.gif"/>) 0 0 no-repeat;}

.sort-asc, .sort-desc {
	padding-left: 18px;
} 

.edealGrid div#grid-data table tr.even {	
	background-color: #EBF4F6;
}

.edealGrid div#grid-data table tr.odd {
}

.edealGrid div#grid-data table tr.active-selection-true {
	background-color:#c1cdd8;
}

.edealGrid div#grid-data table .preview {
	margin-left:20px;
	padding-left:4px;
	border-left: 1px solid #ddd; 
}
.edealGrid div#grid-data table .preview-icon {
	float:left;
	width:16px; height:26px;
	background: url(<fl:link url="/icons/ico/report_magnify.png"/>) no-repeat;
}

#searchResult {
	background-color: transparent;
	max-height: 100%;
	position: relative;
	top: 25px;
	padding-bottom: 12px;
}
#searchResult h2{
	margin: 0 0 0 0;
	font-size: 14px;
	color: #84A6AE;
	background: url(<fl:link url="/icons/nav/separation-horizontal.png"/>) repeat-x;
} 
#searchResult h2 span{
	background: white;
	padding-right: 5px;
}

#searchResult a.bHideCriteria {
	width:17px; height:17px;
	background: url(<fl:link url="/icons/ico/expand.gif"/>);
	text-decoration:none;
}

#searchResult a.bShowCriteria {
	width:17px; height:17px;
	background: url(<fl:link url="/icons/ico/contraction.gif"/>);
	text-decoration:none;
}

/*
.edealGrid div#grid-data table{
	width: 90%;
}
*/
/*
#resultZone{
	background-color: white;
	max-height: 100%;
	position: relative;
}
#resultZone h2{
	margin: 0 0 0 0;
	font-size: 14px;
	color: #84A6AE;
	background: url(<fl:link url="/icons/nav/separation-horizontal.png"/>) repeat-x;
}
#resultZone h2 span{
	background: white;
	padding-right: 5px;
}
input.btMassEdit , label.btMassEdit{
	float: right;
}
#resultZone > div{
	display: none;
}
#resultZone div#infoBox{
	width: 325px;
	margin-left: auto;
	margin-right: auto;
}
#resultZone div#infoBox.info{
	background: url(<fl:link url="/icons/info_box/blue-background.gif"/>) bottom;
}
#resultZone div#infoBox.warn{
	background: url(<fl:link url="/icons/info_box/yellow-background.gif"/>) bottom;
}
#resultZone div#infoBox.err{
	background: url(<fl:link url="/icons/info_box/red-background.gif"/>) bottom;
}
#resultZone div#infoBox h3{
	color: white;
	font-size: 5px;
	margin: 0 ;
	padding: 5px 0 0 10px;
	height: 7px;
}
#resultZone div#infoBox.info h3{
	background: white url(<fl:link url="/icons/info_box/blue-head.gif"/>) top;
}
#resultZone div#infoBox.warn h3{
	background: white url(<fl:link url="/icons/info_box/yellow-head.gif"/>) top;
}
#resultZone div#infoBox.err h3{
	background: white url(<fl:link url="/icons/info_box/red-head.gif"/>) top;
}
#resultZone div#infoBox p{
	padding: 2px 15px 15px 15px;
	margin: 0;
	font-size: 10pt;
}

#resultZone .edealGrid div.data{
	margin-top:	5px;
}
*/

/*

.edealGrid div#grid-data table thead{
	border-bottom: 1px solid rgb(193,205,216);
}
.edealGrid div#grid-data table th{
	padding-left:15px;
	border-bottom: 1px solid rgb(193,205,216);
}
.edealGrid div#grid-data table th, .edealGrid div#grid-data table td{
	border-right: 1px dotted rgb(193,205,216);
}
.edealGrid th, .edealGrid th a{

	color: #84A6AE;
	text-align: left;
	font-size:small;
}
.edealGrid tbody{
	font-size:10pt;
}
.edealGrid div#grid-data table tr{
	border-bottom: 1px dotted threedshadow;
}

.edealGrid div#grid-data table tr.even {
	
	background-color: YELLOW;
}

.edealGrid div#grid-data table tr.odd {
}

.edealGrid td {
	padding:0 5px;
}
*/

/*Tooltip*/
tr.tooltip td {
	border-right: 0px none #ccc;
    padding: 0 0 0 0;
	border-bottom:0px none #DDDDDD;
	border-left:0px none #DDDDDD;
	border-right:0px none #DDDDDD;
	vertical-align:	middle;
	white-space:nowrap;
}

table.tooltip_cells td{
	padding: 0 10px 3px 0;
}

.edealGrid div#grid-data table.tooltip_cells td{
	padding: 0 5px 0 0;
}

.bubbleInfo {
   position: relative;
   display:inline;
   z-index:2;
   top:0;
}

.innerPopup{
	background-color: white;
	vertical-align: middle;
	border-color:white;
	border-style: none none none none;
	border-width: 0 0 0 0;
}

a.instruction-link {
	color: #777777;
	text-decoration: none;
	font-size:10px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-image: url(<fl:webapp/>/icons/fleche-titre.gif);
	background-repeat: no-repeat;
	background-position: 0% 70%;
}


a.instruction-link img {
	vertical-align: bottom;
}


.bgaction_ajax_msg { color: #777;	font-size: 9px;}
.bgaction_ajax_msg.warn { color: orange;}
.bgaction_ajax_msg.error  { color: red; }
.bgaction_ajax_msg.fatal { color: red;	}

.message_alert {
	background: #fff6bf url(<fl:webapp/>/icons/alert/exclamation.png) center no-repeat;
	background-position: 15px 50%; 
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
	
.message_info {
	background: #F8FAFC url(<fl:webapp/>/icons/alert/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
}

.message_error {
	background: #FFBFBF url(<fl:webapp/>/icons/alert/error.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #FF2424;
	border-bottom: 2px solid #FF2424;
}
<!--[if !IE]><!-->
fieldset {
    border: 2px solid #A0C7D1;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	}
<!--<![endif]-->


div.input input.search {
	display:inline;   
}
input.search {
	padding: 2px 5px;
}