/*
LEGAL
=====
Copyright: Daemon Pty Limited 1995-2006, http://www.daemon.com.au & http://www.mollio.org/
License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php
Version: 010306
*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 0px;background: #FFFFFF url("images/header_bg.jpg") repeat-x top left;color:#143D55;font:83%/1.5 arial,tahoma,verdana,sans-serif;}
table {color:#143D55;font:83%/1.5 arial,tahoma,verdana,sans-serif;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;border:none;} 
a:link {color:#143D55} 
a:visited {color:#143D55} 
a:hover,a:active {color:#4983A5} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.1em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;color:#143D55;border-bottom: 1px solid #eee;margin: 1.1em 0 .3em;padding-bottom: .1em}
h1 {font-size: 176%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {text-align:right;color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
.hide {xdisplay:none;}

/* LAYOUT - HEADER */
#header {width:100%;margin: 0 0 25px;padding: 0 0 0 0;background: #CDEBFE url("images/header_bg.jpg") repeat-x;}
	#header #txt {background: transparent url("images/header_txt.jpg") no-repeat;}
	#header #site-name {height:106px;margin:0;padding:3px 0;border:none;}
	#header #site-name img {margin:0 0 0 40px;}
	
	/* SEARCH */
	#search {margin: 0 0 1.5em;}

	#ajaxSearch_form {margin:0;color:#143D55;width: auto;}
	#ajaxSearch_input {width:10em;margin: 3px 0 0;padding: 3px;border:1px solid #143D55;background: #F0F9FF url("images/input-bg.gif") repeat-x top left}
	#ajaxSearch_submit {margin: 3px 0 0;padding: 2px;}
	#ajaxSearch_output { border: 1px solid #444;padding: 10px;background: #fff;display: block;height: auto;vertical-align: top;}
	.ajaxSearch_paging {}
	.AS_ajax_result {color: #444;margin-bottom: 3px;}
	.AS_ajax_resultLink {text-decoration: underline;}
	.AS_ajax_resultDescription{color: #555;}
	.AS_ajax_more {color: #555;}
	
	
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

/* LAYOUT - main body of page */
	#wrap {
		margin:0;
		position:relative;
		background: #FFFFFF url(images/content_logo_bg.jpg) no-repeat left bottom;
	}
	#content-wrap {
		position:relative;
		width:1005px;
	}
	#utility {position:absolute;top:0;left:15px;width:205px;border-top: 5px solid #143D55;padding-top: 4px;padding-bottom: 40px}
	#sidebar {position:absolute;top:0;right:25px;width:205px;}
	
	.SBarNews {
		width:205px;
		margin: 0 0 1.5em;
		padding: 0;
		font-size:0.8em;
		color:#143D55;
		background: #F0F9FF url("images/SBarNews_bot.jpg") no-repeat 100% 100%;
	}
	.SBarNews p, .SBarNews h1, .SBarNews h2, .SBarNews h3, .SBarNews h4, .SBarNews h5, .SBarNews h6 {margin: .2em 0 .3em;border:none;color:#143D55;}
	.SBarNews p {border:none;color:#143D55;}
	.SBarNews a {font-weight:bold;}
	.SBarNews h3 {
		margin: 0;
		padding: 0;
		text-align: center;
		border-bottom: 5px solid #143D55;
	}
	.SBarNews h3 a {text-decoration:none;}
	.SBarNewsTop {
		height:6px;
		font-size: 0px;
		background: #F0F9FF url("images/SBarNews_top.gif") no-repeat 100% 100%;
	}
	.SBarNewsItem {
		padding: 10px 10px 1.5em;
		margin: 0;
	}
	.SBarNewsItem h3 {
		margin: 0.5em 0 .3em;
		padding-bottom: .1em;
		text-align: left;
		border: none;
	}
	
	.SBarGallery {
		width:205px;
		margin: 0 0 1.5em;
		padding: 0 0 1.5em;
		font-size:0.8em;
		color:#143D55;
		text-align: center;
		background: #FFF url("images/SBarGallery_bot.jpg") no-repeat 100% 100%;
	}	
	#sidebar .foto {margin: 1em 0 0;position:relative;border: 1px solid #eee;padding:5px;background:#fff}
	#sidebar .foto img {border: 1px solid #000}
	#sidebar .SBarGalleryTop {
		margin: 0;
		height: 6px;
		font-size: 0px;
		background: #FFF url("images/SBarGallery_top.gif") no-repeat 100% 100%;
	}
	
	.SBarEvent {
		width:205px;
		margin: 1.5em 0 1.5em;
		padding: 0 0 1em;
		font-size:0.8em;
		color:#143D55;
		text-align: center;
		background: #FFF url("images/SBarGallery_bot.jpg") no-repeat 100% 100%;
	}
	.SBarEvent h3 {
		margin: 0;
		padding: 0;
		text-align: center;
		border-bottom: 5px solid #143D55;
	}
	
	.SBarEvent table{
		font-size:1em;
	}
	.SBarEventTop {
		margin: 0;
		height:6px;
		font-size: 0px;
		background: #FFF url("images/SBarGallery_top.gif") no-repeat 100% 100%;
	}
	
	.SBarSponsor {
		width:205px;
		margin: 1.5em 0 1.5em;
		padding: 0 0 1em;
		font-size:0.8em;
		color:#143D55;
		text-align: center;
		background: #FFF url("images/SBarSponsor_bot.jpg") no-repeat 100% 100%;
	}
	.SBarSponsor h3 {
		margin: 0;
		padding: 0;
		text-align: center;
		border-bottom: 5px solid #143D55;
	}
	
	.SBarSponsor table{
		font-size:1em;
	}
	.SBarSponsorTop {
		margin: 0;
		height:6px;
		font-size: 0px;
		background: #FFF url("images/SBarSponsor_top.gif") no-repeat 100% 100%;
	}
	
#ExtStatistikButton { text-align: center; margin: 0 0 1.5em;}

#content {margin: 0 50px;width:500px;}
	#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none;margin:0;padding:0px;}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline;margin:0;padding:0px;}
	
	#content #breadcrumb.B_crumbBox {} /* Span that surrounds all crumb output */
	#content #breadcrumb.B_hideCrumb {} /* Span surrounding the "..." if there are more crumbs than will be shown */
	#content #breadcrumb.B_currentCrumb {} /* Span or A tag surrounding the current crumb */
	#content #breadcrumb.B_firstCrumb {padding:0;} /* Span that always surrounds the first crumb, whether it is "home" or not */
	#content #breadcrumb.B_lastCrumb {} /* Span surrounding last crumb, whether it is the current page or not */
	#content #breadcrumb.B_crumb {} /* Class given to each A tag surrounding the intermediate crumbs (not home, or hide) */
	#content #breadcrumb.B_homeCrumb a{margin:0;padding:0;} /* Class given to the home crumb */
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {clear: both;}
	
	.featurebox {color:#143D55;padding: 10px 10px 15px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #F0F9FF url("images/featurebox_bg_fuss.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: .2em 0 .3em;border-bottom: 1px solid #143D55;color:#143D55;}
	.featurebox p {border:none;color:#143D55;}
	.featurebox a {font-weight:bold}

	.thumbnailRight {margin: 0 0 0 10px;position:relative;border: 1px solid #eee;float:right;padding:5px;background:#fff}
	.thumbnailLeft {margin: 0 10px 0 0;position:relative;border: 1px solid #eee;float:left;padding:5px;background:#fff}
	.foto {margin: 0 2px 0 2px;position:relative;border: 1px solid #eee;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #eee}
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.0em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;font-weight:bold;}
	.pagination p a:hover {background:#143D55;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;margin:2px 2px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {text-decoration:none;background:#fff;padding:2px 5px;margin:2px 2px;border: 1px solid #ccc;font-weight:bold;}
	.pagination a:hover {background:#143D55;color:#fff}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%;z-index:300;}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial;}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0;padding:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
	
	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT TYPE B */
	#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT TYPE C */
	#type-c #content-wrap {xbackground: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 25% 0 255px}
	#type-c #wrap {}

/* LAYOUT TYPE D */
	#type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
	#type-e #content {margin: 0 243px 0 50px}


/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0;}
	#footer #FooterMenu {margin: 6px 0;}
	#footer a:link {color:#999;margin:0;}
	#footer span a { border-right: 1px solid #E3E8EE;padding: 0 6px;}
	#footer span.first a { padding-left: 0px;}
	#footer span.last a { border: none;}
	

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

LOGIN Sidebar
Use: loginfrm template
Author: Nick Rigby

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

/* Forms
------------------------------*/
#Login {
	clear: both;
	margin: 0 0 1.5em;
}
form.loginfrm {
	font-size: 0.95em;
	}
	
form.loginfrm form, 
form.loginfrm fieldset {
	margin: 0;
	padding: 0;
	}

form.loginfrm input, 
form.loginfrm textarea, 
form.loginfrm select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
form.loginfrm input {
	float: right;
	width: 120px;
	}
	
form.loginfrm input.textfield {
	padding: 3px;
	border:1px solid #143D55;
	background: #F0F9FF url("images/input-bg.gif") repeat-x top left;
	}
	
form.loginreminder input.textfield {
	padding: 3px;
	border:1px solid #143D55;
	background: #F0F9FF url("images/input-bg.gif") repeat-x top left;
	}
form.loginfrm select { padding: 0; }

form.loginfrm fieldset {
	border: none;
	}
	
form.loginfrm legend {
	font-weight: bold;
	text-align: center;
	color:#143D55;
	margin: 0 -7px; /* IE Win */
	}
	
form.loginfrm label {
	float: left;
	line-height: 1.1;
	vertical-align: top;
	}	
form.loginfrm label.vergessen {
	float: left;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.loginfrm fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.loginfrm fieldset li {
	clear: both;
	list-style: none;
	padding: 5px;
	margin: 0;
	}

form.loginfrm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

/*\*//*/ form.loginfrm legend { display: inline-block; } /* IE Mac legend fix */

.popperlink {
	z-index: 2; 
	visibility: hidden; 
	width: 200px; 
	position: absolute;
}

/*************************************************
SECTION CSS POUR LE CALENDRIER
*************************************************/
.CALxContent{
	margin: 0;
	padding: 0;
	font-size: 1em;
	margin-bottom: 1em;
	margin-right : 1em;
	margin-left : 1em;
	text-align: center;
	color: Black;
}
/***********
CSS POUR LES LIENS ET LE MOIS ANNEE
DE NAVIGATION
************/
.navPeriod{
	text-align: center;
	margin:0;
	padding:0;
	margin:0.4em 0;
	font-size: 1.2em;
	text-decoration: none;
}
.navPeriod a{
	text-decoration: none;
}
.previousYear img,a,span{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}
.previousMonth img,a,span{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}
.nextMonth img,a,span{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}
.nextYear img,a,span{
	margin-right: 2%;
	text-decoration: none;
	border: none;
}

.month{
	margin-right: 0%;
}

.year{
	margin-right: 0%;
}

.CALxTabOfYearContent{
	color: #143D55;
	width: 100%;
}

.CALxTable{
	color: #143D55;
	width: 100%;
}

.CALxTable td{
	border: thin solid #143D55;
}

td.emptyDay{
	font-weight: bold;
	color:white;
}

td.today{
	background-color: rgb(212,227,186);
	font-weight: bold;
}
td.inactDay{
	background-color:#D6E7F4;
}
td.event{
	background-color:rgb(149,169,100);
}
td.multiple{
	background-color:rgb(111,147,72);
}
.titleMulti{
	color:rgb(111,147,72);
}
td.event a{
	text-decoration:none;
	color:black;
}
td.event a:hover{
	background-color:rgb(212,227,186);
}
td.multiple a{
	text-decoration:none;
	color:black;
}
td.multiple a:hover{
	background-color:#D6E7F4;
}
td.dayPreviousMonth{
	background-color: Gray;
}
td.dayNextMonth{
	background-color: Gray;
}


/*************************************************
SECTION CSS POUR LES INFOBULLES
*************************************************/
.linkDetailPopup{
	color:white;
}
.textfontClass {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
}
.textfontClass a{
	color:rgb(111,147,72);
	font-size: 1em;
}
.textfontClass a:hover{
	font-weight: bold;
}
.capfontClass {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
  	color:  #ffffff;
	text-align:left;
}
.closefontClass{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
  color:  #ffffff;
  text-align:right;
}
.capfontClass,.closefontClass a {
	color: #ffffff; 
	font-size: 1em;
}
.fgClass {
	background-color:rgb(212,227,186);
}
.bgClass {
	background-color:rgb(111,147,72);
}