@charset "utf-8";


/*  javascript alert */
	#javascript_alert {
		background-color: #f8b912; width:100%;
	}
	
	
/*	Redefine Tag ---------------------------------------------------------- */
	
   	* { 
		border:0; margin:0; padding:0;
		font-family:Helvetica, Arial, Helvetica, sans-serif;
		font-size:12px; line-height:15px;
	}

	html { 
		height:100%;
		overflow-y:scroll;
		}
		
	body { 
		background:#979797 url(/en/img/bg_body.jpg) no-repeat;
		height:100%;
		text-align:center;
	}
		
	table, td, th, p, div, li, a, address, dl, dt, dd, input, select, textarea, label, strong, b {
		font-size:12px; line-height:18px; color:#2b2b2b;
		text-align:left;
	}

	p {	color:#3e3e3e; margin-bottom:10px; }
	
	p em { font-size:12px; }


	a:link, a:active, a:visited { 
		outline:none; color:#e9af29;
		text-decoration:none;position:relative; 
		}
		

	a:hover, a:visited:hover, a:hover *, a:visited:hover * { color:#000; background-position:0 -100px; outline: none;}
	
	
	h2  { 
		color:#202020;
		font-family:Helvetica, Arial, Helvetica, sans-serif;
		font-size:20px; line-height:25px;font-weight:normal;
	}

	h3 { 
		color:#202020;
		font-family:Helvetica, Arial, Helvetica, sans-serif;
		font-size:12px; line-height:20px;
		margin:10px 0 10px 0; 
	}

	ul { list-style:none; }
	
	sup { font-size:9px; postion:relative;  }


	div.hr {
		display:block;
		width:100%; height:1px;
		border-bottom:1px dotted #333;
	}

/*	Shell ----------------------------------------------------------------- */
	
	#main_wrapper {
		background:url(/en/img/bg_main_wrapper.png) repeat-y;
		margin:0 auto;
		display:table;
		text-align:center;
		width:920px;
	}
		/* ie 6 alpha png hack */
		*html #main_wrapper  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/en/img/bg_main_wrapper.png", sizingMethod="crop"); background:none; }

	div.content_wrapper {
		background:url(/en/img/bg_content_wrapper.jpg) no-repeat top left;
		margin:0 10px 0 10px;
		width:900px;height:100%;
	}

	div.flashwrapper { margin:15px 0 6px 15px;  position:relative;}
		*html div.flashwrapper { margin:15px 0 15px 15px; }


/*	Header ---------------------------------------------------------------- */

	div.header {
		padding:0 25px 0 25px;
		height:82px;
	}

	h1.h1_osisko { margin-top:17px; }

	h1.h1_osisko a {
		background:url(/en/img/h1_osisko.jpg) no-repeat;
		display:block;
		width:230px; height:62px;
		text-decoration:none; text-indent:-9999px;
	}
	
	h1.h1_osisko a:hover {
		background:url(/en/img/h1_osisko.jpg) no-repeat;
		display:block;
		width:230px; height:62px;
		text-decoration:none; text-indent:-9999px;
	}	

	div.header_left { float:left; width:230px; }
	
	div.header_right { 
		float:right;
		width:300px;
	}

	div.header_right ul { margin-top:7px; float:right; position:relative; left:7px; }

	div.ticker {
		background:url(/en/img/ticker.gif) no-repeat;
		text-indent:-9999px;
		margin-top:18px; float:right;
		width:67px; height:41px;
	}
	

/*	Footer ---------------------------------------------------------------- */
	
	div.footer {
		background:url(/en/img/bg_footer.jpg) no-repeat top left;
		color:#c4c4c4;
		padding:30px 15px 0 25px;
		width:auto; height:60px;
	}

	div.footer_left { float:left; color:#c4c4c4;}
	div.footer_right { float:right;  width:600px; text-align:right;}

	
/*	Objects ---------------------------------------------------------------- */

	/* horizontal list nav */
	ul.h_nav  { list-style:none;  width:350px;}
	ul.h_nav li { 
		float:left;
		height:15px; line-height:15px;
		margin-right:10px;
	}
	
	ul.h_nav li.pipe:after { content:"|"; color:#fff; }
	ul.h_nav li a { color:#fdb813; }
	ul.h_nav li.pipe a { padding-right:10px; }
	ul.h_nav li a:hover { color:#fff; }

		
/*	Columns -------------------------------------------------------------- */

	.col { float:left; }
	.col1 { width:180px; margin:0 25px 0 6px; }
	.col2 { width:405px; }
	.col3 { width:240px; }

	div.col3 a { color:#E9AF29; }
	div.col3 a:hover { color:#000; }
	
	

	
/*	Stuff ----------------------------------------------------------------- */

	.debug { border:1px solid #fc0; }
	.bgbug { background:#c0f; }
	.bgbug2 { background:#0fc; }
	.bugbot { border-top:1px solid #f0c; border-bottom:1px solid #f0c; }


/*	Popin ------------------------------------------------------------------- */	
	
	/* Transparent Effect */
	#bg_popin {
		background-color:#000;
		visibility:hidden;
		position:absolute;
		top:0px; left:0px;
		width:100%; height:100%;
		z-index:1; 
	}

  /* Popin Layout and background */
	#popin_stf {
		background:url(/en/img/bg_popin_stf.png) no-repeat;
		display:none;
		position:absolute; top:50%; left:50%;z-index: 3000;
		margin:-139px 0 0 -193px;
		width:387px; height:278px; 
	}	 
		/* ie 6 alpha png hack */
		*html #popin_stf  { background:url(/en/img/bg_popin_stf.gif) no-repeat; }

	div.popin_wrapper {
		width:323px; height:214px;
		margin:32px; 
	}
	
	/*	Header Part ---------------- */
	div.popin_wrapper div h3 {
		display:block; float:left;
		color:#bfc1c3; font-size:16px; line-height:20px;
		margin:0;
	}
	
	a.close_x { 
		display:block; float:right;
		font-size:24px; font-weight:bold; color:#fc0;
	}
	
	a.close:hover { color:#FFF; }	
	
	
	/*	Middle Part ---------------- */
	
	div.popin_main {
		width:100%; height:150px;
		color:#000; font-size:12px; line-height:24px;
	}
	
	*html div.popin_main div.left {
		float:left; 
		width:160px; 
	}
	
	*html div.popin_main div.right {
		float:right; 
		width:130px; 
	}
	
	
	div.popin_main div.left {
		float:left; 
		width:48%; 
	}
	
	div.popin_main div.right {
		float:right; 
		width:48%;
	}
	
	div.popin_wrapper div label {
		color:#bfc1c3;
		margin:15px 0 0 0;
	}
	
	div.popin_wrapper input {
		font-family:Helvetica, Arial, Helvetica, sans-serif; font-size:11px;
		border:0; background:#BEBFC2; color:#000;
		width:130px;
	
	}
	
	div.popin_wrapper div.bg_input {
		background:url(/en/img/bg_popin_stf_field.gif) no-repeat;
		padding:5px;
		width:160px; height:26px;
	}
	
	*html div.popin_wrapper div.bg_input {
		background:url(/en/img/bg_popin_stf_field.gif) no-repeat;
		padding:5px;
		width:145px; height:26px; 
	}

	div.stf_ajax p { font-size:14px; color:#fff; }


	div.popin_footer  {
		width:323px; height:31px; 
		margin:16px 0 0 0;
	}
	
	div.popin_footer input, div.popin_footer a {
		color:#000; font-family:Helvetica, Arial, Helvetica, sans-serif; 
		font-size:11px; font-weight:bold; 
		display:block; 
		width:73px; height:31px;
		padding:0; margin:0;
	}	
	
	div.popin_footer input {
		cursor:pointer;
		background:url(/en/img/bg_popin_stf_btn_send.png) no-repeat;
	}
	
		*html div.popin_footer input  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/en/img/bg_popin_stf_btn_send.png", sizingMethod="crop"); background:none; cursor:pointer;}	
		*html div.popin_footer a  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/en/img/bg_popin_stf_btn_cancel.png", sizingMethod="crop"); background:none; cursor:pointer;}	

	
	div.popin_footer a {
		background:url(/en/img/bg_popin_stf_btn_cancel.png) no-repeat;
	}
	
	div.popin_footer a.closeDE {
		background:url(/de/img/bg_popin_stf_btn_cancel.png) no-repeat;
		width:83px; height:31px; 
	}
	
	
		
	div.popin_footer input:hover, div.popin_footer div.right input.hover, 
	div.popin_footer div.left a:hover, div.popin_footer div.right input.submit_fr:hover { 
		background-position:0 -31px; color:#fff; 
	}
	
	*html div.popin_footer div.right input.submit_fr {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fr/img/bg_popin_stf_btn_send.png", sizingMethod="crop"); background:none; 
		width:83px; height:31px; 
			
	}
	
	div.popin_footer div.right input.submit_fr {
		width:83px; height:31px; 
		background:url(/fr/img/bg_popin_stf_btn_send.png) no-repeat;		
	}
	
	div.popin_footer div.right input.submitDE {
		width:83px; height:31px; 
		background:url(/de/img/bg_popin_stf_btn_send.png) no-repeat;		
	}
	
	div.popin_footer div.right input.submitDE:hover{
		background-position:0 -31px;
	}
		
		      
	div.popin_footer div.left { float:left; }
	div.popin_footer div.right { float:right; }
	
	

	div#popin_media {
		background:#000;
		/*background:url(/en/img/bg_popin_stf.png) no-repeat;*/
		display:none;
		position:absolute; top:0; left:0; z-index:99; 
		width:800px; height:450px;
	}

	
/*	Forms ----------------------------------------------------------------- */
	
	input { /*width:250px; */border:1px solid #3B3D3D; }
	
	input.submit { 
		/*display:block; 
		border:1px solid #3B3D3D;*/ 
		margin-top:10px;
		text-align:center;
		width:auto; 
	}

	textarea { 
		width:250px;height:150px; 
		border:1px solid #3B3D3D; 
		font-size:12px;
		overflow:scroll; 
	}
	
	label { /*display:block; margin-top:10px;*/ }
	
	h3.contact {
		float:left; line-height:16px;
		width:100px; height:13px;
	}
	
	label.error { color:red; }


/*	Header panels object -------------------------------------------------- */
	
	div.breadcrumb {
		clear:both; float:none;
	}
	
	ul#hnav {
	  list-style:none;
	  width:700px; overflow:hidden;
	  position:relative;
	  top:15px; left:15px;
	}
	
	ul#hnav li {
		background:url(/en/img/bg_media_panel.png) no-repeat;
		position:relative;
		float:left;
		display:block;
		/*margin-right:2px;*/
		height:240px; width:125px;
		overflow:hidden;
		border-right:2px solid black;
	}
	
	ul#hnav li.media_panel_1 {
		background:url(/en/img/bg_media_panel_1.png) no-repeat;
		width:320px;
	}
	
	div.breadcrumb a { color:#E9AF29; }
	div.breadcrumb a:hover { color:#fff; }
	


/*	tooltip -------------------------------------------------- */

	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		padding: 5px;
		opacity: 0.85;
		background-color: #eee;
	}
	
	#tooltip h3, #tooltip div { margin: 0; }
	
	#tooltip.pretty {
		font-family: Arial;
		border: none;
		width: 210px;
		padding:20px;
		height: 135px;
		opacity: 0.8;
		background: url('/en/img/shadow.png');
	}
	
	#tooltip.pretty h3 {
		margin-bottom: 0.75em;
		font-size: 12pt;
		width: 220px;
		text-align:left;
	}
	
	#tooltip.pretty div { width: 220px; text-align: left; }



/*	Other/Hacks ----------------------------------------------------------- */

	.hide { display:none; }
	.fleft { float:left; }
	.clear { clear:both; display:block; }
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	
	.clearfix { display:block; }
	/* End hide from IE Mac */

	* html .clearfix { height:1px; } /*IE6*/
	
/**/

	#panel_top_media.other { 
		background:url(/en/img/bg_panel_other.jpg) no-repeat; width:100%; height:240px; 
		margin: 15px 15px; 
	}
	
	*html #panel_top_media.other { 
		background:url(/en/img/bg_panel_other.jpg) no-repeat; width:100%; height:240px; 
		margin: 15px 15px; 
	}