/* global begin */

#container{

	width:				962px;
	#width:				962px;
	_width:				1000px;

	margin-left:		auto;
	margin-right:		auto;
	padding:			18px;
	padding-top:		3px;
	border-right:		1px solid #0A6A8B;
	border-left:		1px solid #0A6A8B;
	background-color:	white;
	min-height:			100%;
	overflow:			auto;
	text-align:			left;

}

* html #container {	height:		100%;
					overflow:	visible;}

*:first-child+html #div {
					overflow:	visible;}

HTML{
	height:				100%;
}
BODY{
	text-align:			center;
	height:				100%;
}

#marge DIV{
	margin-left:		12px;
	margin-right:		12px;
}
#marge{
	margin-top:			18px;
	float:				left;
	background-color:	#D4DAC0;
	width:				194px;
	margin-bottom:		80px;
}
#content{
	margin-top:		18px;
	padding-left:	18px;
	float:			left;
	width:			750px;

	padding-bottom:	80px;
}



.paddingTop{
	padding-top:	20px;
}
.paddingBottom{
	padding-bottom:	20px;
}
	
		






/* footer begin*/

		.footer DIV{ 			padding-bottom:		24px; }
		.footer A, .footer DIV{ padding-top:		4px;	}

		.footer{

			position:			relative;
			top:				-50px;
			height:				50px;

			clear:				both;
			text-align:			center;
			vertical-align:		bottom;
		}

		.footer A{ 
			padding-left:	6px;
			padding-right:	6px;
		}


		.footer,  .footer A, .footer A:visited, .footer A:hover, .footer A:link{
			font-weight:		normal;
			color:				#888888;
		}


/* footer end*/





.cadre, 
.cadre_light, 
.cadre_trans{


	/*padding:		6px;*/
	margin-bottom:	12px;
	float:			left;
	width:			100%;

	/*
		padding:		6px;
		margin-bottom:	12px;
		float:			left;
		width:			100%;
	*/

}

.cadre_inside{
	
	margin:				6px;
	

}



.multiFormContainer DIV{
	margin-left:	6px;
	margin-right:	6px;
}

		


		P{
			text-align:			justify;
			margin:				0px;
			margin-bottom:		12px;
			margin-top:			12px;

		}

/*form class begin*/

		.valide_err{	
			border:				1px solid red;
			margin:				1px;
			background-color:	#FFE9E9;
		}

		.valide_ok{	
			border:				1px solid #00FF00;
			margin:				1px;
			background-color:	#E9FFE9;
		}

		.tr_dynamic TD{
			/*padding-left:		0px;*/
			/*border-bottom:		#aaaaaa 1px solid;*/

		}


/*form class end*/

		.tbHome{
			border-right:	1px solid gray;
			border-top:		1px solid gray;

		}


		INPUT, SELECT{
			font-family:		"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;

		}


		BODY, TD, INPUT, SELECT  {
			font-size:			12px;
			font-family:		verdana;
			color:				#666666;
			margin:				0px;

		}

		INPUT, SELECT {
			font-size:			14px;
		}

		#content, #content TD{
			font-size:			14px;
			font-family:		"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
		}

		.verduna *{
			font-size:			12px;
			font-family:		"verdana";
		}


		H1{
			margin-top:			0px;
			padding-top:		12px;
			margin-top:			-12px;
			margin-bottom:		0px;
			/*padding-bottom:		12px;*/
			clear:				both;
		}


		.H1_header{
			margin-top:			0px;
			padding-top:		12px;
			margin-top:			-12px;
			margin-bottom:		0px;
			padding-bottom:		12px;
			clear:				both;
		}


		INPUT, TEXTAREA{
			position:			relative;
		}

		.admin *{
			font-family: verdana;
		}
		

		.admin LI{
			margin-bottom: 2px;
		}


		.bubble{

			z-index:		70;
			font-size:		12px;
			font-family:	verdana;

			position:		absolute;
			display:		hidden;
			top:			-999px;
			left:			0px;			

		}
		.bubble_txt{

			font-size:		11px;
			font-family:	verdana;
		}

		#xMsg{
			padding:5px;
			margin-bottom: 4px;
		}



		.center, .center DIV{
			text-align: center;
		}
		.spacing{
			padding:	10px;
			margin:		10px;
		}

		TEXTAREA{ font-size: 12px; font-family:		Verdana; }

		FORM{	margin: 0px;}


		.a_small A,.a_small A:LINK,.a_small A:VISITED,
		.a_small,.a_small:LINK,.a_small:VISITED{	font-size:12px; font-weight:normal; color: #666666; font-family: verdana;}
		.a_small A:HOVER,
		.a_small:HOVER{	font-size:12px; font-weight:normal; color: #999999;  font-family: verdana;}

		A,A:LINK,A:VISITED{	color: #006182; font-weight:bold; }
		A:HOVER{			color: #777777; font-weight:bold; }



		.a_grey A,.a_grey A:LINK,.a_grey A:VISITED,
		.a_grey,.a_grey:LINK,.a_grey:VISITED{	color:#8B8C8E;}
		.a_grey A:HOVER,
		.a_grey:HOVER{	color: #8B8C8E;}

		HR { height: 1px; color: #CCCCCC; }

		IMG{	border-color:	#000000;
				border:			0px;}


		.bold, bold *, .bold a:link, .bold a:hover,	.bold a:visited, .bold a:active{
			font-weight: bold;
		}


		.gridTitle, .gridTitle td{ background-color: #EEEEEE; font-weight: bold;}



		.tiny{
			font-size: 10px;
		}



		.title, .BigTitle, listHeader, minititle {
			font-family: Arial, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
		}


		H1, .MidTitle, .BigTitle, {
			font-family: arial, sans-serif;
		}
		
		.title{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 3px;
		}

		.title a:link, .title a:visited, .title a:active, .title a:hover,
		{

			text-decoration:	none;
			font-size:			14px;
			font-weight:		bold;
			margin-bottom:		3px;
			font-family:		"Arial", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;

		}



		.MidTitle{
			font-size:18px;
			font-weight:bold;
			margin-bottom: 3px;
		}

		.MidTitle a:link, .MidTitle a:visited, .MidTitle a:active, .MidTitle a:hover{

			text-decoration:	none;
			font-size:			18px;
			font-weight:		bold;
			margin-bottom:		3px;
		
		}

		.BigTitle, H1{ 
			
			font-weight:	bold;
			

			/*color: #09579a;*/

			font-size: 20px;

			/*margin: 1ex;*/
		}





		LI{
			margin-bottom:	4px;	
		}




		#xHelpContainer{
			border:				1px solid black;
		}

/* global end */







/*layout begin*/

		.mainTable{	
			width: 100%;	
			clear: both;
		}

		.tableList{
			width:				100%;
			border-spacing:		0px;
			border-collapse:	collapse;
		}
		.tableList TD{
			padding: 4px;
		}


/* menu begin */


		.mn0{
			width:				100%;
			height:				24px;
		}
		.mn0 DIV{
			
			font-size:			12px;

			text-align:			center;

			padding-left:		10px;
			padding-right:		10px;

			float:				left;

			line-height:		24px;
			height:				24px;

		}

		.mn0_on{
			font-weight:		bold;
		}


		 .mn1{
			font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
			font-size: 14px;
			margin-bottom: 3px;
		}


		.mn0 A, .mn0 A:link, .mn0 A:visited, .mn0 A:hover,
		.mn1 A, .mn1 A:link, .mn1 A:visited, .mn1 A:hover,



		.mn1 A, .mn1 A:link, .mn1 A:visited, .mn1 A:hover{
			text-decoration:	none;
			font-weight:		normal;
		}

		.mn1_on A, .mn1_on A:link, .mn1_on A:visited, .mn1_on A:hover{
			font-weight:		bold;
		}


		.mn2{
			font-weight:		normal;
		}


		.mn2{
			margin-top: 1px;
			font-size: 13px;

		}
		.mn2 A, .mn2 A:link, .mn2 A:visited, .mn2 A:hover{
			font-weight:		normal;
		}

		.mn2_on A, .mn2_on A:link, .mn2_on A:visited, .mn2_on A:hover{
			font-weight:		bold;
			font-size:			14px;
		}

/*menu end*/

		.hotSpot A{
			text-decoration: none;
			font-weight:	 bold;
		}

/*layout end*/









/*Image border begin*/

	.PhotoBorder{ 
		margin:					3px;
		padding:				7px;
		float:					left;
		text-align:				center;
		display:				inline;
	}


/*Image border end*/







/* list style begin */

	.listHeader, .listHeader TD{
					border-top:			solid 1px #BCC9D4;
					border-bottom:		solid 1px #BCC9D4;
					font-size:			14px;
					color:				#5B5B5B;
					height:				26px;
					font-weight:		bold;
					background-image:	url(/images/bgtitle.gif);

	}

	.listHeader A,
	.listHeader A:HOVER,
	.listHeader A:VISITED{ color:#282248;}


	.tbGrid{	
		border-left:	1px solid #B8BABB;
		border-top:		1px solid #B8BABB;
	}

	.tbGrid TD{	
		padding:		2px;
		border-right:	1px solid #B8BABB;
		border-bottom:	1px solid #B8BABB;
	}



	.head1, .head2, .head1 TD, .head2 TD, .head3,  .ToolbarLeft *{
		font-family:		Helvetica, "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	}
	.mn0, .mn4{
		font-family: verdana;
	}

	.head1{
		text-align:			center;
		padding:			0px;
		padding-right:		4px;

	}

	.head1, .head1 TD{
		font-size:			14px;
		/*font-weight:		bold;*/
		line-height:		26px;
		height:				26px;

	}

	.head2{
		text-align:			center;
	}

	.head2, .head2 TD{
		font-size:			12px;
		/*font-weight:		bold;*/
		text-align:			center;
		line-height:		21px;
		height:				21px;

	}

	.head2 DIV{
		margin-right:	4px;
		margin-left:	4px;
	}

	.head1 TD, .head2 TD, .head1 TD TD, .head2 TD TD{
		text-align:			left;
		padding-top:		0px;
		padding-bottom:		0px;
		padding-left:		4px;
		padding-right:		4px;
	}


	.list1 A{
			text-decoration:        none;
	}

	.list1, .list2{
			padding-left:                   8px;
			padding-right:                  8px;
			padding-bottom:                 2px;
			font-size:                              12px;
	}
	.list1 DIV, .list2 DIV{
			padding-bottom:                 4px;
			padding-top:                    4px;
	}
	.list1 DIV{
			text-align:                             center;
			font-weight:                    bold;
	}
	.list1 TD{
			padding-top:    5px;
			padding-bottom: 5px;
	}




	.tbPadding TD{		padding-bottom:	24px; }
	.tbPadding TD TD{	padding-bottom:	4px; }

	.tbRight TD{ /*must be after .head2*/
		text-align:		right;
	}

/* list style end */






/*profile begin*/

		.highlight{
			font-weight:		bold;
			background-color:	#FFFF00;

		}



		.tbTooltip{
			border:				solid 1px #282248;
			background-color:	#FCFCFC;

		}

		.tbTooltipViewerA, .tbTooltipViewerA:visited, .tbTooltipViewerA:link{
			color:white;
			background-color: black;
			padding:2px;
		}
		.tbTooltipViewer, tbTooltipViewer *{
			background-color:	black;
			color:				white;
			font-size:			13px;
		}

/*profile end*/










/*cropper begin*/

.zone_over
{
	filter:				alpha(opacity=30);-moz-opacity:.30;opacity:.30;
	position:			absolute;
	border:				1px solid black;
	background-color:	#00FF00;
	/*background-image:	url(/images/bgZoneOver.gif);*/
}

/*cropper end*/

.button{
	padding-top:			2px;
	padding-bottom:			2px;
}
.button_small{
	padding-top:			1px;
	padding-bottom:			1px;
}

.button, .button_small{
	font-size:				14px;
}

.button_xsmall{
	font-size:				12px;
}

.button, .button_small, .button_xsmall{
	
	/*font-weight:			bold;*/
	font-family:			arial;
	cursor:					pointer;


}




/* item */



	.ItemRight{
		float:					left;
		padding-left:			12px;
		width:					450px;

	}


	.ItemBottom{
		clear:					both;

	}

	

	.dTitle{
		float:					left;
		padding-top:			4px;
		padding-bottom:			4px;
		font-weight:			bold;
		width:					100px;
		border-top:				solid 1px #E3E3E3;
	}

	.dContent{
		padding-left:			4px;
		padding-top:			4px;
		padding-bottom:			4px;
		float:					left;
		width:					325px;
		border-top:				solid 1px #E3E3E3;
	}

	.dContent DIV{
		float:					left;
	}


	.dTitleProperty{
		float:					left;
		width:					150px;
		padding-top:			4px;
		padding-bottom:			4px;
		border-top:			solid 1px #E3E3E3;
	}



	.dContentProperty{
		font-weight:			bold;
		padding-left:			4px;
		float:					left;
		width:					223px;
		padding-top:			4px;
		padding-bottom:			4px;
		border-top:				solid 1px #E3E3E3;
	}


	.ItemProperty{
		clear:					both;
		border-bottom:			solid 1px #E3E3E3;
		width:					754px;
		margin-top:				12px;
		margin-bottom:			8px;
	}

	.ButtonImg{
		padding-bottom: 8px;
		padding-top:	8px;
	}

/*todo isole them in a specific css ?*/
	.msgOriginal{
		
		margin-bottom:		8px;
		width:100%;
		padding-bottom:		6px;

		clear:			both;

		
		_margin-right:		0px;



		float:left;
	
	}
	
	.msg{

		padding-top:		20px;
		padding-bottom:		20px;
		margin-right:		40px;
		margin-left:		40px;
		
		clear:				both;
	}



/*round box code*/


	.top-left-1, .top-right-1, .bottom-left-1, .bottom-right-1,
	.top-left-2, .top-right-2, .bottom-left-2, .bottom-right-2,
	.top-left-3, .top-right-3, .bottom-left-3, .bottom-right-3{ 
		height:		9px;															/* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
		font-size:	2px;															/* DNC: correction IE for height of the <div>'s */
	}

	.top-left-4, .top-right-4, .bottom-left-4, .bottom-right-4{
		height:				5px;															/* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
		font-size:	2px;
	}

	.top-left-1, .bottom-left-1,
	.top-left-2, .bottom-left-2,
	.top-left-3, .bottom-left-3{ 
		margin-right: 9px;									/* CHANGE: replace by the width of one of your corners */
	}

	.top-left-4, .bottom-left-4{
		margin-right: 5px;
	}

	.top-right-1, .bottom-right-1,
	.top-right-2, .bottom-right-2,
	.top-right-3, .bottom-right-3{ 
		margin-left: 9px;									/* CHANGE: replace by the width of one of your corners */
		margin-top: -9px;									/* CHANGE: replace by the height of one of your corners */
	}
	
	.top-right-4, .bottom-right-4{ 
		margin-left: 5px;									/* CHANGE: replace by the width of one of your corners */
		margin-top: -5px;	
	}

	.top-right-1,
	.top-right-2,
	.top-right-3,
	.top-right-4{
		background-position: 100% 0;						/* DNC: position right corner at right side, no vertical changes */
		}
	.bottom-left-1,
	.bottom-left-2,
	.bottom-left-3{
		background-position: 0 -9px;						/* CHANGE: replace second number by negative height of one of your corners */
	}

	.bottom-left-4{ 
		background-position: 0 -5px;						/* CHANGE: replace second number by negative height of one of your corners */
	}

	.bottom-right-1,
	.bottom-right-2,
	.bottom-right-3{ 
		background-position: 100% -9px;						/* CHANGE: replace second number by negative height of one of your corners */
	}

	.bottom-right-4{ 
		background-position: 100% -5px;						/* CHANGE: replace second number by negative height of one of your corners */
	}

	.inside-1, .inside-1 TD,
	.inside-2, .inside-2 TD,
	.inside-3, .inside-3 TD,
	.inside-4, .inside-4 TD{

		padding-left:		10px;					/* YCC: all texts at some distance of the left border */
		padding-right:		10px;					/* YCC: all texts at some distance of the right border */
	}

	.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
	.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.page_result a{
	text-decoration: none;
}
.page_result{

	cursor:pointer;
	float:left;
	margin:1px;
	padding:4px;
	border:1px #CCCCCC solid;

}


.BigButton {
	font-size: 16px;
}

.BigButton INPUT, .BigButton SELECT  {

	font-size:			18px;
	padding:			3px;
	font-weight:		bold;
	font-family:		verdana;
	margin:				0px;
	border:				1px solid #AAAAAA;

}

.small_log, .small_log *, .small_log A:link, .small_log A:hover, .small_log A:active, .small_log A:visited{
	font-size:	11px;
}

.small_log DIV{
	float:left;
}

.login_top DIV{
	float:			left;
	padding-left:	4px;
	font-size:		10px;
	padding-bottom:	2px;
}

.login_top SELECT{
	font-size:		11px;
}

.x_close{

	font-size:		18px;
	cursor:			pointer;
	line-height:	20px;
	margin-top:		-24px;
	float:			right;
	width:			20px;
	border:			1px #CCCCCC solid;

}

.no_marge_left{
	float:			left;
	text-align:		center;
}

.no_marge_right{
	float:			left;
	text-align:		center;
	padding-left:	32px;
	margin-left:	32px;
	border-left:	1px solid #AAAAAA;
}