body { font: 12px Verdana; }
input, select, textarea { font: 12px Verdana; }

div.header_menu{
	height: 24px; margin: 5px; padding: 3px; 
	background: #EFE08F; /*DDDDDD  EFE08F */
	vertical-align: center;
	border: 2px solid #FFFFFF; border-bottom: 2px solid #666666; border-right: 2px solid #666666;
	}
/*adding a class for filters supposed to be on one single line*/
.inline-label-input{
  padding:0 1em;
  white-space: nowrap;
}
.inline-label-input label{
  margin-right:0.5em;
}
.inline-label-input input[type="checkbox"]{
  position:relative;
  top:2px;
}
div.header_table{
	margin-left: 5px; margin-right: 5px;
	margin-bottom: 0; vertical-align: sub; 
	position: absolute; bottom: 0; 
	}
div.centre_input{
	background: #FBF9D9;  /*EEEEEE  FBF9D9 */
	margin-left: 5px; margin-right: 5px; 
	border: 3px solid #666666; border-bottom: 3px solid #DDDDDD; border-right: 3px solid #DDDDDD;
	}
div.footer_menu{
	height: 18px; margin: 5px; padding: 0; 
	background: #AAAAAA; 
	vertical-align: center;
	}
div.footer_table{
	margin-left:5px; margin-right: 5px;
	}	
input.btn_gen{
	width: 90px;
	height: 22px;
	vertical-align: center; text-align: center;
	font: 12px Verdana;
	}
input.btn_gen_court{
	width: 60px;
	height: 22px;
	float: left;
	vertical-align: center; text-align: center;
	font: 12px Verdana;
	}




div.btn_gen{
	width: 90px; height: 18px; padding: 1px; padding-bottom: 0; float: left; 
	background: #D4D4C9; color: #000000;
	border: 1px solid #FFFFFF; border-bottom: 2px solid #555555; border-right: 2px solid #555555;
	text-align: center; vertical-align: bottom;
	font: 12px Verdana;
	text-decoration: none;
	}
a.ancre{
	text-decoration: none;
	color: #000000;
	}
	
div.obli { /*obli dans la colonne label*/
	float: right;
	color: red; 
	margin-right: 2px; 
	font: 8px Verdana;
	}
div.text {
	float: left;
	}
	
div.obli2{ /*obli mais dans la colonne content*/
	float: left;
	color: red; 
	margin-right: 2px; 
	font: 8px Verdana;
	}	

	
/* ### TABLEAUX ### */	
#bud_menu { 	vertical-align: top; background: #DDDDDD; }

#bud_content {
	vertical-align: top;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	background: #EEEEEE;
	}

#bud_total{
	margin-top: 2px; 
	vertical-align: top;
	text-align: right;
	background: #FFFFFF; 
	/*position: absolute; top: 0; */
	}

	
/* ########## BOUTON ##########*/
input.btn_icone {
	width: 20px; height: 20px; 
	opacity: 0; filter: alpha(opacity=0);
	cursor: pointer; 
	}

	
/* ########## HINTBOX ##########*/
#hintbox{ /*CSS for pop up hint box */
	position: absolute;
	top: 0; width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	background: #FFFFFF; /*lightyellow  */
	border:1px solid black; border-right: 3px solid black; border-bottom: 3px solid black;
	font:normal 11px Verdana; line-height:18px;
	z-index:100; visibility: hidden;
	}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
	color: #000000; text-decoration: none; 
	}	

input.boxUser	 {width:  80px; }	
input.boxDate	 {width:  80px; }
input.boxTri 	 {width:  30px; }

input.inputbox_deux	 {width:  20px; }
input.inputbox_mont	 {width:  80px; text-align: right; }	
input.inputbox_montpt  {width:  75px; text-align: right; }	
input.inputbox_date	 {width:  80px; }

/* ########## MESSAGES ##########*/
div.message	{padding-left: 10px;}
.message span{font-weight: bold; margin-left: 5px;}
.message span.msgOk   {color: #336600;}
.message span.msgNok {color: #FF0000;}
.message span.msgWng {color: #FF6600;}


/* ########## DETAIL ###########*/
#user_content { margin-left: 30px; margin-top: 20px; }
#user_content_det { margin-left: 10px; margin-top: 10px; }

#user_content tr 	{height: 25px;  }
/*td.label			{width: 120px; 	text-align: left;}*/
td.input			{width: 450px; 	text-align: left;}
textarea.content	{width: 450px;  height: 80px; }

th.left, td.left 	  	{text-align: left; 	}
th.cent, td.cent 	 	{text-align: center;}
th.right, td.right 	{text-align: right;	}
.titre th 	 {border-bottom: 1px solid #000000; }
tr.titre  	 {height: 25px; }
tr.detail 	 {height: 25px; }


/* ######### SORTABLE TABLE ############ */
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	/*border: 1px solid #000;*/
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	/*text-align: left;*/
	/*padding: 2px 4px 2px 4px;*/
	/*width: 100px;*/
	/*border-style: solid;*/
	/*border-color: #444;*/
}
table.sortable th {
	/*border-width: 0px 1px 1px 1px;*/
	/*background-color: #ccc;*/
}
table.sortable td {
	/*border-width: 0px 1px 0px 1px;*/
}
table.sortable tr.odd td {
	/*background-color: #ddd;*/
}
table.sortable tr.even td {
	/*background-color: #fff;*/
}
table.sortable tr.sortbottom td {
	/*border-top: 1px solid #444;*/
	/*background-color: #ccc;*/
	/*font-weight: bold;*/
}
.sortable th a { /**/
	color: #000000;
	text-decoration: none;
}

/* ########## AJOUT COMMENTAIRE ET ANNEXE ########### */
#annexes #CommentEdit, [id^="FileSearch"]{
  background-color:#fff;
  padding:10px;
  border:1px solid #999;
  border-radius:10px;
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.21);
}