@charset "utf-8";
/* ====================================================================
Title:		ADME - default stylesheet
Date: 		January/February 2009
Author: 	LRS Web Services
Document:	style.css
Purpose:	This document is used on all parts of the ADME website.
			This is the default stylesheet.

TABLE OF CONTENTS:
-----------------------------------------------------------------------
	0.0	IMPORTS
	1.0 HTML ELEMENTS
	2.0 LAYOUT
		2.1 HEADER
			2.1.1 BRANDING
			2.1.2 GLOBAL NAVIGATION
			2.1.3 MAIN NAVIGATION
			2.1.4 PAGE HEADINGS
		2.2 BODY
			2.2.1 SIDEBAR
				2.2.1.1 SECONDARY NAVIGATION
				2.2.1.2 GLOBALLY HIGHLIGHTED NAVIGATION
			2.2.2 MAIN
				2.2.2.1 PAGE BANNERS
				2.2.2.2 CONTENT
				2.2.2.3 SIDE PANEL
		2.3 FOOTER
	3.0 MISC
-----------------------------------------------------------------------


ATTRIBUTE LAYOUT:
-----------------------------------------------------------------------
 In order to keep the sheet readable, please
 keep the selectors and attributes in this format:

	selector {
		property: value;
	}
-----------------------------------------------------------------------


ATTRIBUTE PROPERTY ORDER:
-----------------------------------------------------------------------
 In order to avoid unwanted behaviors caused by
 duplicate attributes in selector, and to allow
 for better organization, please keep attributes
 in ALPHABETICAL order.
-----------------------------------------------------------------------


COLOR PALETTE:
-----------------------------------------------------------------------
 PRIMARY:										#990000; (Red)
 ACCENT:										#FF9001; (Orange)
----------------------------------------------------------------------- 
 
 
GRAYSCALE:
-----------------------------------------------------------------------
 WHITE:											#FFFFFF; (White)
 STEP ONE:										#E5E5E5; (Lighest Gray)
 STEP TWO:										#D1D1D1; (Lighter Gray)
 STEP THREE:									#B2B2B2; (Light Gray)
 STEP FOUR:										#979797; (Medium Gray)
 STEP FIVE:										#7C7C7C; (Dark Gray)
 STEP SIX:										#4C4C4C; (Darker Gray)
 STEP SEVEN:									#0D0D0D; (Darkest Gray)
 BLACK:											#000000; (Black)
-----------------------------------------------------------------------


FONTS:
-----------------------------------------------------------------------
 PRIMARY: 			--px	Georgia	regular		#000000
-----------------------------------------------------------------------


LINKS:
-----------------------------------------------------------------------
 PRIMARY: 			--px	Arial	regular		#FF9001	underline
 PRIMARY HOVER:		--px	Arial	regular		#------	underline
 SECONDARY:			--px	-------	regular		#------
 SECONDARY HOVER: 	--px	-------	regular		#------
-----------------------------------------------------------------------


HEADINGS:
-----------------------------------------------------------------------
 H1:				--px	Arial	regular		#------
-----------------------------------------------------------------------


BACKGROUND COLORS:
-----------------------------------------------------------------------
 PRIMARY:										#990000				
-----------------------------------------------------------------------


BORDERS/LINES:
-----------------------------------------------------------------------
 PRIMARY:		
 SECONDARY:
-----------------------------------------------------------------------


IMAGES:
-----------------------------------------------------------------------
Splash Screen Background:				b-ADME-splash.gif
Body Background: 						b-ADME.gif
Branding Background: 					
Global Nav Background: 	
Content Background: 	
Footer Background:
-----------------------------------------------------------------------


========================================================================================== */





/* ==========================================================================================
=0.0 IMPORTS
========================================================================================== */
@import url(fonts.css);





/* ==========================================================================================
=1.0 HTML ELEMENTS
========================================================================================== */
*{
	margin:0;
	padding:0;
	/*line-height:normal;*/
}
html, body{
	width:100%;
}
body{
}
body.ADME, body.DMC, body.DMP{
	background:#990000 url(/images/b-page.gif) repeat-x top;
}
body.splash{
	background:#990000 url(/images/b-main-splash.gif) repeat-x top;
}
a{
	outline:none;
	margin:0;
	padding:0;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a img{
	border:0;
}
h1{
	margin:0 0 0 0;
	letter-spacing:-.5px;
}
h2{
	margin:0 0 .778em 0;
	letter-spacing:-.5px;
}
h3{
	line-height:1.14em;
	margin:6px 0 4px 0;
	letter-spacing:-.5px;
}
h4{
	line-height:1.45em;
	margin:6px 0 0 0;
	letter-spacing:normal;
}
p{
	line-height:1.45em;
	margin:0 0 1.27em 0;
}
blockquote{
	line-height:1.45em;
	margin:0 45px 1.27em 45px;
}
hr{
	border:1px solid #D1D1D1;
}




/* ==========================================================================================
=2.0 LAYOUT 
========================================================================================== */
.page{
	margin:29px auto 0 auto;
	width:984px;
}
.splash .page{
	margin-top:0;
}





	/* ======================================================================================
	=2.1 HEADER
	====================================================================================== */
	.header{
		width:984px;
	}
	.splash .header{
		height:215px;
	}





		/* ==================================================================================
		=2.1.1 BRANDING
		================================================================================== */
		.branding{
			float:left;
			height:96px;
			width:253px;
		}
		.branding a{
			display:block;
			height:96px;
			width:253px;
		}




		/* ==================================================================================
		=2.1.2 GLOBAL NAVIGATION
		================================================================================== */
		.nav-0{
			float:right;
			height:30px;
			margin:0 0 31px 0;
			text-align:right;
			width:731px;
		}
		.nav-0 span{
			line-height:30px;
		}
		.nav-0 a{
			text-decoration:none;
		}
		.nav-0 a:hover{
			background:#979797;
		}




		/* ==================================================================================
		=2.1.1 MAIN NAVIGATION
		================================================================================== */
		.nav-1{
			float:right;
			height:35px;
			width:633px;
		}
		.nav-1 ul{
			height:35px;
			list-style:none;
			width:633px;
		}
		.nav-1 ul li{
			display:block;
			float:left;
			height:35px;
			text-indent:-10000px;
			width:211px;
		}
		.nav-1 ul li a{
			display:block;
			height:35px;
			width:211px;
		}
		.nav-1 ul li a:hover{
			background-position:0 -40px;
		}
		#n1-lookingForADMC a{
			background-image:url(/images/n1-dmc.gif);
		}
		body.DMC #n1-lookingForADMC a{
			background-image:url(/images/n1-dmc-on.gif);
		}
		#n1-iAmADMC a{
			background-image:url(/images/n1-dmp.gif);
		}
		body.DMP #n1-iAmADMC a{
			background-image:url(/images/n1-dmp-on.gif);
		}
		#n1-goToADME a{
			background-image:url(/images/n1-adme.gif);
		}
		body.ADME #n1-goToADME a{
			background-image:url(/images/n1-adme-on.gif);
		}





		/* ==================================================================================
		=2.1.1 PAGE HEADINGS
		================================================================================== */
		.header .pageHeading{
			clear:both;
			height:107px;
			margin:0 0 0 35px;
			width:949px;
		}
		.header .pageHeading h1{
			display:block;
			width:949px;
			height:107px;
		}
		.header .pageHeading h1 a{
			display:block;
			width:949px;
			height:107px;
			text-indent:-10000px;		
		}
		.DMP .header .pageHeading{
			background:url(/images/bnr-DMP.gif) no-repeat;
		}
		.DMC .header .pageHeading{
			background:url(/images/bnr-DMC.gif) no-repeat;
		}
		.ADME .header .pageHeading{
			background:url(/images/bnr-ADME.gif) no-repeat;
		}





	/* ======================================================================================
	=2.2 BODY
	====================================================================================== */
	.body{
		background:url(/images/b-body.gif) repeat-y;
		clear:both;
		float:left;
		margin:0 0 0 35px;
		position:relative;
		width:949px;
	}
	.splash .body{
		background:none;
		overflow:hidden;
	}





		/* ==================================================================================
		=2.2.1 SIDEBAR
		================================================================================== */
		.body .sidebar{
			float:right;
			margin:0 0 0 0;
			width:181px;
		}





			/* ==============================================================================
			=2.2.1.1 SECONDARY NAVIGATION
			============================================================================== */
			.nav-2{
				margin:20px 0 20px 10px;
				width:171px;
			}
			.nav-2 a{
				text-decoration:none;
			}
			.nav-2 ul{
				display:block;
				width:171px;
			}
			.nav-2 ul li{
				clear:both;
				display:block;
				padding:4px 0;
				margin:3px 0;
				width:171px;
			}
			.nav-2 ul li:hover{
				background:#979797;
			}
			.nav-2 ul li span{
				display:block;
				float:left;
				margin:0 0 0 3px;
			}
			.nav-2 ul li a{
				display:block;
				margin:0 13px;
				width:145px;
			}
			.nav-2 ul li a:hover{
				text-decoration:none;
			}
			.nav-2 ul li.on{
				background:#979797;
			}
			.nav-2 ul li.off ul{
				display:none;
			}
			.nav-2 ul li.on ul{
				display:block;
			}
			.nav-2 ul ul{
				display:block;
				width:171px;
			}
			.nav-2 ul ul li{
				clear:both;
				display:block;
				padding:0;
				margin:0;
				width:171px;
			}
			.nav-2 ul ul li:hover{
				background:#FF9001;
			}
			.nav-2 ul ul li span{
				display:block;
				float:left;
				margin:0 0 0 13px;
			}
			.nav-2 ul ul li a{
				display:block;
				margin:0 13px 0 20px;
				width:138px;
			}
			.nav-2 ul ul li a:hover{
				text-decoration:none;
			}





			/* ==============================================================================
			=2.2.1.2 GLOBALLY HIGHLIGHTED NAVIGATION
			============================================================================== */
			.nav-3{
				padding:20px 10px 20px 0;
				width:171px;
			}
			.nav-3 a{
				text-decoration:none;
			}
			.nav-3 ul{
				list-style-type:none;
				width:171px;
			}
			.nav-3 ul li{
				display:block;
				height:39px;
				line-height:39px;
				margin:0 0 10px 0;
				padding:0 0 0 0;
				vertical-align:middle;
				width:171px;
			}
			.nav-3 ul li a{
				background:url(/images/b-n3.gif) no-repeat top;
				display:block;
				height:39px;
				line-height:39px;
				padding:0 0 0 24px;
			}
			.nav-3 ul li a:hover{
				background-position:0 -44px;
			}



		/* ==================================================================================
		=2.2.2 BODY MAIN
		================================================================================== */
		.body .main{
			float:left;
			margin:-33px 0 0 0;
			position:relative;
			width:768px;
		}
		.splash .body .DMC{
			background:url(/images/b-body-splash-1.gif) repeat-y;
			float:left;
			margin:0 10px -1000px 0;
			padding:0 0 1000px 0;
			position:relative;
			width:310px;
		}
		.splash .body .DMP{
			background:url(/images/b-body-splash-2.gif) repeat-y;
			float:left;
			margin:0 10px -1000px 0;
			padding:0 0 1000px 0;
			position:relative;
			width:309px;
		}
		.splash .body .ADME{
			background:url(/images/b-body-splash-3.gif) repeat-y;
			float:left;
			margin:0 0 -1000px 0;
			padding:0 0 1000px 0;
			position:relative;
			width:310px;
		}
		.splash .body h1{
			font-size:1.27em;
		}		
		.splash .body ul{
			list-style-image:url(/images/b-ul.gif);
			padding:0 0 0 30px;
		}
		.splash .body .SPLcontent{
			padding:13px 12px 5px 17px;
		}
		.splash .body .SPLcontent a:hover{
			background:#FF9001;
		}


			/* ==============================================================================
			=2.2.2.1 PAGE BANNERS
			============================================================================== */
			.body .main .HPbanner{
				height:225px;
			}
			.body .main .SPbanner{
				height:144px;
			}
			.splash .SPLtab{
				height:142px;
				position:relative;
			}
			.splash .SPLtab a{
				display:block;
				height:142px;
				text-indent:-10000px;
			}
			.splash .DMC .SPLtab a:hover,
			.splash .DMP .SPLtab a:hover,
			.splash .ADME .SPLtab a:hover{
				background-position:0 -147px;
			}
			.splash .DMC .SPLtab a{
				background:url(/images/n1-dmc-splash.gif) no-repeat;
			}
			.splash .DMP .SPLtab a{
				background:url(/images/n1-dmp-splash.gif) no-repeat;
			}
			.splash .ADME .SPLtab a{
				background:url(/images/n1-adme-splash.gif) no-repeat;
			}
			.splash .SPLbanner{
				height:125px;
				margin-top:-50px;
				position:relative;
			}





			/* ==============================================================================
			=2.2.2.2 CONTENT
			============================================================================== */
			.body .main .content{
				padding:25px 35px 0;
				width:698px;
			}
			.body .main .content a:hover{
				background:#FF9001;
			}
			.body .main .content p{
				padding:0 0 0 0;
			}
			.body .main .content > img{
				margin:15px 0;
			}
			.body .main ul, .body .main ol{
				margin:0 0 1.27em 0;
				padding:0 15px;			
			}
			.body .main ul{
				list-style-image:url(/images/b-ul.gif);
			}
			.body .main table p{
/*				line-height:1em;*/
				vertical-align:middle
			}





			/* ==============================================================================
			=2.2.2.2.1 CONTENT BOXES
			============================================================================== */
			.box-1{
				clear:both;
				float:left;
				margin:20px 49px 0 0;
				width:200px;
			}
			.box-2{
				float:left;
				margin:20px 49px 0 0;
				width:200px;
			}
			.box-3{
				float:left;
				margin:20px 0 0 0;
				width:200px;
			}
			
			.box-1 a.imageLink, .box-2 a.imageLink, .box-3 a.imageLink{
				display:block;
				height:50px;
			}





			/* ==============================================================================
			=2.2.2.3 SIDE PANEL
			============================================================================== */
			.body .panel{
				background:#E5E5E5;
				float:right;
				margin:-25px -35px 35px 35px;
				padding:30px 22px 35px 22px;
				width:205px;
			}
			.body .panel h2{
				margin:0;
				padding:0 0 1.17em 0;
			}
			.body .panel ul{
				list-style-type:none;
				list-style-image:none;
				margin:0;
				padding:0 0 1.17em 0;
			}
			.body .panel ul li{
				height:14px;				
				padding:2px 0;
				width:205px;
			}
			.body .panel ul li a{			
				height:14px;
/*				line-height:14px;*/
				margin:0;
				padding:0;	
				vertical-align:top;
				width:177px;
			}
			.body .panel ul li span.pdfIcon{
				height:14px;
				margin:0 0 0 6px;
			}
			.body .panel p{
				padding:0 0 1.17em 0;
				width:177px;
			}	




	/* ======================================================================================
	=2.3 FOOTER
	====================================================================================== */
	.footer{
		background:url(/images/b-footer.gif) no-repeat;
		clear:both;
		float:left;
		height:30px;
		margin:0 0 0 35px;
		padding:38px 26px 0 26px;
		width:929px;
	}
	.footer span{
/*		line-height:1em;*/
		margin:0 0 0 0;
		padding:0 0 0 0;
		vertical-align:text-top;
	}
	.footer span span.textdiv{
		margin:0 5px;
	}
	.footer a{
		text-decoration:none;
	}
	.footer a:hover{
		background:#FFFFFF;
	}
	.splash .footer{
		clear:both;
		float:left;
		height:30px;
		margin:0 0 0 35px;
		padding:30px 0 8px 0;
		width:949px;
	}
	.splash .footer{
		background:url(/images/b-footer-splash.gif) no-repeat;
	}
	.splash .footer .DMC a,
	.splash .footer .DMP a,
	.splash .footer .ADME a{
		display:block;
		height:30px;
		line-height:30px;
		padding-right:27px;
		text-align:right;
	}
	.splash .footer .DMC a:hover,
	.splash .footer .DMP a:hover,
	.splash .footer .ADME a:hover{
		background-position:0 -35px;
	}
	.splash .footer .DMC{
		float:left;
		height:30px;
		margin:0 10px 0 0;
		width:310px;
	}
	.splash .footer .DMC a{
		background:url(/images/b-n3-splash.gif) no-repeat;
		width:283px;
	}
	.splash .footer .DMP{
		float:left;
		height:30px;
		margin:0 10px 0 0;
		position:relative;
		width:309px;	
	}
	.splash .footer .DMP a{
		background:url(/images/b-n3-splash-2.gif) no-repeat;
		width:282px;		
	}
	.splash .footer .ADME{
		float:left;
		height:30px;
		margin:0;
		position:relative;
		width:310px;
	}
	.splash .footer .ADME a{
		background: url(/images/b-n3-splash.gif) no-repeat;
		width:283px;
	}
	.splash .footer .copyright{
		clear:both;
		padding-top:25px;
		width:949px;
		text-align:center;
	}
	.splash .footer .copyright a:hover{
		background:#efcccc;
	}


/* ==========================================================================================
=3.0 MISC
========================================================================================== */
.hide{
	display:none;
}
.show{
	display:block;
}
.raquo{
	margin-left:2px;
	width:5px;
}
.pdfIcon{
	margin-left:2px;
	width:14px;
}
.pdfIcon{
	margin-left:2px;
	width:10px;
}
.externalIcon{
	margin-left:2px;
}
.adobeReader{
	display:block;
	margin-top:15px;
}
.body .panel .imageLink a:hover, .body .main .imageLink a:hover{
	background:none;
}
table.joinADME{
	border:0;
	border-collapse:collapse;
	vertical-align:top;
	width:440px;
}
table.joinADME tr{
}
table.joinADME td{
	vertical-align:top;
}
table.joinADME td.label{
	padding-bottom:4px;
	padding-right:2px;
	padding-top:4px;
	text-align:right;
	width:136px;
}
table.joinADME td.field{
	padding-left:2px;
	padding-top:2px;
	padding-bottom:4px;
	text-align:left;
	width:302px;
}
table.joinADME td.field input.textbox{
	width:300px;
}
table.joinADME td.field select.full{
	width:298px;
}
table.joinADME td.spacer{
	margin:0;
	padding:4px 0;
}
table.joinADME td span.note{
}

.errorPanel{
	width:400px;
	border:1px solid #FFCC66;
	margin:0 0 15px 0;
	padding:15px 15px 0 15px;
	background:#FFFFCC;
}