* { margin: 0px; padding: 0px; }
html { min-height: 100%; margin-bottom: 1px; }
body { background: #fff; font-size: 11px; font-family: tahoma, arial, sans-serif; color: #000; text-align: center; }
table, td, th {font-size: 11px; font-family: tahoma, arial, sans-serif; color: #000; text-align: left;}
hr { color: #fff; background: #fff; border-bottom: 1px solid #B6B2A3; }
blockquote { margin: 10px 30px; }
#skip { display: none;}
#container { position: relative; width: 748px; margin: 0px auto; text-align: left; }
/* Header */
#header { position: relative; margin: 0px auto; text-align: left; height: 67px; }
#S_header { position: relative; margin: 0px auto; text-align: left; height: 90px; }
#logo { position: relative; }
#search { position: absolute; top: 20px; right: 35px; width: 235px; font-size: 9px;}
#search a:link, #search a:visited { color: #369;}
#search a:hover { color: #69c;}
* html #search input { font-size: 10px; }
#search div { float: right; padding: 3px 10px; border-left: 1px solid #333; }
#searchbutton { float: left; width: 55px; height: 18px; margin: 6px 2px 0px 0px; border: 1px solid; background: #369; border-color: #79b #336 #336 #79b;color:
#fff; font-size: 8px; font-size: 9px; font-family: tahoma, arial, sans-serif; }
#searchbutton_searchpage { width: 55px; height: 18px; margin: 6px 2px 0px 0px; border: 1px solid; background: #369; border-color: #79b #336 #336 #79b;color:
#fff; font-size: 8px; font-size: 9px; font-family: tahoma, arial, sans-serif; }
#searchbox { float: left; height: 12px; width: 98px; margin: 6px 2px 0px 0px; padding: 2px; background: #efefef; border: 1px solid #ccc; }
#H_mainimg { position: relative;}
/* NAVIGATION: primary nav */
/* NAVIGATION */
#nav { position: relative; height: 40px; background: #eee; z-index: 10; border-top: 6px solid #000; }
#nav li { position: relative; float: left; font-size: 11px; list-style: none; display: block; width: 107px; border-top: 1px solid #fff; }
#nav li a, #nav li div { position: relative; display: block; height: 40px; text-decoration: none; cursor: hand; width: 107px; }
#nav li strong { position: absolute; left:0px; top: 0px; height: 40px; display: block; z-index: 10; width: 107px; }
#nav li.technology, #nav li.technology a, #nav li.technology a strong { background: url(../images/cache/HN_technology.gif);}
#nav li.markets, #nav li.markets a, #nav li.markets a strong { background: url(../images/cache/HN_markets.gif);}
#nav li.trials, #nav li.trials a, #nav li.trials a strong { background: url(../images/cache/HN_trials.gif);}
#nav li.news, #nav li.news a, #nav li.news a strong { background: url(../images/cache/HN_news.gif);}
#nav li.investor, #nav li.investor a, #nav li.investor a strong { background: url(../images/cache/HN_investor.gif);}
#nav li.about, #nav li.about a, #nav li.about a strong { background: url(../images/cache/HN_about.gif); }
#nav li.careers, #nav li.careers a, #nav li.careers a strong { background: url(../images/cache/HN_careers.gif); width: 106px;}
/* HOVER STATE: all images are stacked equal height so this one style makes them all work with no need to repeat. Also: #nav li.class preloads the rollover image. */
#nav li.technology, #nav li.technology a:hover strong, #nav li.markets, #nav li.markets a:hover strong, #nav li.trials, #nav li.trials a:hover strong, #nav li.news, #nav li.news a:hover strong, #nav li.investor, #nav li.investor a:hover strong, #nav li.about, #nav li.about a:hover strong, #nav li.careers, #nav li.careers a:hover strong { background-position: 0px -40px;}
/* ON STATE */
#nav li.technologyon, #nav li.technologyon div strong { background: url(../images/cache/HN_technology.gif) 0px 40px;}
#nav li.marketson, #nav li.marketson div strong { background: url(../images/cache/HN_markets.gif) 0px 40px;}
#nav li.trialson, #nav li.trialson div strong { background: url(../images/cache/HN_trials.gif) 0px 40px;}
#nav li.newson, #nav li.newson div strong { background: url(../images/cache/HN_news.gif) 0px 40px;}
#nav li.investoron, #nav li.investoron div strong { background: url(../images/cache/HN_investor.gif) 0px 40px;}
#nav li.abouton, #nav li.abouton div strong { background: url(../images/cache/HN_about.gif) 0px 40px; }
#nav li.careerson, #nav li.careerson div, #nav li.careerson div strong { background: url(../images/cache/HN_careers.gif) 0px 40px; width: 106px;}
/* NAVIGATION: css drop downs */
#nav li ul li a:link, #nav li ul li a:visited { position: relative; display: block; background: #369 none; color: #fff; text-decoration: none; cursor: hand; /* for IE */ height: 100%; width: 86px; line-height: 14px; z-index: 50; padding: 4px 10px; }
* html #nav li ul li a:link, * html #nav li ul li a:visited { width: 106px; w\idth: 86px;}
#nav li ul li a:hover { background: #036; }
#nav ul { list-style: none;} /* all lists */
#nav li ul { display: none; position: absolute; top: 40px; left: 0px; z-index: 50; } /* second-level lists */
#nav li>ul { top: 40px; left: 0px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
#nav li:hover ul, #nav li.over ul { display: block; padding: 0px; } /* lists nested under hovered list items */
/*
CONTENT ---------------------------------------------------------------- */
#H_content { position: relative; background: url(../images/H_content_back.jpg) no-repeat bottom left; min-height: 270px; border-top: 12px solid #fff; }
* html #H_content { height: 270px; }
#H_hemopurifier { position: absolute; bottom: 65px; left: 230px; width: 110px; height: 50px; }
#H_info { position: relative; float: left; width: 386px; padding: 20px; line-height: 18px;}
* html #H_info { width: 426px; w\idth: 386px; text-align: justify;}
#H_info p { padding-bottom: 8px;}
#H_info span { font-size: 10px;}
#H_whatsnew { position: relative; float: left; width: 270px; padding: 20px 25px 60px; font-size: 10px;}
* html #H_whatsnew { width: 320px; w\idth: 270px;}
#H_whatsnew span { font-size: 12px; color: #900;}
#H_whatsnew p { padding: 6px 0px 0px;}
.H_award { position: absolute; bottom: 60px; left: 20px;}
/*
SUBPAGE content ---------------------------------------------------------------- */
#subhead { padding-bottom: 20px;}
#subnav { position: relative; float: left; padding: 25px 0px 0px 10px; width: 210px; }
* html #subnav { width: 220px; w\idth: 210px; }
#subnav ul { border-right: 1px solid #E8E4D5; margin-right: 60px;}
#subnav li { list-style: none; height: 20px; line-height: 10px; }
#subnav a:link, #subnav a:visited { display: block; height: 20px; line-height: 10px;}
#subnav_hemopurifier { position: relative; margin-left: -10px; float: left;}
.subnavLevel2 { position: relative; left: 15px; }
#content { position: relative; left: 0px; float: left; width:410px; padding: 80px 116px 40px 0px;}
* html #content { width: 526px; w\idth: 410px; }
#content.override { padding-right:96px; width:430px; }
#content p { padding: 0px 0px 10px; line-height: 18px;}
#content ul, #content ol { margin-left: 20px; margin-top: 10px; }
#content li { margin-bottom: 5px; }
#content h1 { margin-bottom: 10px; font-size: 14px; color: #000; }
#content img { border: 1px solid #000; }
#content .adobe img { border: none; margin: 0 5px 0 0 }
#joyce, #hall, #frakes, #tullis, #richardson { display: none; margin-bottom: 30px; border: 1px solid #E7F0EB; border-top: 0; border-left: 0; padding: 10px 10px 20px 10px; }
a.close:link, a.close:visited { position: relative; top: 15px; left: 335px; padding: 3px 5px; background: #f6f6f6; border: 1px solid #ccc; color: #cc3366; font-size: 8px; font-weight: bold; text-decoration: none; }
#pr td { padding: 5px; border-bottom: 1px solid #B6B2A3; }
#pr th { padding: 5px; background: #B6B2A3; color: #fff; border-top: 1px solid #990000; }
ul.pdf li { list-style-image: url(../images/ICN_pdf_sm.gif); }
ul.qt li { list-style-image: url(../images/ICN_qt_sm.gif); }
ul.video li { list-style-image: url(../images/ICN_video_sm.gif); }
.adobe { width: 250px; margin-top: 10px; float: right; font-size: 10px; }
ul.noqt { list-style: none; margin-left: 15px !important; }
#footer { position: relative; padding: 10px; width: 730px; float: left; clear: both; border-top: 6px solid #E8E4D5; color: #E8E4D5; font-size: 10px;}
#footer span { color: #666;}
/* forms */
fieldset { width: 400px; border: none; margin: 5px 0; display: block; }
fieldset .leftcol { display: block; float: left; height: 14px; width: 100px; margin: 0; padding: 2px; text-align: left; border:1px solid #efefef; }
input, textarea { height: 14px; width: 280px; margin-bottom: 5px; padding: 2px; background: #efefef; border: 1px solid #ccc; }
#search_radio { height: 14px; width: 25px; margin-bottom: 5px; padding: 2px; background: #efefef; border: 1px solid #ccc; }
select { height: 18px; width: 206px; margin-bottom: 5px; padding: 1px; background: #efefef; border: 1px solid #ccc; font-size: 10px; }
#results_per_page { height: 18px; width: 100px; margin-bottom: 5px; padding: 1px; background: #efefef; border: 1px solid #ccc; font-size: 10px; }
#searchbox_searchpage { height: 12px; width: 100px; margin: 6px 2px 0px 0px; padding: 2px; background: #efefef; border: 1px solid #ccc; }
textarea { height: 100px; }
.button { height: 24px; width: 50px; margin-right: 5px; background: #990000; border-right: 2px solid #efefef; border-bottom: 2px solid #efefef; color: #fff; font-weight: bold; text-align: center; }
/* LINKS */
a:link, a:visited { color: #369; text-decoration: none; }
a:hover { color: #777;}
/* ELEMENTS */
h2 { font-size: 13px; color: #555; padding: 2px 0px 0px;}
h2.subhead { margin-bottom:10px; }
input { font-size: 12px; }
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
#content { min-height: 280px; }
.tbl-alt td { padding:4px 0 6px; border-bottom:1px solid #f8f8f8; }