@charset "UTF-8";

/* *********************************
            COLOR PALETTE
   *********************************

purple = 4b116f
dk. green = 719501
lt. green = c9d18b
red = 8b2346
brown = 857362

*/


/* hide from ie on mac \*/
html {
	width:100%;
	overflow:auto;
	margin: 0;
	padding: 0;
}

body,td,th {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
}

:focus {
    outline: 0;
}


/* end hide */
div#container {
	top:0;
	left:0;
	width:1040px;
	outline:none;
	border:none;
	margin:0 auto;
	
	
}


	
	div#containerInside {
		width:100%;
		margin:0 auto;
	}
	
	div#altContent h1, div#altContent h2, div#altContent h4{
		color:#412d5d;
		margin:0 0 28px 28px;	
	}

	div#altContent p#purpleText {
		color:#412d5d;
		margin:0 0 0 28px;	
	}




/* JR CSS Document */



/* *********************************
            COLOR PALETTE
   *********************************

purple = 4b116f
dk. green = 719501
lt. green = c9d18b
red = 8b2346
brown = 857362

*/


	

	
	
/* *********************************
            MENU STYLES
   ********************************* */

span.hide {
	display: none;
	}
	
.nav {
	position: relative; top: 15px; left: 0;
	z-index: 100;
	}
	
	.nav a {
		width: 120px;
		height: 120px;
		display: block;
		font: 11px/13px helvetica, arial, sans-serif;
		color: #fff;
		padding: 47px 0 0 0;
		text-transform: uppercase;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		}
	
.nav .purple {
	width: 120px;
	height: 120px;
	position: absolute; top: 0; left: 220px;
	}
	
	.purple a {
		padding: 35px 0 0 0;
		background: transparent url(../img/purple-off.png) 0 0 no-repeat;
		}
		
	.purple a:hover {
		background: transparent url(../img/purple-on.png) 0 0 no-repeat;
		}
		
	.purple a.on {
		background: transparent url(../img/purple-on.png) 0 0 no-repeat;
		}
	
.nav .red {
	width: 120px;
	height: 120px;
	position: absolute; top: 43px; left: 121px;
	}
	
	.red a {
		padding: 40px 0 0 0;
		background: transparent url(../img/red-off.png) 0 0 no-repeat;
		}
		
	.red a:hover {
		background: transparent url(../img/red-on.png) 0 0 no-repeat;
		}
		
	.red a.on {
		background: transparent url(../img/red-on.png) 0 0 no-repeat;
		}
	
.nav .brown {
	width: 120px;
	height: 120px;
	position: absolute; top: 119px; left: 44px;
	}
	
	.brown a {
		padding: 40px 0 0 0;
		background: transparent url(../img/brown-off.png) 0 0 no-repeat;
		}
		
	.brown a:hover {
		background: transparent url(../img/brown-on.png) 0 0 no-repeat;
		}
		
	.brown a.on {
		background: transparent url(../img/brown-on.png) 0 0 no-repeat;
		}
	
.nav .green {
	width: 120px;
	height: 120px;
	position: absolute; top: 216px; left: 0;
	}
	
	.green a {
		padding: 35px 0 0 0;
		background: transparent url(../img/green-off.png) 0 0 no-repeat;;
		}
		
	.green a:hover {
		background: transparent url(../img/green-on.png) 0 0 no-repeat;
		}
		
	.green a.on {
		background: transparent url(../img/green-on.png) 0 0 no-repeat;
		}	
			
.nav .rx {
	width: 54px;
	height: 60px;
	position: absolute; top: 362px; left: 10px;
	background: transparent url(../img/rx.png) 0 3px no-repeat;
	}
	
	.rx a {
		width: 239px;
		height: 60px;
		display: block;
		}
	
	.rx a:hover {
		display: block;
		background: transparent url(../img/rx_tooltip.png) top right no-repeat;
		}		
			
.nav .calc {
	width: 54px;
	height: 60px;
	position: absolute; top: 434px; left: 23px;
	background: transparent url(../img/calc.png) 0 3px no-repeat;
	}
	
	.calc a {
		width: 239px;
		height: 60px;
		display: block;
		}
	
	.calc a:hover {
		display: block;
		background: transparent url(../img/calc_tooltip.png) top right no-repeat;
		}
		
.nav .lundbeck {
	width: 54px;
	height: 60px;
	position: absolute; top: 502px; left: 57px;
	background: transparent url(../img/starfish.png) 0 3px no-repeat;
	}
	
	.lundbeck a {
		width: 239px;
		height: 60px;
		display: block;
		}
	
	.lundbeck a:hover {
		display: block;
		background: transparent url(../img/contact_tooltip.png) top right no-repeat;
		}
		
.nav .pi {
	width: 54px;
	height: 60px;
	position: absolute; top: 502px; left: 57px;
	background: transparent url(../img/pi.png) 0 3px no-repeat;
	}
	
	.pi a {
		width: 239px;
		height: 60px;
		display: block;
		}
	
	.pi a:hover {
		display: block;
		background: transparent url(../img/pi_tooltip.png) top right no-repeat;
		}
	
	

	
/* *********************************
            CONTENT STYLES
   ********************************* */	
	
.logo {
	border:none;
	width: 212px;
	height: 154px;
	margin: 0 60px 0 713px;
	}
	
	.logo a {border: none;}
	
	.logo img {border: none;}
	
div#content {

	/*position: relative; top: 20px; left: 200px;*/
	margin: 20px 0 0 200px;
	z-index: 50;
	}
	
	
	
	div#innercontent {
		margin:-40px 0 0 -100px;
		padding: 0 0 50px 20px;
		
		}
		
		div#innercontent #moveIt {
			margin: -333px 0 0 378px;	
			
			width:480px;
			text-align:center;
			
			line-height:110%;
			z-index:200;
		}
			
		div#innercontent #moveIt h4 {
			font-size:40px;	
			padding-bottom:40px;
		}
		
		div#innercontent #moveIt span {
			
		}
		
		div#innercontent #moveIt img {
			z-index:-1;
		/*	margin:-42px 0 0 -100px; */
		}
		
		div#innercontent #callout {
			width:520px;
			margin-top: 180px;	
			margin-bottom:40px;
		}
		
		div#innercontent #indicationText {
			
			width:700px;
		}
		
		div#innercontent h4 {
			margin:0 0 20px 12px;
			color: #4b116f;
			}
		
		div#innercontent h2 {
			font-size: 1.5em;
			color: #4b116f;
			margin:0 0 0 15px;
			}
		
		div#innercontent p, ul {
			font-size: .9em;
			line-height: 1.5em;
			color: #4b116f;
			margin:0 0 0 12px;
			padding:0 0 22px 0;
			}
			
			p.footnote {
			font-size: .7em;
			line-height: 1em;
			color: #666;
			padding-left: .5em;
			text-indent: -.5em;
			}
			
			.innercontent ul {
				padding: 0 0 0 1.2em;
				}
			
			.innercontent ul li {
				padding: 0 0 1em 0;
				}
				
				
				
			.offset {
				margin-left: -100px;
				}
			
			
		
		
	.secondary {
		width: 212px;
		position: absolute; top: 0; left: 513px;
		margin: 85px 0 0 0;
		}
		
		.secondary .text {
			font-size: .8em;
			line-height: 1.5em;
			margin: 0 10px;
			color: #719501;
			}
			
				
/* ********** DOSING TABLE ************ */

table#dosing {
	width: 450px;
	padding: 0; margin: 0;
	color: #000;
	font-size: .9em;      /*font-size: .7em;*/
	line-height: 1.1em;       /*line-height: 1em;*/
	border: 1px solid #000;
	border-collapse: collapse;
	}
	
	#dosing td {
		border: 1px solid #000;
		padding: 4px;
		text-align: left;
		}
	
	#dosing th {
		border: 1px solid #000;
		padding: 4px;
		text-align: center;
		}
		
		#dosing th {
			background-color: #dad5d0;
			color: #665444;
			}
		
	#dosing .innerdose td {
		border: 0;
		text-align: center;
		vertical-align: center;
		padding: 2px 2px;
		}
		
		td.x {
			/* padding: 0 2px; */
			width: 10%;
			}
		
		td.shaded {
			background-color: #dad5d0;
			color: #665444;
			font-weight: bold;
			font-style: italic;
			}
			

/* ********** DOSING CONTAINER (graph) ************ */	

	
	
		
		
/* *********************************
            VIDEO STYLES
   ********************************* */


	#videoContainer {
		width:464px;
		}
	
		#videoContainer img {
			margin: 10px 0 10px 17px;
			width:120px;
			height:90px;
			vertical-align:middle;
			}
		
		#videoContainer a {
			text-decoration:none;	
			}
		
		#videoContainer span {
			font-size:0.8em;
			color:#3b215d;
			padding:10px 0 0 15px;
			text-decoration:underline;
			}



				
				
/* *********************************
            SECONDARY STYLES
   *********************************						
		
	.secondary {
		width: 212px;
		position: absolute; top: 0; left: 513px;
		margin: 85px 0 0 0;
		}
		
		.secondary .text {
			font-size: .8em;
			line-height: 1.5em;
			margin: 0 10px;
			color: #719501;
			}
			
	.secondary-calc {
		width: 708px;
		position: absolute; top: 540px; left: 10px;
		margin: 0 0 0 0;
		}
		
		.secondary-calc .text {
			font-size: .8em;
			line-height: 1.5em;
			margin: 0 10px;
			color: #719501;
			}	
		
		
			
	.safety {
			width: 224px;
			position: absolute; bottom: 12px; left: 513px;
			background: transparent url(../img/whitepad.png) 0 0 no-repeat;
			padding: 0 0 0 0;
			z-index: 5;
			}
			
			.safety div {
				margin: 30px 20px 20px 20px;
				}
				
			.safety p {
				font-size: 12px;
				line-height: 14px;
				color: #666;
				} */	
		


.FDAText {
	color:#000;
	font-size:12px;
	width:210px;
	margin-left:690px;	
}

.lundlogo {
	width: 224px;
	height:180px;
	background: transparent url(../img/whitepad.png) 0 0 no-repeat;	
	padding: 0 0 0 0;
	z-index: 5;
	margin-left:670px;
}

.lundlogo div {
		padding-top:30px;
		margin: 30px 20px 20px 20px;
		text-align: center;
		}
		
	.lundlogo p {
		font-size: 12px;
		line-height: 16px;
		color: #666;
		}


.safety {
		width: 224px;
		position: absolute; bottom: -112px; left: 513px;
		background: transparent url(../img/whitepad.png) 0 0 no-repeat;
		padding: 0 0 0 0;
		z-index: 5;
		}
	
	.safety div {
		margin: 30px 20px 20px 20px;
		text-align: center;
		}
		
	.safety p {
		font-size: 12px;
		line-height: 16px;
		color: #666;
		}	
				
				
/* *********************************
            ISI STYLES
   ********************************* */							
		
	#isi {
		margin: 50px 0 0 0;
		}
	
	#isi .copy p {
		font-size: .8em;
		line-height: 1.5em;
		color: #3b215d;
		}
		
		#isi .copy p.small {font-size: .6em; line-height: 1.5em;}
	
	#isi .copy h3 {
		color: #3b215d;
		}
		
	
	
/* *********************************
            FOOTER STYLES
   ********************************* */	
			
			
#footer {	
	width: 100%;
	height: 60px;     /* changed from 30px on 5/14 to accommodate 2 lines */
	background: #3b215d;
	z-index: 500;
	}
	
	#footer div {
		width: 960px;
		margin: 0 auto;
		padding: 5px 0 0 0;
		color: #fff;
		font: 11px/15px helvetica, arial, sans-serif; /* line-height changed from 30px 5/14 */
		text-align: left;
		}
		
		#footer p {
			position: relative; top: 0; left: 0;
			display: inline;
			margin: 0; /*margin: 0 50px 0 0;*/
			}
			
			#footer p a {
				color: #fff;
				}
			
			#footer p a:hover {
				color: #yellow;
				}
				
			#footer p.bump {
				margin: 0 0 0 105px;
				}
		
	#footer ul {
		position: relative; top: 0; left: 60px;
		display: inline;
		list-style-type: none;
		margin: 5px 0 5px 0;
		color: #fff;
		text-align: center;
		}
		
		#footer ul li {
			display: inline;
			}
			
			#footer ul li a {
				color: #fff;
				padding: 0 5px;
				text-decoration: none;
				}
			
			#footer ul li a:hover {
				color: yellow;
				padding: 0 5px;
				}
				
			a.tooltip {
				position: relative;
				z-index: 225;
				}
				
				a.tooltip:hover {
					z-index: 230;
					}
					
				a.tooltip span {display: none;}
					
				a.tooltip:hover span {
					display: block;
					position: absolute;
					bottom: 2em; left: -6em;
					width: 15em;
					background-color: #3b215d;
					color: #fff;
					text-align: center;
					font-size: 12px;
					line-height: 15px;
					padding: 5px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border: 3px solid #fff;
					}
					
				a.tooltip:hover span b {
					letter-spacing: 1px;
					}