/* Tallieu & Tallieu nv - www.tnt.be*/

		a:active, a:focus {
			outline: none;
		}
	
	
	
		div,ul,li,h1,h2,p
		{
		margin: 0px;
		padding: 0px;

		}
		
		div#txt a	{
		color: #542187;
		}
		html
		{
		height: 100%;
		}
		
		body	{
			margin: 0;
			padding: 0;
			font: 11px/18px "Lucida Grande", FreeSans, Arial, sans-serif;
			color: #000;
		}
		body#efa-aef{
			background: #f00;
			height: 100%;
		}
		body#popup	{
		
		}
		
		.wrp
		{
		margin: 0px auto 0px;
		text-align: center;
		width: 80% !important;
		width: 774px;
		max-width: 1100px;
		min-width: 774px;
		}
	
		
		#language
		{
		text-align: right;
		padding: 5px;
		}
		
		#language a, #language a:link, #language a:visited
		{
		color: #fff;
		font: 10px/18px "Lucida Grande", FreeSans, Arial, sans-serif;
		}
		
	
	
		
		#content
		{
		border: 5px #330066 solid;
		background-color: #fff;
		padding: 5px;
		/*-width: 100%;*/
		}
		
	
		
		#header
		{
		background-color: #000;
		height: 100px;
		}
		
		
		
		#calendar
		{
		border-top: 1px #fff solid;
		border-bottom: 1px #fff solid;
		background-color: #FF0000;
		height: 30px;
		font: 10px/30px "Lucida Grande", FreeSans, Arial, sans-serif;
		width: 100%;
		margin: 0;
		position: relative;
		}
		
		
		
		
		#calendar span
		{
		width: 30px;
		height: 30px;
		background-color: #FFCC00;
		color: #FF0000;
		float: left;
		display: inline;
		font: bold 13px/30px "Lucida Grande", FreeSans, Arial, sans-serif;
		}
			
		#calendar span a	{
		text-decoration: none;
		color: #f00;
		}
		#calendar span.r
		{
		float: right;
		display: inline;
		}
		
		
		
		#calendar ul#day
		{
		margin: 0px auto 0px;
		text-align: center;
		list-style: none;
		width: 670px;
		}
		
		#calendar ul#day li
		{
		float: left;
		color: #fff;
		}
		
		
		#calendar ul#day li a, #calendar ul#day li a:link, #calendar ul#day li a:visited
		{
		color: #fff;
		float: left;
		padding: 0 4px 0 4px;
		text-decoration: none;
		}
		
		
		
		
		#member
		{
		background: #542187;
		height: 30px;
		text-align: right;
		padding: 3px 5px 3px 0px;
		font: 10px/30px "Lucida Grande", FreeSans, Arial, sans-serif;
		color: #fff;
		}
		#member a{
		color:#ccc;
		text-decoration: none;
		}
		#member a:hover	{
		color: #fff;
		}
		
	/*	#nav
		{
		width: 18%;
		float: left;
		display: inline;
		border-right: 1px #FFCC00 solid;
		}*/
		
		#nav h3
		{
		clear: both;
		background: #fff url(../images/sidebar_bg.gif) no-repeat top left;
		width: 100px;
		height: 102px;
		margin: 20px 0 10px 0;
		text-align: left;
		padding: 15px 0 0 5px;
		font: bold 10px/16px "Lucida Grande", FreeSans, Arial, sans-serif;
		color: #FF0000;
		float: left;
		text-transform: uppercase;
		}
		#nav h3 a	{
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
		color: #f00;
		}
		
		#nav h3 span
		{
		font: 9px/15px "Lucida Grande", FreeSans, Arial, sans-serif;
		}
		
		
		ul#menu
		{
		list-style: none;
		margin: 0px;
		float: left;
		width: 95%;
		}
	
	
		/* main items */
		ul#menu li
		{
		font: bold 11px/18px "Lucida Grande", FreeSans, Arial, sans-serif;
		border-bottom: 1px #542187 solid;
		}
	
	
		ul#menu li a, ul#menu li a:link, ul#menu li a:visited
		{
		width: 100%;
		display: block;
		color: #330066;
		text-decoration: none;
		padding: 5px 0px 5px 0px;
		text-align: left;
		text-indent: 1em;
		
/*
		background: transparent url(../images/bg_menu.gif) no-repeat top left;
*/
		}
		
		ul#menu li a:hover, ul#menu li a#active
		{
		background-color: #aa90c3;
		color: #fff;
		}
		ul#menu li a:hover	{
		text-decoration: underline;
		}
		
		/* submenu */
		ul#menu li ul	{
		list-style-type: none;
		/*border-bottom: 1px #542187 solid;*/
		}
		ul#menu li ul li	{
		font: bold 10px/14px "Lucida Grande", FreeSans, Arial, sans-serif;
		
		border-bottom:none;
		/*text-indent: 1em;*/
		}
		ul#menu li ul li a, ul#menu li ul li a:link, ul#menu li ul li  a:visited
		{
		width: 90%;
		display: block;
		color: #330066;
		text-decoration: none;
		padding: 3px 0px 3px 0px;
		margin: 0 0 0 10%;
		border-top: 1px #cfc0e6 solid;
		text-indent: 0em;
		text-align: left;
		
		}
		ul#menu li ul li a:hover, ul#menu li ul li a#activesub
		{
		background-color: #cfc0e6;
		color: #fff;
		}
		
		/*
		#txt
		{
		display: inline;
		float: right;
		width: 80%;
		text-align: left;
		}*/
		
			#txtcontainer
		{
		/*display: inline;*/
		/*float: right;
		width: 80%;*/
		position: relative;
		+zoom:1; /* fix IE bug */
		margin-left: 180px;
		padding: 0 0 0 10px;
		text-align: left;
		}
		#txtcontainer #txt	{
		float: left;	
		width:100%;
		}
		#nav
		{
		/*width: 18%;*/
		width: 180px;
		float: left;
		display: inline;
		border-right: 1px #FFCC00 solid;
		}
		#txt h3	{
		/*text-indent: 1em;*/
		}
		
		#txt h3 a	{
			font-weight: normal;
			margin-left: 20px;
			}
		#txt h2
		{
		font: bold 18px/20px "Lucida Grande", FreeSans, Arial, sans-serif;
		color: #FF0000;
		text-align: left;
		margin: 15px 0 15px;
		letter-spacing: 1px;
		}
		
		
		#txt p
		{
		text-align: left;
		margin: 10px 0px 10px 0px;
		}
		
		
		#txt ul
		{
		list-style-type: none;
		list-style-position: inside;
		text-align: left;
		margin: 0 0 15px 15px;
		}
		
	
		#txt ul li
		{
		background: transparent url(../images/bullet.gif) no-repeat top left;
		padding: 0 0 4px 10px;
		_padding: 0 0 4px 0px;
		}
		
		
		
		div#footer
		{
		color: #542187; 
		border-top: 1px #330066 solid;
		margin: 15px 0 0 0;
		text-align: left;
		padding: 5px 0 3px 0;
		height: 40px;		
		}
		
		div#footer a, div#footer a:link, div#footer a:visited
		{
		color: #542187; 
		text-decoration: underline;
		font-weight: bold;
		}
		
		div#footer a:hover
		{
		text-decoration: none;
		}
		
		
		div#footer h2
		{
		font: 10px/18px "Lucida Grande", FreeSans, Arial, sans-serif;
		}
		
		div#footer h2 span
		{
		font-weight: bold;
		}
		
		div#footer div#sponsors	{
		float: right;
		}
		div#footer div#sponsors a:hover	{
		text-decoration: none;
		}
		div#disclaimer
		{
		text-align: right;
		font: 9px/18px "Lucida Grande", FreeSans, Arial, sans-serif;
		color: #fff;
		clear: both;
		}
		
		
		span#tallieu
		{
		float: left;
		}
		
		span#tallieu a, span#tallieu a:link, span#tallieu a:visited, #disclaimer a,#disclaimer a:link, #disclaimer a:visited
		{
		color: #fff;
		text-decoration: underline;
		}
		
		span#tallieu a:hover
		{
		text-decoration: none;
		}
		
/* forms */
fieldset	{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000;
	}
fieldset legend	{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 3pt;
	}
label	{
	float: left;
	clear: left;
	display: block;
	width: 14em;
	text-align: right;
	margin: 3pt 4pt 3pt 0;
	}
label.small	{
	width: 100px;
	}
input, select, textarea	{
	width: 300px;
	border: 1px solid #f00;
	float: left;
	clear: right;
	margin: 3pt 0 3pt 0;
	}
textarea	{
	height: 200px;
	
	}
textarea.maxlength, textarea.toomuch	{
	width: 24em;
	height: 300px;
	margin-right: 1em;
	}
textarea.toomuch	{
	color:#fff;
	background: #f00;
	}
input.radio, input.checkbox, input.check	{
	width: auto;
	height: auto;
	border: 0px;
	}
input.button, button	{	
	clear: both;
	float: right;
	width: 8em;
	border: 1px solid #000;
	margin: 1em 10em 1em 0em;
	}
fieldset img.form_logo	{
	margin-left: 14em;
	clear: both;
	}
fieldset#addressbook	{
	border: 0px;
	}
fieldset#addressbook label	{
	width: 200px;
	}
fieldset#addressbook select	{
	width: auto;
	}
dt	{
	font-weight: bold;
	}
dd	{
	border-left: 1px #542187 solid;
	margin-left: 1em; 
	padding-left: 1em; 
	}
dd span	{
	font-weight: bold;
	}
a.extension	{
	padding: 5px 5px 5px 25px;
	margin: -5px 5px -5px 0;
	height: 20px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid transparent !important;/* transparent border because IE moves stuff around on hover otherwise*/
	border-bottom: 1px solid #fff;/* white border because IE6 doesn't seem to know what transparent is*/
	background: url(../images/icon_generic.png) no-repeat center left; /*if the filetype isn't defined in css, we show a generic icon. Could be useful in the future*/
	}
a.extension:hover	{
	border-bottom: 1px solid #000 !important;
	background-color: #eee;
	}
#txt ul.formats	{
	height: 20px;
	clear:both;
	}
#txt ul.formats li	{
	background: none;
	float: left;
	}
a.xls	{
	background: url(../images/icon_excel.png) no-repeat center left;
	}
a.pdf	{
	background: url(../images/icon_pdf.png) no-repeat center left;
	}
fieldset br	{
	clear: both;
	}
input.date	{
	width: 80px;	
	}
#datepicker	{
	position: absolute !important;
	display: inline !important;
	display: block; /*IE6==fail */
	position: auto;
	_width: 200px;
	_height: 200px;
	background: transparent;
	margin:0 0px 0 5px;
	}
#datepicker table	{
	border: 1px solid #000 !important;
	border: none;
	background: #fff;
	}
#datepicker	{
	border-collapse: collapse;
	}
#datepicker #header	{
	height: auto;
	background: transparent;
	}
#datepicker #header td.close	{
	border-bottom: 1px solid #000;
	}
#datepicker td.pickerweekday	{
	background: #ccc;
	text-align: center;
	}
#datepicker #header td.close img	{
	float: right;
	cursor: pointer;
	}
#datepicker td.pickerday	{
	width: 24px;
	}
#datepicker a	{
	text-decoration: none;
	font-weight: bold;
	color: #333;
	/*padding: 2px;*/
	/*border: 1px solid #fff;*/
	
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	}
#datepicker a:hover	{
	background: #999;
	color: #fff;
	}
.pager	{
	text-align: center;
	padding: 2px 0 10px 0;
	}

form#picgallery	.uploadpic	{
	float: left;
	margin-bottom: -90px;
	}
form#picgallery	fieldset label{
	/*width: 300px;*/
	/*float: right;*/
	margin-left: 60px;
	width: 160px;
	}
form#picgallery	fieldset img.cal	{
	float: left;
	}
ul.thumbs	{
	list-style-type: none;
	list-style-image: none;
	}
#txt ul.thumbs li	{
	padding: 0;
	background: none;
	float: left;
	margin: 5px;
	}
a img	{
	border: none;
	}
.warning	{
	border: 1px solid #f00;
	background: #f00;
	color: #fff;
	font-weight: bold;
	padding: 1em;
	}
#introtext	{
	max-width: 600px;
	}
#introtext p	{
	text-align: justify;
	}
#memberxlschoose select	{
	width:  auto;
	}
#memberxls_form input	{
	width: 24em;
	}

div.thumbs	{
	float: left;
	width: 120px;
	height: 200px;
	text-align: center;
	}
div.thumbs img	{
	clear: both;
	float: left;
	margin: 0 10px 0 10px;
	}

#members_benefits	{
	float: right;
	display: block;
	width: 98px;
	height: 85px;
	text-indent: -100em;
	overflow: hidden;
	margin-top: -40px;
	background: url('../../newpublic/images/benefits_slide.gif') no-repeat top right;
	}
#members_benefits.fr	{
	background: url('../../newpublic/images/benefits_slide_fr.gif') no-repeat top right;
	}
#members_benefits:hover	{
	background: url('../../newpublic/images/benefits_slide.gif') no-repeat bottom right;
	}
#members_benefits.fr:hover	{
	background: url('../../newpublic/images/benefits_slide_fr.gif') no-repeat bottom right;
	}
fieldset#login {
	border: 1px solid #ccc;
	padding:10px 0 0 0;
	margin:0;
	
	
	}
fieldset#login legend	{
	background: #fff;
	font-weight: bold;
	color: #000;
	padding: 2px 10px 2px 0px;
	/*width: 100%;*/
	font-size: 12px;
	}
fieldset#login input	{
	width: 150px;
	clear: none;
	}
fieldset#login label	{
	width: 6em;
	clear: none;
	}
fieldset#login button	{
	float: none;
	margin: 5px 0 5px 340px;
	border: 1px solid #000;
	}
fieldset#login a.forgot	{
	float: left;
	margin: 5px 0 -30px 72px;
	}
/* addressbook */
.addressbook dt	{
	float: left;
	width: 120px;
	clear: left;
	font-weight: normal;
	padding-left: 1em;
	}
.addressbook dt.nature	{
	clear: both;
	width: 100%;
	margin-top: 15px;
	font-weight: bold;
	padding-left: 0;
	}
.addressbook dd	{
	border: none;
	float: left;
	width: 460px;
	}
#txt .addressbookfunctions 	{
	clear: both;
	margin: 0px 0 0 0;
	padding: 20px 0 0 0;
	}
#txt .addressbookfunctions li	{
	float: left;
	background: none;
	padding: 0px 10px 0 0;
	margin:0;
	}
fieldset.contact input, fieldset.contact textarea	{
	width: 200px;
	}
fieldset.contact label	{
	width: 50px;
	}
fieldset.contact textarea	{
	height: 5em;
	}
fieldset.contact .address	{
	float: left
	}
fieldset.contact .other	{
	float: left;
	}
	
fieldset.select	{
	border-top: 1px solid #542187;
	width: 560px;
	margin:0;
	}
fieldset.select legend	{
	padding-bottom: 0px;
	}
#txt fieldset.select p	{
	margin-top: 0px;
	}
	
form	{
	margin: 0;
	padding:0;
	display: inline;
	}
fieldset.delete	{
	border-top: 1px solid #542187;
	width: 560px;
	background: #e9d8fb;
	margin:0;
	padding-top: 5px;
	}
fieldset.edit	{
	width: 560px;
	border-top: 1px solid #542187;
	background: #e9d8fb;
	margin:0;
	padding-bottom: 5px;
	}
fieldset.select button	{
	float: left;
	clear: none;
	width: auto;
	padding: 3px;
	margin: 0 0 4px 5px;
	}	
fieldset.edit button, fieldset.delete button	{
	margin: 0 100px 0 0;
	}

dl#organisationcontactdetails dt	{
	float: left;
	clear: left;
	width: 150px;
	padding: 0 0 0 15px;
	}
dl#organisationcontactdetails dd	{
	float: left; 
	width: 300px;
	border: 0px;
	}
#txt ul.news li	{
	background: transparent;
	padding: 0;
	}
#txt ul.news li span.date	{
	float: left;
	width: 7em;
	}
#txt ul.news li span.lang	{
	float: left;
	width: 3em;
	}
div#organisationlogo	{
	float: right;
	}
table.documents	{
	width: 100%;
	}
table.documents td	{
	vertical-align: top;
	padding: 2px;
	}
table.documents td.date	{
	width: 6em;
	text-align: right;
	}
table.documents td.title	{
	font-weight: bold;
	}
table.documents th	{
	background: #306;
	color: #fff;
	padding: 3px;
	}
table.documents tr.odd td	{
	background: #ebe6f0;
	}
table.documents tr:hover, table.documents tr.odd:hover	{
	background: #ededed;
	}
table.documents tr.year td	{
	background: #714D94;
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	}
table.table	{ /* looks odd, but this is basically a table that's really being used as a table */
	border: 1px solid #000;
	border-collapse: collapse;
	}
table.table td, table.table th	{
	border: 1px solid #000;
	padding: 2px;
	}
table.table td.num{
	text-align: right;
	}
.upload_button	{
	padding: 5px 2px 5px 30px;
	background: transparent url('../images/btn_upload.gif') no-repeat center left;
	}
.contactdetail, .eventdetail	{
	float: right;
	width: 220px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #542187;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	}
#txt .contactdetail p, #txt .eventdetail p	{
	margin-top:0px;
	}
.contactdetail h3, .eventdetail h3	{
	padding-top: 0px;
	margin-top: 0px;
	}
#calendarselect	{
	/*width: 100%;*/
	text-align: center;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #542187;
	/*padding: 0 20px 10px 20px;*/
	}
#calendarselect .next	{
	float: right;
	background: url('../images/arrow_right.png') no-repeat right center;
	padding: 5px 20px 5px 5px;
	}
#calendarselect .prev	{
	float: left;
	background: url('../images/arrow_left.png') no-repeat left center;
	padding: 5px 5px 5px 20px;
	}
#calendarselect a.next, #calendarselect a.prev	{
	font-weight: bold;
	text-decoration: none;
	}
#calendarselect a.next:hover, #calendarselect a.prev:hover	{
	text-decoration: underline;
	}
#calendarselect select	{
	width: 8em;
	float: none;
	text-align: center;
	}
#calendarselect br	{
	clear: both;
	}
button.updatebutton, button.deletebutton,button.addtocart	{
	clear: none;
	float: none;
	text-indent: -9999em;
	line-height: 100%; /* text-indent isn't enough for IE */
	height:	16px;
	width: 16px;
	background: transparent no-repeat top left;
	border: none;
	cursor: pointer;
	margin: 3pt 0 0pt 0.5em;
	/*margin: 0px 0em 4px 0.5em;*/
	}
button.deletebutton	{
	background-image: url('../../newpublic/images/delete.png');
	/*position:relative;*/
	}
a.editbutton	{
	display: block;
	float: left;
	text-indent: -999em;
	line-height: 100%;
	height:	16px;
	width: 16px;
	background: transparent no-repeat top left;
	background-image: url('../../newpublic/images/edit.png');
	margin: 3pt 0 0pt 0em;
	}
.documentoptions form	{
	display: inline;
	}
.documentoptions	{
	width: 50px;
	}
/* member gallery */
#membersgallery div.thumbs	{
	float: left;
	text-align: center;
	width:150px;
	margin: 0 6px 0 6px;	
	height: 120px;
	}

#membersgallery div.thumbs img	{
	padding: 3px;
	border: 1px solid #999;
	background: #eee;
	vertical-align: middle;
	float: none;
	}
#membersgallery div.thumbs a:hover img	{
	background: #fff;
	}
#membersgallery div.thumbs p	{
	padding: 0 4px 0 4px;
	}
div.bigimage	{
	overflow: auto;
	width: auto !important;
	width: 100%;
	/*padding: 0 0 50px 0;*/
	}
#livesearch	{
   position: absolute;
  /* margin-top: 28px !important;
   margin-top: 3.5em; /* explorer 6*/
   /*margin-left: 160px !important;
   margin-left: -295px; /* explorer 6 */
   float: left;
   /*padding: 1em;*/
   width: 300px;
   border: 1px solid #ccc;
   background: #fff;
   opacity: 0.9;
   }
#livesearch div	{
	cursor: pointer;
	}
#livesearch div:hover	{
	background: #ccc;
	}
.overflowprotection	{
	width: auto !important;
	width: 550px;
	overflow: auto;
	padding:1px 5px 20px 5px;
	}