.header
{
	position:absolute;
	left:0;
	right:0;
	top:0px;
	height:40px;
	overflow: none;
	
	border-bottom : solid 1px #ddd;
	background-color: #eee;
}
.header #helpview
{
	position: absolute;
	left: 150px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	overflow-x: none;
	overflow-y: auto;
	color: #00f;
	font-family: arial;
	font-size: 10px;
}

.form_left
{
	position: absolute;
	left:0;
	width:300px;
	top: 40px;
	bottom:0;
	padding:0px;
	margin:0px;
	overflow: hidden;
}
.form_right
{
	position: absolute;
	left:301px;
	right:0;
	top: 40px;
	bottom:0;
	padding:0px;
	margin:0px;
	overflow: hidden;
}


/** section liste **/

.formlist
{
	margin: 2px;
	padding: 8px;
	border : solid 1px #ddd;
	background-color: #f8f8f8;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
	display: block;
	
	position: absolute;
	left:0;
	right:0;
	top: 0;
	bottom: 0;
}

.formlist .element
{
	overflow-x: hidden;
	overflow-y: hidden;
	
	font-weight: bold;
		
	border-bottom : solid 1px #ddd;

}
.formlist .element > .sub
{
	font-weight: normal;
	font-size: 8px;
	text-align: right
}
.formlist .element .details
{
	overflow-x: hidden;
	overflow-y: hidden;
		
	margin-left: 20px;
	
	border-left : solid 1px #ddd;
	border-right : solid 1px #ddd;
	border-top : solid 1px #ddd;
}
.formlist .element .details .inside
{
	font-weight: normal;
	border-bottom : solid 1px #ddd;
}

.formlist .element .details .inside > .sub
{
	font-weight: normal;
	font-size: 8px;
	text-align: right
}

.formlist .edit
{
	cursor: pointer;
}
.formlist .edit:hover
{
	cursor: pointer;
	background-color: #e8e8e8;
}
.formlist .create
{
	cursor: pointer;
	height:16px;
	width:16px;
	background-image: url('/i/16/add.png');
	background-repeat: no-repeat;
	background-position: center center;
	float:right;	
}
.formlist .view
{
	cursor: pointer;
	height:16px;
	width:16px;
	background-image: url('/i/16/a_right.png');
	background-repeat: no-repeat;
	background-position: center center;
	float:right;	
}
/** section normale **/
.form
{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow-y: auto;
	padding:0px;
	margin:0px;
}
.form .section
{
	display: block;
	float: left;
	width: 250px;
	margin: 2px;
	padding: 8px;
	border : solid 1px #ddd;
	background-color: #f8f8f8;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.form .help
{
	height:16px;
	width:16px;
	background-image: url('i/ask.png');
	background-repeat: no-repeat;
	background-position: center center;
	float:right;
	margin-top:-2px;
}
.form .section > .title
{
	font-weight: bold;
	font-family: arial, verdana;
	font-size: 14px;
	color: #111;
	border-bottom:solid 1px #ddd;
	margin-bottom:8px;
}
/******************************/
.form .sectiontable
{
	display: block;
	float: left;
	width: auto!important;
	margin: 2px;
	padding: 8px;
}
.form .sectiontable thead
{
	height: 20px;
}
.form .sectiontable thead th
{
	height: 20px;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;

	background-color: #444;
	color: #eee;
}
.form .sectiontable TBODY td
{
	border-bottom: solid 1px #ddd;
}
.form .sectiontable td
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
}

/******************************/

.form .section .field  
{
	margin-bottom:4px; 
	afloat: left;
}
.form .section .field > .title
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 12px;	
	color: #666;

}
.form .section .field > .input
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 12px;
}
.form .section .field > .infos
{
	font-weight: bold;
	font-family: arial, verdana;
	font-size: 12px;
	margin-left: 20px;
}

.form .section .field .input> input[type="text"]
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size:	12px;
	width:		99%;
	max-width:	150px;
}
.form .section .field .input> textarea
{
	font-weight: normal;
	font-family: "Courier new";
	font-size:	12px;
	height:		90px;
	width:		99%;
	max-width:	150px;
	
} 

.form .section .field .input  select
{
	width:		99%;
	max-width:	150px;
}

.form .section .field .input  option
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 12px;
	color : #111;
	background-color: #fff;
}
.form .section .field .input  optgroup
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 10px;
	color : #666;
	background-color: #eee;
}
.form .section .field .sample
{
	font-size: 10px;
	color : #666;
	font-style:		 	italic;
}
.form .interactive
{
	display:none;
}

/******************************/

.toolWindow .input> input[type="text"]
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size:	12px;
	width:		99%;
}
.toolWindow.input> textarea
{
	font-weight: normal;
	font-family: "Courier new";
	font-size:	12px;
	height:		90px;
	width:		99%;
	
} 

.toolWindow .section .input  select
{
	width:		99%;
}

.toolWindow .section .input  option
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 12px;
	color : #111;
	background-color: #fff;
}
.toolWindow .section  .comment 
{
    background-color: #e0e0e;
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    font-family: Verdana;
    font-size: 10px;
    color: #888;
    margin: 5px;
    overflow: auto;
    padding: 5px;
    width: auto;
	min-height: 20px;
}
/******************************/

.report
{
	color : #666;
	
}

.report .section
{
	border : solid 1px #ddd;
	background-color: #f8f8f8;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 2px;
	padding: 8px;
}

.report .section > .title
{
	font-weight: bold;
	font-family: arial, verdana;
	font-size: 14px;
	color: #111;
	border-bottom:solid 1px #ddd;
	margin-bottom:8px;

}
.report .section  .field  
{
	margin-bottom:4px;
}
.report .section  .field  > .title
{
	font-weight: normal;
	font-family: arial, verdana;
	font-size: 12px;
	color: #666;

}
.report .section  .field  > .title .value,
.report .section  .field  > .value
{
	font-weight: bold;
	font-family: arial, verdana;
	font-size: 12px;
	color: #000;
	padding-left: 20px;
}
.report .section  .field  > .text
{
	font-family: "Courier new";
	font-weight: normal;
}

/******************************/

.printable
{
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	
	position : absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	
	background-color: #fff;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	
	overflow: auto;
}

.printable td ,.printable th
{
	padding-left: 5px;
	padding-right: 5px;
}
.printable .tabtable
{
	background-color: #fff;
	font-size: 10px;
	font-weight: normal;
}
.printable .tabtable td
{
	background-color: #fff;
	color: #aaa;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
}
.printable .tabtable .title
{
	background-color: #fff;
	color: #000;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
.printable .tabtable .value
{
	background-color: #fff;
	color: #aaa;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
}
.printable .tablist
{
	border-top: solid 1px #888;
}
.printable .tablist th
{
	background-color: #888;
	color: #f8f8f8;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
.printable .tablist td
{
	background-color: #fff;
	color: #444;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	border-bottom: solid 1px #888;
}
.printable .tablist td.info
{
	background-color: #fff;
	color: #444;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	border-bottom: solid 1px #888;
}

/*** fenetre avec petit titre **/

.toolWindow
{
	position:	absolute;
	z-index:	999;
	margin:	0px;
	padding:	0px;
	overflow: hidden;

	border:		solid 1px #888;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.toolWindow > .title
{
	border:		solid 1px #888;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	background-color: #888888;
	color: #ffffff;
	
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	
	padding-left:	3px;
	padding-right:	3px;
	
	position:	absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 15px;
}
.toolWindow > .content
{
	border:		solid 1px #fff;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	background-color: #ffffff;
	color: #222222;
	overflow-x: hidden;
	overflow-y: hidden;

	position:	absolute;
	top: 16px;
	left: 0px;
	right: 0px;
	bottom: 13px;	
}

.toolWindow > .sizer
{
	border:		solid 1px #888;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	background-color: #888888;
	color: #222222;
	overflow: hidden;

	position:	absolute;
	height: 12px;
	left: 0px;
	right: 0px;
	bottom: 0px;	
}
.toolWindow .editform_addAllFields
{
	position: absolute;
	left:	2px;
	bottom:	0px;
	height:	16px;
	width:	20px;
	cursor: pointer; 
	
	background-image: url('/i/16/cardaddall.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.toolWindow .editform_addOneField
{
	position: absolute;
	left:	54px;
	bottom:	0px;
	height:	16px;
	width:	20px;
	cursor: pointer; 
	
	background-image: url('/i/16/cardaddall.png');
	background-repeat: no-repeat;
	background-position: center center;
	
}


.form .group 
{ 
	abackground-color: 	#CCC;
	aclear: both; 
	width: 450px;
	margin: 2px;
	float : left; 
	padding-bottom: 10px;

	background-color:	#FFFFFF;	
	border:	solid 1px #3B9DCC;
	-webkit-border-radius: 	8px;
	-khtml-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 			8px;
}

.form .group .grouptitle
{ 
	amargin-left: 2px;
	amargin-right: 2px;	
	font-size: 			14px;
	font-weight: 		bold;
	text-align: 		center;
	color:				#000;
	background-color:	#3B9DCC;
	padding: 			2px;
	clear: both; 
	margin-bottom: 5px;

	border-radius: 6px 6px 0px 0px;
	a-webkit-border-radius: 	5px 5px 0px 0px;
	a-khtml-border-radius: 	5px 5px 0px 0px;
	a-moz-border-radius: 	5px 5px 0px 0px;
	aborder-radius: 			5px 5px 0px 0px;
}
.form ._formfld 
{
	cursor: pointer;
}

.form .field 
{ 
	clear: 				both; 
	margin-left: 		20px;
	margin-right: 		3px;
	padding-top: 4px;
	padding-bottom: 2px;
}

.form .fieldline
{
	clear: both; 
}

.form .field .libelle
{
	font-weight: normal;
	color: #666;
	width: 150px;
	float: left;
}

.form .field .unknown
{
	color: #000;
	max-width: 250px;
	float: left;
}

.form .field .value
{
	font-weight: bold;
	color: #008;
	width: 350px;
	float: left;
}
.form .field .input
{

	font-weight: bold;
	color: #008;
	width: 350px;
	float: left;
}

.form .buttons
{
	position: absolute;
	clear: both; 
}
.form .buttons .button
{
	float: left;
	width:32px;
	height:32px;
}


.form .field .input
{
	width: 400px;
	float: left;
}
.form .field .sep
{
	clear: both; 
}

.form .field .input A
{
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
	font-weight: normal;
}
.form .field .input A:hover
{
    text-decoration: underline;
}
.form .field .input textarea
{
	width: 400px;
	height: 45px;

	border: 1px solid #BDC7D8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	padding: 3px;	
}
.form .field .input SELECT
{
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 2px;
 	height: 21px;
}
.form .field .input INPUT[type="text"]
{
	width: 400px;
	
	border: 1px solid #BDC7D8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	padding: 3px;		
}
.form .field .input INPUT[type="date"]
{  
	
	border: 1px solid #BDC7D8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
    cursor: pointer;
	padding: 3px;		
    width: 65px;
    color: #3B5998;
}

.form .field  .timeadd
{
 	width: 19px;
	height: 19px;
	display: inline-block;
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	border-color: #999999 #999999 #999999;	
	border-style: solid;
	border-width: 1px;
    background-repeat: no-repeat;
	background-image: url("/i/timesel.gif");
	background-position: 2px 3px;
	vertical-align: top;

}
.form .field  .dateselect
{

 	width: 19px;
	height: 19px;
	display: inline-block;
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	border-color: #999999 #999999 #999999;	
	border-style: solid;
	border-width: 1px;
    background-repeat: no-repeat;
	background-image: url("/i/datesel.gif");
	background-position: 2px 3px;
	vertical-align: top;

}
.form .field .input INPUT[type="button"]
{
	width: 50%;

	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	background-color: #eeeeee;
	border-color: #999999 #999999 #999999;	
	border-style: solid;
	border-width: 1px;
	line-height:normal !important;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	outline: medium none;
	padding: 2px 6px;
	white-space: nowrap;	
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:15px;
}

.form .field .input INPUT[type="submit"]
{
	width: 80%;
	
	background-color: #5B74A8;
	background-position: 0 -48px;
	border-color: #29447E #29447E #1A356E;	

	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
	afont-size: 13px;
	font-weight: bold;
	margin: 0;
	outline: medium none;
	padding: 1px 0 2px;
	white-space: nowrap;	
	
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:15px;
}
.form .group._formfldselected,
.form .field._formfldselected
{
	background-color: #FF0000!important;
}

/******************************/
.tabmanager
{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.tabmanager .menu
{
	position: absolute;
	left:2px;
	right:2px;
	top:2px;
	height:21px;
	z-index:2;
}
.tabmanager .menu .button
{
	float: left;
	width: 60px;
	height:17px;
	border: solid 1px #888;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #eee;
	font-family: verdana, arial;
	font-size: 10px;
	text-align: center;
	
}
.tabmanager .menu .button.active
{
	height:17px;
	border-bottom: solid 1px #fff;
	background-color: #FFF;
}
.tabmanager .cards
{
	position: absolute;
	left:2px;
	right:2px;
	top:20px;
	bottom:2px;
	border: solid 1px #888;
}

.tabmanager .cards .card
{
	overflow-y:auto;
	overflow-x:hidden;
	display: none;
	padding:2px;
}
.tabmanager .cards .card.active
{
	display: block;
}

.bkacceptdrop
{
	background-image: url('/i/acceptfiles.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 200px;
}