/* Default site-wide styling */
/* ------------------------- */
body {
	background-color: #D9D4C4;
	font-family: verdana, arial, sans-serif;
	}

body, img, form, a {
	margin: 0px;
	padding: 0px;
	border: none;
}

table, td, tr {
	margin: 0px;
	padding: 0px;
}

form {
	/* necessary to help forms (such as the home page select) vertical-align correctly */
	display: block;
}

h1, h2 {
	font-family: arial;
	}
	
p, ul, ol, li, td {
	font-family: verdana;
	font-size: 11px;
	}

.disclaimer {
	font-family: verdana;
	font-size: 10px;
	}
	
.searchText {
	font-family: verdana;
	font-size: 10px;
	}
	
table.contentTable {
	width: 800px;
	background-color: #F9F4E4;
}	
	
/* ------------------------- */
/* --- Home Page Styling --- */
/* ------------------------- */

td.headerNav {
	text-align: right;
	background-color: #F9F4E4;
	padding: 3px 10px 3px 0px;
	
	}
	
td.headernav img {
	margin-left: 0.3em;
	margin-right: 0.3em;
}
	
.headerNav, .headerNav a {	
	font-size: 11px;
	color: 993333;
	text-decoration: none;
				
	}

.headerNav a:hover {
	text-decoration: underline;
	}
	
table.homePageNav {
	/* background image runs visible behind all cells */
	background-image: URL(../images/homepage/homepage-nav-banner.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	}

table.homePageNav td, table.homePageNav a {
	/* height set in html */
	text-align: right;
	margin-right: 18px;
	color: #0970BF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

table.homePageNav a:hover {
	color: #993333;
}

table.homePageContent {
	width: 100%;
	background-image: URL(../images/homepage/content-background-center.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-color: #FFFFFF; /* in case table blown out */

}

td.homePageContentLeftBorder {
	width: 10px;
	/* Overrides homePageContent bg image */
	background-image: URL(../images/homepage/content-background-left.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

td.homePageContentRightBorder {
	width: 10px;
	/* Overrides homePageContent bg image */
	background-image: URL(../images/homepage/content-background-right.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

td.homePageContentHeader  {
	/* widths set in html */
	vertical-align: baseline;
	height: 47px; /* = 47px - padding-top - padding-bottom */

	padding-top: 22px;
	padding-bottom: 11px;
}

td.homePageContentHeader img {
	vertical-align: baseline;
}

td.homePageContentBottom {
	height: 20px;
	background-color: #E9E9E9;
}

/* --- Begin "For Investors" Area on Home Page */
table.homePageInvestors {
	background-image: URL(../images/homepage/grid-background.gif);
	background-position: 0% 0%;
	background-repeat: both;
	margin-bottom: 3px;
}

td.gridRight {
	width: 4px;
	vertical-align: top;

	background-image: URL(../images/homepage/grid-bg-r.gif);
	/* top right corner image set in html */
	background-position: 0% 0%;
	background-repeat: repeat-y;	
}

td.gridBottom {
	height: 4px;
	background-image: URL(../images/homepage/grid-bg-b.gif);
	/* top right corner image set in html */
	background-position: 0% 0%;
	background-repeat: repeat-x;	
}
	
td.homePageQuickLink {
	height: 43px;
	width: 255; /* =268-padding */
	padding-left: 13px;
}
.homePageQuickLink img{
	text-align: middle;
}
.homepageQuickLink span {
	font-family: arial;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	color: #993333;
}

.homePageQuickLink select {
	font-family: arial;
	font-size: 11px;
	width: 140px;
}

td.sepr {
	height: 24px;	
	width: 88px; /* 100 - padding */
	padding-left: 12px;
	font-family: arial; 
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

td.seprRight {	
	width: 155px; /* = 168px - padding */
	padding-right: 13px;
	font-family: arial; 
	font-size: 10px;
	color: #666666;
	text-align: right;
}

td.trade1 {
	height: 14px;
	width: 86px; /* = 100px - padding */
	padding-left: 14px;
	font-family: arial;
	font-size: 10px;
	color: #666666;
}

td.trade2 {
	width: 58px;
	font-family: arial;
	font-size: 10px;
	color: #666666;
}

td.trade3 {
	width: 66px; 
	font-family: arial;
	font-size: 10px;
	color: #666666;
}

td.trade4 {
	width: 44px; 
	font-family: arial;
	font-size: 10px;
	color: #666666;
}

td.trade5 {
	font-family: arial;
	font-size: 10px;
	color: #666666;
}

td.investorsBottomLinks {
	height: 27px; /* = 56px - padding-top - padding-bottom */
	padding: 21px 5px 8px 8px;
		
	font-family: arial;
	font-size: 11px;
	color: #0970BF;
	
}

.investorsBottomLinks a {
	color: 0970BF;
	text-decoration: none;	
}

.investorsBottomLinks a:hover {
	text-decoration: underline;
}

.investorsBottomLinks img {
	margin-right: 5px;
}

/* tradeUp and tradeDown are changed dynamically with javaScript */
span.tradeUp {
	color: #07A333;
}

span.tradeDown {
	color: #FE6868;
}

table.homePageInvestors span.normal {
	font-family: arial;
	font-size: 10px;
	color: #333333;
	
}

/* --- Begin "Our Products" Area on Home Page */
table.homePageProducts {
	vertical-align: top;
	/* height: 47px; -- inhereted from td.homePageContentInvestors */
}

table.homePageProducts .row1 {
	width: 201px; /* = 227 - padding-left */
	height: 58px;
	padding-left: 16px;
	text-align: left; 
}

table.homePageProducts .row2 {
	height: 39px;
	text-align: center; 
}

table.homePageProducts .row3 {
	height: 34px;
	text-align: right; 
	padding-right: 16px;
}

table.homePageProducts td.search {
	padding: 0px 10px 3px 0px;
	height: 23px;
}

table.homePageProducts a {
	font-family: arial;
	font-size: 11px;
	color: #0970BF;
	text-decoration: none;
}

table.homePageProducts form.search a:hover {
	text-decoration: underline;
}

table.homePageProducts form.search input {
	font-family: arial;
	font-size: 11px;
}

table.homePageProducts form.search img {
	margin-right: 5px;
	margin-left: 5px;
}

/* --- Begin "Now at Sepracor" Area on Home Page */
table.homePageNews {
	background-color: #FfF4E4;
}

table.homePageNews td {
	vertical-align: top;
	/* height: 47px; -- inhereted from 		td.homePageContentInvestors */
		}
	
table.homePageNews div { /* This style should correspond with the styles in .styles/iFramestyle.css - be sure to update both */
	font-family: arial;
	font-size: 10px;
	color: #666666;
	margin-top:3px;
	margin-bottom: 3px;
}

/* Top border on HP's news table */ 
table.homePageNews td.newsTopLeft,
table.homePageNews td.newsTop {
	border-top: 1px solid #CDCDCD;
}

/* Right Border on HP's news table */ 
table.homePageNews td.newsTopRight,
table.homePageNews td.newsRight {
	border-left: 1px solid #CDCDCD;
}

/* Left Border on HP's news table */ 
table.homePageNews td.newsTopLeft,
table.homePageNews td.newsLeft {
	border-left: 1px solid #CDCDCD;
}

/* Bottom border on HP's news table */ 
table.homePageNews td.newsBottomLeft,
table.homePageNews td.newsBottom {
	border-top: 1px solid #CDCDCD;
}

/* Right Drop Shadow on home page news table*/
table.homePageNews td.newsTopRight,
table.homePageNews td.newsRight {
	background-image: URL(../images/homepage/news-bg-r.gif);
	/* top right corner image set in html */
	background-position: 0% 0%;
	background-repeat: repeat-y;
	background-color: #D6D6D6;
}

/* Bottom Drop Shadow on home page news table*/
table.homePageNews td.newsBottom,
table.homePageNews td.newsBottomRight {

	background-image: URL(../images/homepage/news-bg-b.gif);
	/* top right corner image set in html */
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}


table.homePageNews td.newsBottomLeft {
	background-color: #FFFFFF; /* overide table bgcolor */
}


/* --- Footer - Home and Sup Pages --- */

td.footer {
	height: 17px;
	background-image: URL(../images/homepage/homepage-footer.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding-left: 2px;
	padding-top: 3px;
}

td.footer, .footer a {
	font-family: arial;
	font-size: 10px;
	color: #8b002f;
	text-decoration: none;
	/* Text positioning must be very precise to match the approved template */

}

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

/* ------------------------- */
/* ---- Sub Page Styles ---- */ 
/* ------------------------- */


table.subPageNav {
	height: 105px;
	background-image: URL(../images/subpage/banner-background.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	margin-left: 4px;
	
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

table.subPageNav .off {
	
	color: #0970BF;
}

table.subPageNav .current {
	
	color: #8E866F;
}


table.subPageNav a {
	text-decoration: none;
	color: #0970BF;
}

table.subPageNav a:hover {
	color: #993333;
}

table.subPageNav td.aboutCurrent1 { 
	background-image: URL(../images/subpage/nav/about-current1-bg.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;	
}

table.subPageNav td.aboutCurrent2 {
	background-image: URL(../images/subpage/nav/about-current2-bg.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

table.subPageNav td.ProductsCurrent {
	/* 
	background-image: URL(../images/subpage/nav/products-current-bg.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	*/
}

table.subPageNav td.investorsCurrent {
	/* 
	background-image: URL(../images/subpage/nav/investors-current-bg.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	*/
}

table.subPageNav td.therapeuticCurrent { 
	/* background-image: URL(../images/subpage/nav/therapeutic-current-bg.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat; */
}

table.subPageContent {
	width: 100%;
	background-image: URL(../images/homepage/content-background-center.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-color: #FFFFFF; /* in case table blown out */

}

td.subPageContentLeftBorder {
	width: 10px;
	background-image: URL(../images/subpage/content-background-left.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

td.subPageContentRightBorder {
	width: 10px;
	/* Overrides homePageContent bg image */
	background-image: URL(../images/homepage/content-background-right.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}


td.subPageContentBottom {
	height: 20px;
	background-color: #E9E9E9;
}


/* ----------- Left Nav Styles -------- */

td.navEnvelope {
	width: 190px; /* must agree with width set in table.subPageLeftNav div.header */
	background-image: URL(../images/subpage/nav/nav-background.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-color: #F7F7F7; /* BG image fades to F7F7F7 */
}

table.subPageLeftNav {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}

table.subPageLeftNav td.navHeader {
 /* also set in encapsulating table - must agree */
	height: 40px;
	width: 190px;
	font-face: arial;
	font-size: 13px;
	color: #0970BF;
	font-weight: bold;
	padding: 4px 4px 4px 14px;
}

table.subPageLeftNav div.navItem {
	 background-color: #FFFFFF;
	 margin: 0px 3px 4px 2px;
	 padding-top: 3px;
	 padding-bottom: 3px;
	 padding-right: 6px;
	 width: 190px;
}

table.subPageLeftNav a {
	color: #000000;
	text-decoration: none;	
}

a.on {  /* The current page */
	/* color: #0970BF ! important; */
	color: #0970BF ! important;
	margin-top: 100px;
}

table.subPageLeftNav a:hover {
	color: #999999;
}

table.subPageLeftNav div.level1,
table.subPageLeftNav div.level1Open  {  /* "level ONE" */
	padding-left: 18px;	
}


table.subPageLeftNav div.level2 {
	padding-left: 32px;
}

table.subPageLeftNav div.level1 {  /* "level ONE" */
	background-image: URL(../images/common/arrow-right.gif);
	background-position: 5px center;
	background-repeat: no-repeat;	
}

table.subPageLeftNav div.level1Open {  /* "level ONE" */
	background-image: URL(../images/common/arrow-down.gif);
	background-position: 5px center;
	background-repeat: no-repeat;	
}

/* --- Sub-Page Content area --- */

table.subPageContent td.mainContent {
	background-color: #ffffff;
	background-image: none;
}

table.subPageContent div.contentPadding { /* sub page a */
	padding: 9px 40px 12px 9px;
}

table.subPageContent div.contentPaddingB { /* sub page b, main content area */
	padding: 9px 12px 12px 9px;
}

table.subPageContent div.contentPaddingBCallout { /* sub page b, right content (callout) area) */
	padding: 0px 12px 12px 12px;
}


table.subPageContent div.indentContentMore {
	padding-left: 30px;
}


div.breadCrumb {
	padding-top: 10px;
	font-family: verdana;
	font-size: 10px;
	color: #999999;
}

div.breadcrumb a {
	color: #999999;
	text-decoration: none;
}

div.breadcrumb a:hover {
	color: #000000; 	
}

table.subPageContent div.header {
	padding-top: 25px;
	font-family: arial;
	font-size: 16px;
	color: #993333;
	font-weight: bold;
}

table.subPageContent div.mainContent { /* Sub Page a */
	font-family: verdana;
	font-size: 11px;
	line-height: 1.3em;
	color: #000000;
}

table.subPageContent td.mainContentB { /* Sub page b */
	padding: 12px 12px 12px 9px;
}

div.footNote {
	margin-top: 30px;
	padding-top: 17px;
	background-image: URL(../images/common/fake-hr.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x; 
}

div.footNote p {
	font-size: 10px;
	padding-top: 0px;
	margin-top: 0px;
}


/* --- "Floating" Callout Box --- */

table.calloutBox {
	margin-left: 10px;
	margin-bottom: 6px;
	
	background-color: #F9F4E4;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}

table.calloutBox td.content {
	padding: 1px 4px 10px 0px;
	vertical-align: top;
	/* Set the width in the html's content cell
	to prevent blowout. Remember, actual width = width - padding */
}

table.calloutBox div.description {
	padding-top: 5px;
	padding-left: 14px;
	text-align: left;

	
}

table.calloutBox a {
	font-family: arial;
	color: #0970BF;
	text-decoration: none;
	border: none;
}

table.calloutBox a:hover {
	text-decoration: underline;
}


table.calloutBox td.topLeft {
	width: 4px;
	height: 4px;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

table.calloutBox td.top {
	border-top: 1px solid #CCCCCC;
	/* Set the width in the html's content cell
	to prevent blowout */
}

table.calloutBox td.topRight {
	width: 4px;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

table.calloutBox td.right {
	border-left: 1px solid #CCCCCC;
	background-color: E5E5E5;
}

table.calloutBox td.bottomRight {
	background-color: E5E5E5;
}

table.calloutBox td.bottom {
	background-color: E5E5E5;
	border-top: 1px solid #CCCCCC;
}

table.calloutBox td.bottomLeft {
	height: 4px;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
}

table.calloutBox td.left {
	border-left: 1px solid #CCCCCC;
}

/* ------------------------- */
/* Common Styles - use anywhere */
/* ------------------------- */
.flushTop {
	border-top: 0px;
	padding-top: 0px;
	margin-top: 0px;
	}

.flushBottom {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}

.leftPad11 {
	padding-left: 11px;
	}

.topPad22 {
	padding-top: 22px;
	}

.vAlignTop {
	vertical-align: top;
}

.vAlignMiddle {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.tablebody {
	margin-bottom: 10px;
	text-decoration:none; 
	border-top: solid 1px ; 
	border-right: solid 1px;
	font-family: verdana;
	font-size: 12px;
	padding: 5px;
}

.reg {
	font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 10px;
	color : #000000;
}
.tm {
	font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 10px;
	color : #000000;
}

.tableNoBorder {
	font-family: verdana;
	font-size: 11px;
	}

td.bordersidesFirst {
	font-family: arial;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8DBDE;
	border-right-color: #D8DBDE;
	border-bottom-color: #D8DBDE;
	border-left-color: #D8DBDE;
	vertical-align: text-bottom;
}
td.bordersidesNext {
	font-family: arial;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: none;
	border-right-color: #D8DBDE;
	border-bottom-color: #D8DBDE;
	border-left-color: #D8DBDE;
	vertical-align: text-bottom;
}
.regLink {
	font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 10px;
	text-decoration:none;
}

div.description a {
	color:#000000;
}
div.homesearch {

}