@charset "utf-8";
/* CSS Document */

#menu hr {margin-top:-10px;}
.show { display:block; }
.hide { display:none; }

#container{position:relative;width:1024px;height:715px;margin:20px auto 0;border:solid 1px blue;border-radius:15px;overflow:hidden;}

#menu    {width:850px;margin:10px auto 20px;font-size:16px;}
#menu li {width:120px;display:inline-block;}

p.menu_item { 
	position:absolute; 
	top:0;
	margin:0;
	border:solid 1px red; 
	border-radius:15px;
	width:100px; 
	text-align:center;color:#ffffff; 
	background-image:url(../img/global/button_bkgd.png); 
}

	p.menu_item a { color:white; text-decoration:none; }

p.site_jump { 
	position:absolute; 
	top:0;
	font-weight:bold;
	margin:0;
	border:solid 1px red; 
	border-radius:15px; 
	width:100px; 
	text-align:center;
	color:#ffffff; 
	background-image:url(../img/global/site_jump_bkgd.png); 
}

	p.site_jump a { color:white; text-decoration:none; }

p#site_jump_responsive { right:85px; }
p#site_jump_mvc { right:205px; }

#show_information { position:absolute; width:40px; }
#show_footnotes   { position:absolute; width:40px; left:103px; top: 650px; }
#show_references  { position:absolute; width:40px; left: 44px; top: 650px; }

#footnote, 
#reference {
	font-family: "UniversLTStd", Helvetica, sans-serif;
}

#footnote em, 
#reference em {
	font-family: "UniversLTStd-Obl", Helvetica, sans-serif;
    font-style: normal;
}

#footnote strong, 
#reference strong {
	font-family: "UniversLTStd-Bold", Helvetica, sans-serif;
}

#footnote sup, 
#reference sup {
	font-family: "UniversLTStd-Light", Helvetica, sans-serif;
	font-size:10px;
	vertical-align:top;
	top:-4px;
}

.close_x { float:right;margin:-3px 20px 0 0;width:25px; }

.tray { background-color:#ffffff /*#eeffaa;*/ }

.ref_title { background-color:#00a1df;color:white;margin:0;	padding:10px 0 10px 35px;font-family: UniversLTSTd-Bold, Helvetica, sans-serif; }
.ref_text  { padding: 2px 0 2px 35px;margin:0; }

.reference {
	position:absolute;
	top: 715px;
	left:0;
	width:1024px;
	
	z-index:9000;
	
	color:#58595b;

	font-size:16px;
	line-height:27px;
}

	.reference table
	{
		position:absolute;
		height:auto;
		left: 20px;
		width: 1000px;
		
	}
	
	.reference td
	{
		vertical-align: top;
		text-align: left;	
	}

	.reference td:nth-child(1)
	{
		width:20px;
	}


.footnote {
	position:absolute;
	top: 715px;
	left:0;
	width:1024px;
	
	z-index:9000;
	
	color:#58595b;
	font-size:17px;
	line-height:25px;
}

	.footnote table
	{
		position:absolute;
		height:auto;
		width: 980px;
		left: 20px;
	}
	
	.footnote td
	{
		vertical-align: top;
		text-align: left;	
	}

/* information is a tray that slides up and covers the entire visible area except the menu */
.information {
	position:absolute;
	left:0;
	top: 715px;
	height:715px;
	width:1024px;
	z-index:10000;
	
	margin:0;
	
	color:#58595b;
	font-size:12px;
	
}

	.information .brown_up_arrow { position:absolute; top:33px; left:44px; width:40px; }
	
	.information .nfo_title 
	{ 
		position:absolute;
		top:48px; 
		left:106px; 
		padding:0;
		margin:0;
		
		font-size:29px;
		font-family: Graphik-Semibold, Helvetica, sans-serif;
		color:#002f87; }

	.information #patient_group { position:absolute; top: 80px; left:0; z-index:100;width:28%}

	.information .bloc  {left:200px; width:500px; height:70px; padding: 20px 0 0 75px; font-size:23px; color:#00a1df; background-color:#f3f5f7;border-radius:5px;}

	.information #bloc1 { position:absolute;top: 149px;}
	.information #bloc2 { position:absolute;top: 264px; padding-left: 100px; }
	.information #bloc3 { position:absolute;top: 385px;}

.roundedBox {
	border-radius: 10px; /* future proofing */
	border:solid #129dae 2px;
    padding: 20px;
}

.bold_blue { color:#00a0dd;font-weight:bold }


/* ****************************************************************************************************/
/* begin: general css transitions ******************************************************************* */
/* ****************************************************************************************************/
.reference.go_away,
.footnote.go_away
{
    top:715px;
	-webkit-transition: top 1.0s; /* Safari */
    -webkit-transition-timing-function: linear; /* Safari */
}

.information.grow
{
    top:0;
	-webkit-transition: top 1.0s;
    -webkit-transition-timing-function: linear;
}


.information.go_away
{
    top:715px;
	-webkit-transition: top 1.0s; /* Safari */
    -webkit-transition-timing-function: linear; /* Safari */
}
/* finis: general css transitions */

.page_title   {position:absolute; font-size:24px;font-weight:bold;  font-family:Arial, Helvetica, sans-serif; line-height:36px;}
.page_subtitle{position:absolute; font-size:20px;font-weight:bold;  font-family:Arial, Helvetica, sans-serif; line-height:28px;}
.page_text    {position:absolute; font-size:18px;font-weight:normal;font-family:Arial, Helvetica, sans-serif; line-height:20px;}

.page_home .page_title   {top: 30px;left:135px; font-size:24px;}
.page_home .page_subtitle{top: 70px;left: 50px}
.page_home .page_text    {top:100px;left:135px;width:800px;}

/* begin: page_home */ 

#conveyor_belt {position:absolute;top:250px;left:135px; border:solid 1px #ffdede; }

#conveyor_belt img { margin:0 10px;  }

#conveyor_belt img:hover { cursor:pointer;  }

.site_desc { position:absolute;top:375px;left:135px;width:775px;height:275px; border:solid 1px #ffdede; overflow:hidden; }
.page_home .left_column {position:relative;left:0;width:350px; float:left;}
.page_home .right_column{position:relative; width:400px; overflow:hidden; float:right;}

#display_home li {list-style:disc; }

/* fins: page_home */ 


/* begin: page_sliders */ 

.page_sliders .page_title   {top: 50px;left:135px}
.page_sliders .page_subtitle{top:100px;left:135px}
.page_sliders .page_text    {top:550px;left:135px;width:600px;}


.page_sliders #imghold_1     { position:absolute;top:115px; z-index:100; width:50%;}
.page_sliders #imghold_1 img { width:54%; }

.page_sliders  .slider 
{
	position:absolute; 
	height:64px; 
	width:692px;
	left: -430px;
	
	
	border-radius: 0 20px 20px 0;
	border:solid 0 red;
	color:#004b93;
	font-size:23px;
	background-color:#f3f5f7;

/*	opacity:0;*/
	
}
.page_sliders .slider {padding: 0 0 0 15px; font-family:UniversLTSTd-light, Helvetica, sans-serif;}
.page_sliders .slider div {display: table-cell;vertical-align: middle;height: 64px;}
.page_sliders #slider1 { top: 187px;}
.page_sliders #slider2 { top: 267px;}
.page_sliders #slider3 { top: 350px;}
.page_sliders #slider4 { top: 429px;}

	.page_sliders #slider1.fadein { left:276px; -webkit-transition: left 1s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: linear; }
	.page_sliders #slider2.fadein { left:276px; -webkit-transition: left 1s; -webkit-transition-delay: 0.5s; -webkit-transition-timing-function: linear; }
	.page_sliders #slider3.fadein { left:276px; -webkit-transition: left 1s; -webkit-transition-delay: 1.0s; -webkit-transition-timing-function: linear; }
	.page_sliders #slider4.fadein { left:276px; -webkit-transition: left 1s; -webkit-transition-delay: 1.5s; -webkit-transition-timing-function: linear; }

.page_sliders #callout { width: 457px; top: 513px; padding-left: 28px; }

.page_sliders #show_information { left:512px; top:  18px; }

.page_sliders #information.grow { top: 0; }

.page_sliders .reference.grow  { top:565px; height:200px;	-webkit-transition: top 1.0s; -webkit-transition-timing-function: linear;}
.page_sliders .footnote.grow   { top:605px; height:100px;	-webkit-transition: top 1.0s; -webkit-transition-timing-function: linear;}

.page_sliders #reference_2.grow  { top:600px;}

/* finis: page_sliders */ 


.page_fadein .page_title   {top: 50px;left:135px}
.page_fadein .page_subtitle{top: 70px;left: 50px}
.page_fadein .page_text    {top:550px;left:135px;width:400px;}

.page_fadein  .main_image { position:absolute; top:175px; left: 40px; width:254px; }

.page_fadein .animation_2_3 { position:absolute; opacity:0; }

.page_fadein .info_box {
	border: solid 1px #00a1e0; 
	height: 78px;
	width:284px;
	font-family:UniversLTStd, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
/*	color:#ff0000;	*/
	border-radius: 10px 0 0 10px; 
	-webkit-border-radius: 10px 0 0 10px; 
}

.page_fadein .info_box.top_row{
	height: 80px;
}

.page_fadein #eyeline_1 { left:229px; top:259px; width:120px;}
.page_fadein #eyeline_2 { left:209px; top:337px; width:137px; }
.page_fadein #eyeline_3 { left:252px; top:409px; width: 95px; }   
    
.page_fadein #col_1_title      { left:354px; top:173px; text-transform:uppercase; font-weight:bold; }
.page_fadein #col_1_row_1_text { left:346px; top:200px; padding: 6px 0 0 10px; }
.page_fadein #col_1_row_2_text { left:346px; top:296px; padding:20px 0 0 10px; }
.page_fadein #col_1_row_3_text { left:346px; top:401px;padding: 10px 0 0 10px; }


.page_fadein #Large_Brown_Arrow_1 { left:640px; top:213px; }
.page_fadein #Large_Brown_Arrow_2 { left:640px; top:312px; }
.page_fadein #Large_Brown_Arrow_3 { left:640px; top:407px; }

.page_fadein #col_2_title      { left:693px; top:155px; text-transform:uppercase; font-weight:bold; }
.page_fadein #col_2_row_1_text { left:689px; top:200px; padding: 15px 0 0 10px; }
.page_fadein #col_2_row_2_text { left:689px; top:303px; padding: 10px 0 0 10px; }
.page_fadein #col_2_row_3_text { left:689px; top:401px; padding: 10px 0 0 10px; }

	.page_fadein #eyeline_1.fadein           { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: linear;}
	.page_fadein #col_1_title.fadein         { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: linear; }
	
	.page_fadein #col_1_row_1_text.fadein    { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.25s; -webkit-transition-timing-function: linear; }
	.page_fadein #Large_Brown_Arrow_1.fadein { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.5s; -webkit-transition-timing-function: linear; }
	
	.page_fadein #col_2_title.fadein         { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.75s; -webkit-transition-timing-function: linear; }
	.page_fadein #col_2_row_1_text.fadein    { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.75s; -webkit-transition-timing-function: linear; }
	
	.page_fadein #eyeline_2.fadein           { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.0s; -webkit-transition-timing-function: linear; }
	.page_fadein #col_1_row_2_text.fadein    { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.0s; -webkit-transition-timing-function: linear; }
	
	.page_fadein #Large_Brown_Arrow_2.fadein { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.25s; -webkit-transition-timing-function: linear; }
	.page_fadein #col_2_row_2_text.fadein    { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.75s; -webkit-transition-timing-function: linear; }
	
	.page_fadein #eyeline_3.fadein           { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.75s; -webkit-transition-timing-function: linear; }
	.page_fadein #col_1_row_3_text.fadein    { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.75s; -webkit-transition-timing-function: linear; }
	
	.page_fadein #Large_Brown_Arrow_3.fadein { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 2.0s; -webkit-transition-timing-function: linear; }
	.page_fadein #col_2_row_3_text.fadein    { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 2.0s; -webkit-transition-timing-function: linear; }

.page_fadein .reference.grow  { top:644px;}
.page_fadein .footnote.grow   { top:644px;}


/* begin: Successful_Fit_2_6 */ 
.page_spinner .page_title   {top: 50px;left:135px}
.page_spinner .page_subtitle{top: 70px;left: 50px}
.page_spinner .page_text    {top: 80px;left:500px;width:400px;}


.page_spinner #Percent_94 { position:absolute; top:159px; left:168px; }

.page_spinner .subtitle   { position:absolute; font-family:UniversLTStd-Bold, Helvetica, sans-serif; }
.page_spinner #subtitle_1 {font-size:38px; line-height:40px; top:234px; left:482px;opacity: 0; }
.page_spinner #subtitle_2 {font-size:28px; line-height:28px; top:324px; left:482px;opacity: 0; }

	.page_spinner #subtitle_1.fadein { opacity: 1; transition: opacity 2s; transition-delay: 0.5s;}
	.page_spinner #subtitle_2.fadein { opacity: 1; transition: opacity 2s; transition-delay: 0.5s;}

.page_spinner  #Circ94_left   { position:absolute; top:158px; left:173px; width:143px;}
.page_spinner  #Circ94_right  { position:absolute; top:158px; left:316px; width:143px; }

/*	.page_spinner  #masque_left  { position:absolute; top: 155px; left:166px; height:300px;width:150px; border-radius:150px 0 0 150px;background-color:white; }
	.page_spinner  #masque_right { position:absolute; top: 155px; left:316px; height:300px;width:150px; border-radius:0 150px 150px 0;background-color:white; }
*/

	.page_spinner  #masque_left  { position:absolute; top: 166px; left:174px; height:270px;width:143px; border-radius:143px 0 0 143px;background-color:transparent; background-image: -webkit-radial-gradient(100% 50%, circle, transparent 73px, white 0);border: solid 0px red;}
	
	.page_spinner  #masque_right { position:absolute; top: 166px; left:316px; height:270px;width:140px; border-radius:0 143px 143px 0;background-color:transparent; background-image: -webkit-radial-gradient(  1% 50%, circle, transparent 75px, white 0);}

.page_spinner .fadenum { position:absolute;top:271px; z-index:1500;font-size:67px;color:#ffffff;/*background-color:#00a0dd;*/border-radius:75px;font-family:UniversLTStd-Bold, Helvetica, sans-serif; }

	.page_spinner #number { left:260px; opacity: 0; }
	
		.page_spinner #number.fadein { opacity: 1; transition: opacity 3s; -webkit-transition: opacity 3s; transition-delay: 3.0s; -webkit-transition-delay: 3.0s; }


/* finis: Successful_Fit_2_6 */ 

.page_waterfall .page_title   {top: 50px;left:135px}
.page_waterfall .page_subtitle{top: 70px;left: 50px}
.page_waterfall .page_text    {top: 70px;left:500px;width:400px;}

.page_waterfall .bloc    {position:absolute; border-radius: 0 0 15px 15px;left:30%;opacity:0;}

.page_waterfall #bloc_1 { top:150px}
.page_waterfall #bloc_2 { top:200px}
.page_waterfall #bloc_3 { top:250px}
.page_waterfall #bloc_4 { top:300px}
.page_waterfall #bloc_5 { top:350px}
.page_waterfall #bloc_6 { top:400px}

.page_waterfall .demo_text {position:absolute;font-size:32px;opacity:0;}

.page_waterfall #text_1 { top:160px;left:350px;}
.page_waterfall #text_2 { top:210px;left:400px;}
.page_waterfall #text_3 { top:260px;left:410px;}
.page_waterfall #text_4 { top:310px;left:420px;}
.page_waterfall #text_5 { top:360px;left:430px;}
.page_waterfall #text_6 { top:410px;left:450px;}


	.page_waterfall #bloc_1.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: linear;}
	.page_waterfall #text_1.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0s; -webkit-transition-timing-function: linear; }
	
	.page_waterfall #bloc_2.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: .5s; -webkit-transition-timing-function: linear;}
	.page_waterfall #text_2.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: .5s; -webkit-transition-timing-function: linear; }

	.page_waterfall #bloc_3.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.0s; -webkit-transition-timing-function: linear;}
	.page_waterfall #text_3.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.0s; -webkit-transition-timing-function: linear; }
	
	.page_waterfall #bloc_4.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.5s; -webkit-transition-timing-function: linear;}
	.page_waterfall #text_4.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 1.5s; -webkit-transition-timing-function: linear; }
	
	.page_waterfall #bloc_5.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 2.0s; -webkit-transition-timing-function: linear;}
	.page_waterfall #text_5.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 2.0s; -webkit-transition-timing-function: linear; }

	.page_waterfall #bloc_6.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 2.5s; -webkit-transition-timing-function: linear;}
	.page_waterfall #text_6.fadein  { opacity: 1; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 2.5s; -webkit-transition-timing-function: linear; }
	

/* begin circular Animations *//* if this woks, it belongs in animations.css */

.spinner {
	-webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-delay: 0.5ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

.spinner2 {
	-webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-delay: 0.5ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

.prominenter {
	-webkit-animation-name: z;
    -webkit-animation-duration: 0.5ms;
    -webkit-animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

.disappear {
	-webkit-animation-name: x;
    -webkit-animation-duration: 1ms;
    -webkit-animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

.appear {
	-webkit-animation-name: appear;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-delay: 500ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}


@-webkit-keyframes z 
{
	from { z-index: 0; overflow:hidden; }
	to   { z-index: 1000;overflow:hidden; }
}

@-webkit-keyframes x 
{
	from { opacity: 1;}
	to   { opacity: 0;}
}

@-webkit-keyframes spin 
{
    from { -webkit-transform: rotate(  0deg); -webkit-transform-origin: left;}
	to   { -webkit-transform: rotate(360deg); -webkit-transform-origin: left; }
}

@-webkit-keyframes spin2 
{
    from { -webkit-transform: rotate(341deg); -webkit-transform-origin: left;}
	to   { -webkit-transform: rotate(340deg); -webkit-transform-origin: left; }
}


@-webkit-keyframes appear 
{
	from { opacity:0; }
	to   { opacity:1; }
}

/* finis circular Animations */