html, body { margin:0px; padding:0px; background: white url(gfx/bg_20.gif) repeat-x top; background-attachment: fixed; font-size: 12px; font-family: Trebuchet MS, Helvetica, sans-serif; color: #3b4f5f; height: 100%; }

		body 					{ vertical-align: middle; height: 100%; text-align: center; }
		
		.wrapper {
			
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -16px;
			
		}
		
		.ftr				{ clear: both; background: #000000; color: white; text-align: right; padding-right: 10px; height: 16px; font-size: 12px; }

		a 					{ text-decoration: none; color: #3b4f5f; }
		a:hover 				{ text-decoration: underline; color: #fe9613; }

		img 					{ border:none; }

		.search_form					{ margin: 0px; padding: 0px; }
		input.search_input			{ margin-left: 10px; width: 125px; height: 15px; font-size: 11px; font-face: Trebuchet MS; }
		input.search_btn			{ float: right; margin-right: 0px; border: 0px; margin-top: 5px; }

		.lnk20 { color: #3f4f69; text-decoration: none; }
		.lnk20:hover { color: orange }

		.mnulnk { color: #5a6d8d; text-decoration: none; }
		.mnulnk:hover { color: orange }


		.blulink { color: #0b7cc2; }


		img { border:none; }

		h1 { font-size: 22px; }
		


		/* window / section title bar */
		.win_ttl { background: #113b66; margin-top: -1px; border-bottom: 1px solid #CED4CA; margin-left: -21px; margin-right: -21px; padding: 4px; padding-left: 10px;  font-size: 13px; font-weight: bold; color: white; }





			/* facebook style tooltip */

			#nTip {
				position: absolute;
				display: none;
			}
			
			#nTip #nTip_Text {
				font-weight: bold;
				background-color: #000000;
				color: white;
				padding: 5px;
			}
			
			#nTip .dwn_arrw { text-align: center }






	
	input.nbtn
	{
	   font-size:12px;
	   line-height: 20px;
	   padding-left: 10px;
	   padding-right: 10px;
	   font-family:myriad pro, trebuchet ms;
	   font-weight:bold;
	   color:#3e3e3e;
	   height: 20px;
	   background-image:url(../gfx/btnbg.png);
	   border-style:solid;
	   border-color:#bdbdbd;
	   border-width:1px;
	}
	
	input.nbtn[disabled] { color: silver; }
	



	/* sub tabs in modules */
	.tmp_tab, .tmp_tab_sel { background: #f5f5f5; padding: 4px 12px 3px 12px; border: 1px solid silver; border-bottom: 0px;}
	.tmp_tab_sel { border-color: gray; background: white;  border-top: 3px solid orange !important; font-weight: bold; padding-bottom: 4px; }




/* try to fix that for ie */
.rounded_box {
	
	-moz-border-radius: 3px;
	background: #ebebeb;
	border: 1px solid #cacaca;
	padding: 1px;
	
}


	.messageGrey {
		
		margin: 15px;

		background: #f1f1f1;
		-moz-border-radius: 5px 5px 5px 5px;
		border: 1px solid #dadada;
		color: black;
		font-size: 11px;
		line-height: 1.27273;
		
	}

	.messageYellow {
		
		margin: 15px;

		background: #fffee2;
		-moz-border-radius: 5px 5px 5px 5px;
		border: 1px solid #fee3b7;
		color: black;
		font-size: 11px;
		line-height: 1.27273;
		
	}



	.yellowbox { position: relative; border: 1px solid #ffdfac; background: #ffffe1; padding: 4px; margin-bottom: 4px; color: gray; }
	.graybox { position: relative; border: 1px solid #e6e6e6; background: #f6f6f6; padding: 4px; margin-bottom: 4px; color: gray; }

	.greenbox { position: relative; border: 1px solid #83d168; background: #ebfdea; padding: 4px; margin-bottom: 4px; color: gray; }








.floatingmsgcontainer
{
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
}

.floatingmsgcontainer  .floatingmsgbox
{

	display: none; 
	width: 500px; 
	background-color: #ffffe1;
	margin: auto auto;
	border: 2px solid red; 
	padding: 10px;
	font-size: 14px;
	color: red;
	font-weight: bold;
	text-align: center;
	display: none;
	
}


		
		
		
		#menubar {
			margin: 0 0 0 0;
			padding 0 0 0 0;
			background: #f1f6fa url(gfx/hdr_mnu_bg.gif) repeat-x;
			width: 100%;
			height: 27px;
			text-align: right;
			float: none;
			font-size: 14px;
			color: #6d81a2;
			letter-spacing: 1px;
		}

		.header 			{ height: 65px; background: white url('../gfx/hdr_bg.jpg') repeat-x center center; text-align: left; padding: 10px; }	
		.header h1 			{ padding-top: 0px; color: white; margin: 0px; margin-top: 12px; margin-left: 32px; line-height: 26px; }

		.highlight { background: yellow; color: black; }

		.error { color: red; }

		
		.account_main { text-align: left; padding: 10px; padding-left: 20px; padding-right: 20px; padding-top: 0px; margin-bottom: 20px; float: right; width: 748px; height: 100%; border: 1px solid #CED4CA; background: white; }
		.account_main h1 { color: #0b7cc2; }
		
		
		.account_menu { float: left; clear: none; }
		
		.account_main .sectionTtl 		{ background: #0b7cc2; color: white; }
		.account_main .sectionTtl h1 	{ margin: 4px; line-height: 18px; font-size: 17px; padding: 0px; color: white; }
		
		
		.exit 			{ width: 160px; text-align: right; float: right; clear: none; position: relative; padding-right: 10px; }		
		
		
		
		.dotted			{ border-bottom: 1px dotted gray; }
		.dottedl		{ border-left: 1px dotted gray; border-bottom: 1px dotted gray; }
		.dottedln		{ border-left: 1px dotted gray; }
		
		
.event-bar {
	padding-left: 3px;
	color: #b2bdc1;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	background-color: #f5f8f9;
}







	.module_menu { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; margin-bottom: 10px; display: block; border-bottom: 1px solid #dee4da; margin-left: -20px; margin-right: -20px; padding-left: 10px; line-height: 24px; background: #f5f5f5; }
	.module_menu li { list-style: none; display: inline; padding-left: 5px; padding-right: 5px; border-right: 1px dotted silver; border-bottom: 0px; }
	.module_menu li:last-child { border-right: none; }
	
	.module_menu li a { text-decoration: none; border-bottom: 0px; }
	.module_menu li a:hover { color: #4499ff; }

	.module_menu li.sel a { color: #4499ff; }





		
		
		
				#sidebar-2 { width: 150px; }

				.sidebar {
					text-align: left;
					padding: 20px;
					
					padding-top: 0px;
					
					border:solid 1px #CED4CA;
					float: left;
					background-color:#FFFFFF;
					font-size: 0.9em;
				}

				
				.auth {
					text-align: left;
					padding-top: 0px;
					border:solid 1px #CED4CA;
					background-color:#FFFFFF;
					font-size: 0.9em;
				}
				
				.auth .hdr { color: white; margin: 1px; background: #429ad0; padding: 4px; padding-left: 10px; }
				table .hdr { color: white; margin: 1px; background: #429ad0; padding: 4px; padding-left: 10px; }
				.auth .content { padding: 20px; padding-top: 8px; }

				/* h1 { text-indent: -9000px; margin: 0; display: none;} */
				h2 { margin-top: 25px; margin-bottom: 0; font-size: 16px; }
				h2 a { color: #63b4cd; }
				h3 { font-size: 14px; color: #666; }

				p {	line-height: 1.5em;	margin: 1.2em 0; }

				ol, ul {
					line-height: 1.5em;
					margin: 1.2em 0 1.2em 2em;
					}
				ul li,
				ol li{ margin-bottom: 0.2em; }

				img, a img{ border:0px;}

				
				em{
					font-style: normal;
					font-weight: bold;
					color: #ef6c6c;
					}

				blockquote {
					margin: 0 20px;
					padding: 0 20px;
					border-left: 4px solid #E8E7D0;
					font-size: 0.9em;
					}

				pre{
					display: block;
					margin: 1.0em 1.5em 1.0em 0;
					padding-left: 0.8em;
					border-left: 1px solid #ccc;
					background-color: #eee;
					overflow: auto;
					}

				code{font-family: monospace;  font-size: 11px; background-color: #eee;}
				pre code{ line-height: 1.3em;}

				kbd{
					background-color: #ddd;
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					font-size: inherit;
					font-family: inherit;
					padding: 0 3px 2px 4px;
					}

				del, del * { text-decoration: line-through; }

				.small {
					font-size: 0.9em;
					color: #999;
					}



				/*********sidebars***************/
				.sidebar h2 {
					display: inline;
					margin: 1.2em 0 0.6em 0;
					padding: 0 10px 0 0;
					color: #0b7cc2	;
					background: url(imagenes_qwilm/arrow.gif) no-repeat center right;
					font-size: 1.1em;
					}

				.sidebar ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
					}
				.sidebar ul ul {
					margin: 1.0em 0 1.5em 0;
					border-top: 1px solid #dee4da;
					}
				.sidebar ul ul li {
					padding: 0px 10px 3px 10px;
					border-bottom: 1px solid #dee4da;
					}
				.sidebar ul ul li a {
					display: block;
					margin: 0px 0px 0px -10px;
					padding: 2px 10px 0px 10px;
					} 
				.sidebar ul ul li a:hover {
					background-color: #f3f3f3;
					}
		
				.sidebar .sel {
					background: #e3eef8 url(../gfx/blu_arrw.gif) no-repeat right 5px; font-weight: bold;
					} 
		
				.sidebar ul ul li img { float: left; margin-right: 5px; margin-top: 2px; margin-left: -4px;  display: inline; margin-right: 5px; }
		
		
		
		/* legend at the bottom of an app/module window */
		.legend { color: gray; }
		
		
		
		
		
		
		

		#container {
		
			width:780px;
			background: white;
			border-left: 2px solid #323e52;
			border-right: 2px solid #323e52;
			margin: 0px auto;
			text-align: left;
			line-height: 130%;
		}

		#top {
			padding: 0px;
			margin: 0px;
			background: #f1f6fa;
			border-bottom: 1px solid #d9d9e1;
		}





		#spotlight {

			width: 100%;
			height: 180px;
			float: none;
			background: url(gfx/static_stars.jpg) no-repeat; 
			border-bottom: 1px solid #d9d9e1;

		}

		#logon {
			display: none;
			width: 100%;
			height: 180px;
			float: none;
			background: url(gfx/logon3.jpg) no-repeat; 
			border-bottom: 1px solid #d9d9e1;

		}




		#top h1 {
			padding: 0;
			margin: 0;
		}



		#leftnav {
			float: left;
			width: 120px;
			margin: 0;
			padding: 1em;
		}




		#content {
			padding: 1em;
			margin-bottom: 20px;
		}



		#footer {
			clear: both;
			padding: 2px;
			padding-left: 15px;
			margin: 0px;
			background-color: #ddd;
			color: #333;
			border-top: 1px solid gray;
			border-bottom: 2px solid #323e52;
		}


		#leftnav p { margin: 0 0 1em 0; }
		#content h2 { margin: .5em 0 .5em 0; }















		.box { clear: both; text-align: left; margin 0 0 0 0; }



		.box_l {
			float: left;
			width : 10px;
			height: 96px;
			color : #000000;
			padding : 0px;
		}

		.box_r {
			float: right;
			width : 9px;
			height: 96px;
			color : #000000;
			padding : 0px;
		}

		.box_tbar {
			height: 30px;
			padding : 0px;
			color : #000000;
			background: url(gfx/v2/table/t.gif) repeat-x top;
		}

		.box_h { margin: 0px; padding: 1px; padding-top: 4px; font-size: 16px; font-weight: 900; color: #3b4f5f; letter-spacing: 1px; }


		.box_content {
			padding : 15px;
			padding-top: 7px;
			color : #000000;
		}

		.box_corner_img_l {
			width: 10px;
			height: 30px;
			border: 0px;
			padding: 0px;
			margin: 0px;
			display: inline;
			float: left;  }

		.box_corner_img_r {
			width: 9px;
			height: 30px;
			border: 0px;
			padding: 0px;
			margin: 0px;
			display: inline;
			float: right;  }

		.box_edge_img {
			border: 0px;
			padding: 0px;
			margin: 0px; }


		.box_icon_l { position: relative; float: left; top: -30px; }
		.box_icon_r { position: relative; float: right; top: -30px; margin-left: -40px; }
















		.tbl { position: relative; }
		.tbl_tbar_content { width: 100%; height: 62px; }
		.tbl_ttl { font-size: 16px; font-weight: 900; color: #3b4f5f; letter-spacing: 1px; padding-top: 2px }
		.tbl_info {text-align: center; valign: middle; font-weight: 900; font-size: 10px; }

		.tbl_content 		{ padding: 5px; }


		.tbl2 			{ margin:0px; padding:0px; width: 100%; }



		.tbl2_ttl_box 			{ width: 135px; padding:3px; vertical-align: top; padding-top: 8px }
		.tbl2_ttl_content		{ width: 100%; color: #3b4f5f; }
		.tbl2_ttl 					{ font-size: 16px; font-weight: 900; text-align: right; color: #3b4f5f; }
		.tbl2_info 				{ font-size: 9px; text-align: right; }
		.tbl2_icon 				{ padding-top: 10px; text-align: center }

		.tbl2_content_box 	{ padding: 3px; padding-left: 14px; vertical-align: top; }
		.tbl2_content_table 	{ height: 100%; width: 100%; }
		.tbl2_content			{ height: 100%; font-size: 12px; }


		.cat_group_row		{ border-bottom: 1px solid #f4f4f4; vertical-align: top; text-align: center; width: 100%; padding-top: 5px; padding-bottom: 5px; }

		.big_text		{ font-size: 26px; font-weight: 900; }
		.big_text_org		{ font-size: 26px; font-weight: 900; color: #fe9613; }








	
		.table3_box { padding: 0px; margin: 0px; background: white; position: relative; width: 100%; }
	
		.table3_top_row { height: 6px; width: 100%; background: url(gfx/v2/table3/t.gif) repeat-x; }
		.table3_tr { background: url(gfx/v2/table3/tr.gif) no-repeat; width: 6px; height: 6px; padding: 0px; margin: 0px; float: right; }
		.table3_tl { background: url(gfx/v2/table3/tl.gif) no-repeat; width: 6px; height: 6px; padding: 0px; margin: 0px; float: left; }
		
		.table3_bot_row { clear: both; height: 6px; width: 100%; background: url(gfx/v2/table3/b.gif) repeat-x top; }
		.table3_bl { background: url(gfx/v2/table3/bl.gif) no-repeat; width: 6px; height: 6px; padding: 0px; margin: 0px; float: left; }
		.table3_br { background: url(gfx/v2/table3/br.gif) no-repeat; width: 6px; height: 6px; padding: 0px; margin: 0px; float: right; }
		
		.table3_rgt_bdr { position: relative; width: 6px; height: 100%; float: right; background: url(gfx/v2/table3/r.gif) repeat-y; }

		.table3_container { height: 100%; position: relative; padding: 0px; margin: 0px; background: url(gfx/v2/table3/l.gif) repeat-y top left; }
		.table3_content { padding-left: 6px; padding-right: 6px; height: 100%; background: url(gfx/v2/table3/r.gif) repeat-y top right; }











		/* old trouvevite modified */


		.messagebox {

			background: #f3f3f3;
			border:solid 1px #CED4CA;

		}

		.messagebox_content {

			text-align: left;
			padding: 20px;
			padding-bottom: 0px;
			border:solid 1px #CED4CA;
			margin: 5px;
			background-color:#FFFFFF;
			font-size: 0.9em;
		}


		.blktextBX {
			background: #e3ecf6;
			font-size : 8pt;
			color: black;
		}



		.disabledBX {
			background: #f3f3f3;
			font-size : 8pt;
			color: silver;
		}


		.orangeBX {
			background: #ffe2c0;
			font-size : 8pt;
			color: #4C7399;
		}


		.msgboxBDY {
			background: #e3f0f6;
			font-size : 8pt;
			color: #4C7399;
		}