/*
CSS by Oxegena sàrl - www.oxegena.ch
*/

  /******************************/
 /******   BASIC STYLES   ******/
/******************************/

	body{
		font-family:verdana;
		font-size:.8em;
		background:#666 url(/graphics/bg-page.png) top left repeat-x;
		margin:0 30px;
		}
	a{
		text-decoration:none;
		}
	img{
		border-style:none;
		}

  /**********************************/
 /******   STRUCTURE STYLES   ******/
/**********************************/

	/* Header, also contains the shadow of the #page */
	#header{
		width:934px;
		background:url(/graphics/page-shadow-top.png) bottom left no-repeat !important;
		background-image:none;
		}

	#page{
		width:920px;
		height:486px;
		padding:14px 7px 0 7px;
		background:url(/graphics/page-shadow-middle.png) top left repeat-y !important;
		background:url(/graphics/page-shadow-middle.gif) top left repeat-y;
		}

	/* Footer, also contains the shadow of the #page */
	#footer{
		width:934px;
		height:16px;
		background:url(/graphics/page-shadow-bottom.png) top left no-repeat !important;
		background-image:none;
		}

	/* This freaking bloc goes above all the others!  */
	#page-context{
		position:absolute;
		top:96px;
		width:305px;
		left:68px;
		height:500px;
		background:white;
		overflow:hidden;
		border:1px solid gray;
		border-width:0 1px;
		z-index:2;
		}

	#navigation{
		height:84px;
		margin:0 15px;
		padding-left:320px;
		background:#10103f;
		}

	#copyright{
		clear:both;
		position:absolute;
		top:565px;
		width:910px;
		padding:5px;
		text-align:right;
		color:white;
		background:#10103f;
		font-size:9px;
		}

  /******************************************/
 /******   HEADER AND FOOTER STYLES   ******/
/******************************************/

	#header h1{
		margin:0 30px;
		width:310px;
		}
	#header h1 a{
		display:block;
		height:96px;
		background:url(/graphics/districonsult-logo-shadowed.jpg) bottom left no-repeat;
		text-indent:-9999px;
		}

	#header form{
		position:absolute;
		left:700px;
		top:40px;
		}

	#footer p{
		width:280px;
		padding:5px 15px;
		margin:0 30px;
		background:#cdcdd7 url(/graphics/footer-note-bg.png) top left repeat-x;
		font-size:9px;
		position:absolute;
		}

	#footer a{color:black;}
	#footer a:hover{text-decoration:underline}

  /********************************/
 /******   CONTENT STYLES   ******/
/********************************/

	#page-context h2{
		margin:9px 0 0 0;
		font:bold 18px times;
		color:#0D1A4F;
		padding:0 7px;
		}
	#page-context p{
		line-height:15px;
		font-size:12px;
		padding:0 7px;
		}
	#page-context p strong{
		display:block;
		padding:5px;
		background:#C4C4E1 url(/graphics/white-px.gif) top left repeat-x;
		border-top:3px solid #0D1A4F;
		color:#0D1A4F;
		font:bold 16px times;
		}
	#page-context ul{
		list-style-type:none;
		margin:0 8px;
		padding:3px 30px 0 10px;
		/*border-top:1px dashed #666;*/
		}
	#page-context li{width:100%;}
	#page-context a{
		display:block;
		text-align:right;
		padding:6px 30px 6px 0;
		width:220px;
		color:black;
		}
	#page-context a.cur{background:url(/graphics/link-sign.gif) top right no-repeat #4C4C70;color:white;}
	#page-context a:hover{background:url(/graphics/link-sign.gif) top right no-repeat #7A7AA5;color:white;}
	#page-context form{margin:3px 0;}
	#nl-signup fieldset{
		border:none;
		padding:0px;
		margin:8px;
		width:289px;
		border-top:1px dashed #666;
		position:absolute;
		top:410px;
		}
	#nl-signup h3{
		margin:0 0 6px 0;
		color:#666;
		font:normal 16px times;
		}
	#navigation .primary{
		margin:0;
		padding:0;
		list-style-type:none;
		font:normal 18px times;
		}
	#navigation .primary li{
		margin:22px 0;
		float:left;
		border-left:1px solid #585879;
		}
	#navigation .primary a{
		padding:12px 9px 12px 10px;
		display:block;
		color:white;
		white-space:nowrap;
		}
	#navigation .primary a.cur{background-color:#333359;}
	#navigation .primary a:hover{background-color:#44446A;}
	#navigation .secondary{
		margin:0;
		margin-left:-50px;
		padding:8px;
		list-style-type:none;
		font-size:9px;
		background:#4C4C6F;
		float:right;
		width:139px;
		}
	#navigation .secondary li{width:100%;} /* for MSIE */
	#navigation .secondary a{
		display:block;
		color:white;
		padding:2px;
		border-bottom:1px solid black;
		}
	#navigation .secondary .last a{border-bottom:none;}
	#navigation .secondary a:hover{text-decoration:underline;}
	#navigation .secondary a.cur{background:#6C6C8F;text-decoration:underline;}

	#page-content{
		padding:0 0 0 355px;
		margin:0 16px 0 0;
		clear:both;
		height:355px;
		overflow:auto;
		font-size:12px;
	}
	#page-content .main-content{
		width:60% !important;
		width:59%;
		float:left;
		padding-right:2%;
	}
	#page-content .additional-content{
		width:35% !important;
		width:34%;
		float:left;
		padding-left:8px;
		border-left:1px dashed #666;
	}
	#page-content p{margin:0 0 8px 0;}
	#page-content h2, #page-content h3{
		color:#666;
		font-family:times;
		margin:8px 0;
	}
	#page-content h2 {
		font-size: 18px;
	}
	#page-content h3 {
		font-size: 15px;
	}
	#page-content ul{
		list-style-image:url(/graphics/big-bullet.png) !important;
		list-style-image:url(/graphics/big-bullet.gif);
		list-style-position:inside;
		margin:0;
		padding:0;
	}

	#page-content .additional-content ul{
		border-bottom:1px dashed #666;
		list-style-image:url(/graphics/mini-bullet.png) !important;
		list-style-image:url(/graphics/mini-bullet.gif);
	}
	
	#page-content li{
		padding-bottom:8px;
	}
	/*#page-content strong{
		display:block;
		padding-left:18px;
	}*/
  /*********************************/
 /******   HOMEPAGE THINGS   ******/
/*********************************/
	#home-image{
		clear:both;
		background:black url(/images/mastering.jpg) top right no-repeat;
		text-indent:-9999px;
		height:158px;
		margin:0 15px;
	}

	#page-content.home{height:197px;}
	#page-content.home .main-content, #page-content.home .additional-content{width:47% !important;}
	#page-content.home a{
		font-size:10px;
		color:#B00;
		text-decoration:underline;
		padding-right:16px;
		background:url(/graphics/link-sign-red.gif) right no-repeat;
	}
	#page-content.home .main-content a{display:block;float:right;margin-top:8px;}

  /*******************************/
 /******   RANDOM STYLES   ******/
/*******************************/
	/* Typical submit button */
	input.submit{
		border:none;
		color:white;
		background:#10103f;
		cursor:pointer;
		}
	input, label{font-size:9px;padding:3px;}
  /******************************/
 /******  Newsletter		  ******/
/******************************/
#newsletter_title {
	margin-top:5px;
	border-bottom: 1px solid #666;
	height: 95px;
}

#newsletter_title h2 {
	margin: 0;
	padding: 0;
	font-family:verdana;
	font-size: 14px;
	color: black;
}

.newsletter_button {
	border:1px solid #666;
	color:black;
	background:#D4D4DC;
	font-size: 10px;
	padding: 0px;
	margin-bottom: 2px;
	cursor: pointer;
}

.newsletter_comment_top {
	font-size: 10px;
}

.newsletter_comments {
	border-top: 1px solid #666;
}

#newsletter_file_menu {
	padding: 4px;
	border-left: 1px dashed #666;
	float: right;
	height: 85px;
	width:110px;
}

#newsletter_file_menu a {
	display: block;
	padding-left:18px;
	padding-top: 2px;
	height: 20px;
}

#newsletter_file_menu .word {
	background-repeat: no-repeat;
	background-image: url(/images/word_icon.jpg);
	margin-top: 10px;
}

#newsletter_file_menu .pdf {
	background-repeat: no-repeat;
	background-image: url(/images/pdf_icon.jpg);
}

#newsletter_comments {
	background-color: #D4D4DC;
	margin-top: 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
}

.newsletter_comments_element {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #666;
	
	min-height:35px;
	height:auto !important;
	height:35px; /* taille min pour IE6 */
}

.newsletter_comments_info {
	float: left;
	width: 175px;
	padding-bottom: 10px;
}

.newsletter_comments_content {
	margin-left: 175px;
	width: 345px;
}

#newsletter_comments_form {
	margin-top: 5px;
}

#newsletter_comments_form_comment {
	float: right;
	text-align: right;
	margin-right: 8px;
}

#newsletter_comments_confirm {
	margin-right: auto;
	margin-left: auto;
	width: 150px;
	padding: 20px;
	border: 2px solid green;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.newsletter_comments_form_input {
	border:1px solid #666;
	color:black;
	font-size: 10px;
	padding: 2px;
	margin-bottom: 2px;
	font-family:arial;
}

#newsletter_content {
	overflow:auto;
	height:245px;
	padding-top:5px;
}

#newsletter_archive {
	margin-top: 10px;
}

#newsletter_archive a{
	font-size:10px;
	color:#B00;
	text-decoration:underline;
	padding-right:16px;
	background:url(/graphics/link-sign-red.gif) right no-repeat;
}
  /******************************/
 /******   NEWS	  ******/
/******************************/
#news {
	padding-top: 10px;
}

#news a{
	font-size:10px;
	color:#B00;
	text-decoration:underline;
	padding-right:16px;
	background:url(/graphics/link-sign-red.gif) right no-repeat;
}

#news strong {
	padding-left: 0px;
}

#news_visualisation {
	padding-top: 10px;
}

#news_visualisation_content {
	border-top: 1px solid #666;
	margin-top: 20px;
	padding-top: 10px;
}

.news_list_item {
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	
	min-height:35px;
	height:auto !important;
	height:35px; /* taille min pour IE6 */
}

.news_list_item_date {
	float: left;
	width: 150px;
}

.news_list_item_content {
	margin-left: 150px;
	width: 380px;
}
#news_menu {
	width: 300px;
	margin-top: 5px;
}
#news_menu_form {
	padding-left: 20px;
	font-size: 15px;
	font-weight: bold;
	font-family: times;
}
#news_menu_col1 {
	width: 150px;
	float: left;
}

#news_menu_col2 {
	width: 150px;
	float: left;
}

#news_menu ul {
	list-style-image:url(/graphics/mini-triangle.jpg);
	margin:0;
	padding:0;
	width: 120px;
	padding-left: 20px;
}

#news_menu li {
	padding:0;
	margin:0;
	width: 120px;
}
#news_menu a{
	display:block;
	text-align:left;
	padding:2px;
	margin:0;
	width:100px;
	color:black;
}
#news_menu .news_menu_nolink {
	display:block;
	text-align:left;
	padding:2px;
	margin:0;
	width:100px;
}
#news_menu li.cur {
	background:none #4C4C70;color:white;
}
#news_menu a.cur{background:none #4C4C70;color:white;}
#news_menu a:hover{background:none #4C4C70;color:white;}
  /******************************/
 /******   OxSmartSite CMS  ******/
/******************************/
#admin {
	position				:absolute;
	/*float					:left;*/
	bottom					:0px;
	right					:0px;
	padding					:5px;
	border					:1px solid;
	background-color		:white;
	text-align				:center;
	color					:black;
}

#loading{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;

	width: 100%;
	height: 500px;

	background-color: #CFCFCF;
	background-repeat: no-repeat;
	background-image: url(//img/loading-circle.gif);
	background-position: 50% 50%;

	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	visibility: hidden;
}

#loadingText{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;

	padding-top: 50px;
	height: 200px;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;
}

#sponsorship a {
	padding: 4px;
	display:block;
	text-align:right;
	/*padding:6px 30px 6px 0;*/
	width:100px;
	/*color:black;*/	
}

#sponsorship a:hover {
	padding: 4px;
	text-decoration:underline;
	display:block;
	text-align:right;
	background-color: transparent;
	background-image: none;
	width:100px;
	color:black;		
}

.warn {
	color: orange;
	font-size: 10px;
}
.error{
	color: red;
	font-size: 10px;
}

/**************** NEWS1 */
#news1 {
	position				:absolute;
	background				:url(/graphics/gunter_eberhard_to_lead_districonsult.jpg); 
	background-repeat		:no-repeat;
	/*background-position		:50% 5px;*/
	text-align				:left;
	width					:137px;
	height					:80px;
	margin					:0px;
	padding					:0px;
	
	top						:10px;
	left					:375px;
	z-index					:99;
}

#news1_link {
	display					:block;
	width					:137px;
	height					:100%;
	padding					:0;
	margin					:0; 	
}
/**************** NEWS2*/
#news2 {
	position				:absolute;
	background				:url(/graphics/gunter_eberhard_to_lead_districonsult.jpg); 
	background-repeat		:no-repeat;
	/*background-position		:50% 5px;*/
	text-align				:left;
	width					:154px;
	height					:80px;
	margin					:0px;
	padding					:0px;
	
	top						:10px;
	left					:520px;
	z-index					:99;
}

#news2_link {
	display					:block;
	width					:137px;
	height					:100%;
	padding					:0;
	margin					:0; 	
}