/* Ardea Biopharmacueticals
OA: David Sargent | PINT */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; }

body { text-align:center; color:#58595b; font:normal 12px/18px verdana,sans-serif; background:#fff; }
table, th, td, input, textarea, select { color:#58595b; font:normal 12px/18px verdana,sans-serif; }

a img, :link img, :visited img { border:none; }

a:link { color:#0c7ea3; text-decoration:none; }
a:visited { color:#0c7ea3; text-decoration:none; }
a:hover, a:active { color:#0c7ea3; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }
 
/* COMPONENTS (WIDGETS) - [  .component- ]
------------------------------------------------------------------------------------- */
.component-list { margin:0 0 30px; position:relative; }
.component-list ul { margin:0 !important; }
.component-list li { margin:0 0 10px; list-style:none; }
.component-list small { display:block; font-size:9px; }
.component-list .more { position:absolute; top:0; right:0; }

/* BUTTON STYLES - [  .btn- ]
------------------------------------------------------------------------------------- */

/* FORMS - [  .form- ]
------------------------------------------------------------------------------------- */

/* LIST STYLES - [  .list- ]
------------------------------------------------------------------------------------- */
.list-nobull li { list-style:none; }

.list-square { margin:0 0 15px !important; }
.list-square li { padding:0 0 5px 9px; list-style:none; background:url(../images/bg-square.png) no-repeat 0 7px; }

.list-line { margin:0 !important; }
.col2 .list-line, .col3 .list-line { margin:15px 0 !important; }
.list-line li { margin:0 0 10px; padding:3px 0 16px; color:#54463e; font-size:13px; line-height:16px; list-style:none; border:1px solid #c7c7c5; border-width:0 0 1px; }
.list-line li.last { border:none; }
.col2 .list-line li, .col3 .list-line li { margin:8px 0 0; padding:11px 0 2px; border-width:1px 0 0; }
.list-line h2 { margin:0 0 3px !important; line-height:20px !important; }

.list-events { margin:45px 0 0; } 

/* TABLE STYLES - [  .tbl- ]
------------------------------------------------------------------------------------- */
.tbl-presentation { margin:13px 0 0; border-collapse:collapse; border-top:2px solid #bdbdbc; }
.tbl-presentation td { padding:10px 0; vertical-align:top; font-family:arial,sans-serif; }
.tbl-presentation h2 { margin:0 !important; }

/* TAB STYLES - [  .tabs- ]
------------------------------------------------------------------------------------- */
/* JQuery Tabs: Tab Names Here */
.ui-tabs { position:relative; padding:31px 0 0; }
.tabs-tabs { position:absolute; top:0; left:0; margin:0 !important; }
.tabs-tabs li { float:left; display:inline; color:#49494a; font-size:14px; line-height:18px; font-style:italic; }
.tabs-tabs a { padding:0 2px 0 0; display:block; color:#49494a; outline:none; cursor:pointer; background:#dfdbd6 url(../images/bg-tabs.png) no-repeat 100% 0; }
.tabs-tabs a:hover { text-decoration:none; }
.tabs-tabs a span { padding:6px 18px; display:block; background:url(../images/bg-tabs.png) no-repeat 0 0; }
.ui-corner-top { margin-right:5px !important; }
.ui-state-default a { color:#0c7ea3; border:1px solid #c2c0bd; }
.ui-state-active a { color:#49494a; background:none; border:1px solid #c2c0bd; border-bottom:1px solid #fff; }
.ui-state-active span { background:none !important; }

.tab-title { margin:0 0 -1px !important; padding:6px 18px 7px; float:left; display:inline; font-size:14px; font-weight:normal; font-style:italic; background:#fff; border:1px solid #c2c0bd; border-bottom:1px solid #fff; }
.tabs .clear { margin:0 0 15px !important; height:1px; display:block; clear:left; overflow:hidden; border-top:1px solid #c2c0bd; }
.tabbox { margin:0 0 25px; padding:0 20px; }
.ui-tabs-panel { padding:20px 20px 0; border-top:1px solid #c2c0bd; }
.ui-tabs-hide { display:none; }
.ui-widget-content { min-height:490px; _height:490px; }

/* SHARED
------------------------------------------------------------------------------------- */
.inner { position:relative; margin:0 auto; width:990px; text-align:left; }
#header .inner { height:150px; z-index:50; }

#logo { position:absolute; top:32px; left:27px; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; font-size:14px; }
.nav li span { position:absolute; top:0; left:0; display:block; }

.nav li table { margin:0 -1px -1px; border-collapse:collapse; }
.nav li td { font-size:11px; }
.nav li:hover, * html .nav a:hover { position:relative; }
.nav li li a { font-size:11px; text-align:left; }

/* Main Nav - Specific (Must also have .nav on element) */
#nav { top:110px; left:0; padding:0 11px; width:968px; height:36px; border-top:4px solid #49494a; }
#nav li { height:36px; }
#nav li a, #nav li div { height:36px; }
#nav li span { height:36px; }
#nav li, #nav li a, #nav li span, #nav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav .about, #nav .about a, #nav .about a span, #nav .about-nodrop, #nav .about-nodrop a, #nav .about-nodrop a span { background-position:0 0; width:112px; }
#nav .development-pipeline, #nav .development-pipeline a, #nav .development-pipeline a span, #nav .development-pipeline-nodrop, #nav .development-pipeline-nodrop a, #nav .development-pipeline-nodrop a span { background-position:-112px 0; width:208px; }
#nav .scientific-publications, #nav .scientific-publications a, #nav .scientific-publications a span, #nav .scientific-publications-nodrop, #nav .scientific-publications-nodrop a, #nav .scientific-publications-nodrop a span { background-position:-320px 0; width:207px; }
#nav .news-events, #nav .news-events a, #nav .news-events a span, #nav .news-events-nodrop, #nav .news-events-nodrop a, #nav .news-events-nodrop a span { background-position:-527px 0; width:159px; }
#nav .investor-relations, #nav .investor-relations a, #nav .investor-relations a span, #nav .investor-relations-nodrop, #nav .investor-relations-nodrop a, #nav .investor-relations-nodrop a span { background-position:-686px 0; width:179px; }
#nav .careers, #nav .careers a, #nav .careers a span, #nav .careers-nodrop, #nav .careers-nodrop a, #nav .careers-nodrop a span { background-position:-865px 0; width:103px; }

/* HOVER STATE - W/ DROP */
#nav .about:hover a, #nav .about:hover a span, #nav .about a:hover, #nav .about a:hover span { background-position:0 -36px; width:112px; }
#nav .development-pipeline:hover a, #nav .development-pipeline:hover a span, #nav .development-pipeline a:hover, #nav .development-pipeline a:hover span { background-position:-112px -36px; width:208px; }
#nav .scientific-publications:hover a, #nav .scientific-publications:hover a span, #nav .scientific-publications a:hover, #nav .scientific-publications a:hover span { background-position:-320px -36px; width:207px; }
#nav .news-events:hover a, #nav .news-events:hover a span, #nav .news-events a:hover, #nav .news-events a:hover span { background-position:-527px -36px; width:159px; }
#nav .investor-relations:hover a, #nav .investor-relations:hover a span, #nav .investor-relations a:hover, #nav .investor-relations a:hover span { background-position:-686px -36px; width:179px; }
#nav .careers:hover a, #nav .careers:hover a span, #nav .careers a:hover, #nav .careers a:hover span { background-position:-865px -36px; width:103px; }

/* HOVER STATE - W/O DROP */
#nav .about-nodrop:hover a, #nav .about-nodrop:hover a span, #nav .about-nodrop a:hover, #nav .about-nodrop a:hover span { background-position:0 -108px; width:112px; }
#nav .development-pipeline-nodrop:hover a, #nav .development-pipeline-nodrop:hover a span, #nav .development-pipeline-nodrop a:hover, #nav .development-pipeline-nodrop a:hover span { background-position:-112px -108px; width:208px; }
#nav .scientific-publications-nodrop:hover a, #nav .scientific-publications-nodrop:hover a span, #nav .scientific-publications-nodrop a:hover, #nav .scientific-publications-nodrop a:hover span { background-position:-320px -108px; width:207px; }
#nav .news-events-nodrop:hover a, #nav .news-events-nodrop:hover a span, #nav .news-events-nodrop a:hover, #nav .news-events-nodrop a:hover span { background-position:-527px -108px; width:159px; }
#nav .investor-relations-nodrop:hover a, #nav .investor-relations-nodrop:hover a span, #nav .investor-relations-nodrop a:hover, #nav .investor-relations-nodrop a:hover span { background-position:-686px -108px; width:179px; }
#nav .careers-nodrop:hover a, #nav .careers-nodrop:hover a span, #nav .careers-nodrop a:hover, #nav .careers-nodrop a:hover span { background-position:-865px -108px; width:103px; }

/* ON STATE */
#nav .abouton, #nav .abouton span, #nav .abouton div, #nav .abouton-nodrop, #nav .abouton-nodrop span, #nav .abouton-nodrop div { background-position:0 -144px; width:112px; }
#nav .development-pipelineon, #nav .development-pipelineon span, #nav .development-pipelineon div, #nav .development-pipelineon-nodrop, #nav .development-pipelineon-nodrop span, #nav .development-pipelineon-nodrop div { background-position:-112px -144px; width:208px; }
#nav .scientific-publicationson, #nav .scientific-publicationson span, #nav .scientific-publicationson div, #nav .scientific-publicationson-nodrop, #nav .scientific-publicationson-nodrop span, #nav .scientific-publicationson-nodrop div { background-position:-320px -144px; width:207px; }
#nav .news-eventson, #nav .news-eventson span, #nav .news-eventson div, #nav .news-eventson-nodrop, #nav .news-eventson-nodrop span, #nav .news-eventson-nodrop div { background-position:-527px -144px; width:159px; }
#nav .investor-relationson, #nav .investor-relationson span, #nav .investor-relationson div, #nav .investor-relationson-nodrop, #nav .investor-relationson-nodrop span, #nav .investor-relationson-nodrop div { background-position:-686px -144px; width:179px; }
#nav .careerson, #nav .careerson span, #nav .careerson div, #nav .careerson-nodrop, #nav .careerson-nodrop span, #nav .careerson-nodrop div { background-position:-865px -144px; width:103px; }

/* ON HOVER STATE - W/ DROP */
#nav .abouton:hover a, #nav .abouton:hover a span, #nav .abouton a:hover, #nav .abouton a:hover span { background-position:0 -72px; width:112px; }
#nav .development-pipelineon:hover a, #nav .development-pipelineon:hover a span, #nav .development-pipelineon a:hover, #nav .development-pipelineon a:hover span { background-position:-112px -72px; width:208px; }
#nav .scientific-publicationson:hover a, #nav .scientific-publicationson:hover a span, #nav .scientific-publicationson a:hover, #nav .scientific-publicationson a:hover span { background-position:-320px -72px; width:207px; }
#nav .news-eventson:hover a, #nav .news-eventson:hover a span, #nav .news-eventson a:hover, #nav .news-eventson a:hover span { background-position:-527px -72px; width:159px; }
#nav .investor-relationson:hover a, #nav .investor-relationson:hover a span, #nav .investor-relationson a:hover, #nav .investor-relationson a:hover span { background-position:-686px -72px; width:179px; }
#nav .careerson:hover a, #nav .careerson:hover a span, #nav .careerson a:hover, #nav .careerson a:hover span { background-position:-865px -72px; width:103px; }

/* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */
/* DROP DOWNS */
/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li.careers:hover ul, #nav li.careers a:hover ul, #nav li.careerson:hover ul, #nav li.careerson a:hover ul, #nav li.careers-nodrop:hover ul, #nav li.careers-nodrop a:hover ul, #nav li.careerson-nodrop:hover ul, #nav li.careerson-nodrop a:hover ul   { left:-104px; }
#nav li.careers:hover li:hover ul, #nav li.careers a:hover li:hover ul, #nav li.careerson:hover li:hover ul, #nav li.careerson a:hover li:hover ul, #nav li.careers-nodrop:hover li:hover ul, #nav li.careers-nodrop a:hover li:hover ul, #nav li.careerson-nodrop:hover li:hover ul, #nav li.careerson-nodrop a:hover li:hover ul { visibility:visible; position:absolute; left:-104px; top:0; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a { background:none; }

#nav li:hover ul, #nav li a:hover ul { position:absolute; top:36px; left:0; padding:10px 0; width:208px; display:block; background:#f0ede8; }
#nav li:hover li, #nav li a:hover li { width:auto; height:auto; }
#nav li:hover li a, #nav li a:hover li a { padding:3px 22px 4px; width:164px !important; height:auto; display:block; color:#54463e; }
#nav li:hover li a:hover, #nav li a:hover li a:hover { color:#b3b3b2; background:none; }
/**************************************************************************************************************/

#header-search { position:absolute; top:51px; left:566px; width:281px; height:29px; background:url(../images/bg-sprite-x.png) no-repeat 0 0; }
#header-search .input-search { position:absolute; top:2px; left:2px; padding:5px 2px 6px 7px; width:234px; color:#b3b3b2; border:0; }
#header-search .btn { position:absolute; top:1px; right:0; padding:5px 2px 6px 3px; color:#fff; background:#b3b3b2; border:0; cursor:pointer; opacity:0; }

#tertnav { position:absolute; top:51px; left:898px; }
#tertnav li { color:#54463e; line-height:14px; font-style:italic; list-style:none; }
#tertnav a { color:#8f9093; }

#container { margin:0 auto; width:990px; text-align:left; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#home .subhead { background:none; }
#h-content {}


/* SUBPAGE
------------------------------------------------------------------------------------- */
.subhead { min-width:990px; background:url(../images/bg-subhead-sub-tile.png) 0 0; }
.subhead .subhead { background:url(../images/bg-subhead-sub.png) no-repeat 50% 0; background:#000 url(../images/bg-subhead-ir.jpg) no-repeat 50% 0; }
.subhead .inner { padding:22px 0 0 30px; width:960px; height:49px; color:#fff; font-size:24px; line-height:24px; font-style:italic; background:url(../images/bg-subhead-sub-shade.png) no-repeat -3px 0; text-transform:capitalize; background:none; }

.about .subhead .subhead { background-image:url(../images/bg-subhead-about.jpg); }
.development-pipeline .subhead .subhead { background-image:url(../images/bg-subhead-development.jpg); }
.scientific-publications .subhead .subhead { background-image:url(../images/bg-subhead-publications.jpg); }
.news-events .subhead .subhead { background-image:url(../images/bg-subhead-news.jpg); }
.investor-relations .subhead .subhead { background-image:url(../images/bg-subhead-ir.jpg); }
.careers .subhead .subhead { background-image:url(../images/bg-subhead-careers.jpg); }

#content { font:normal 12px/18px arial,sans-serif; }

/* Content specific header styles */
#content h1, #content .h1 { margin:0 0 15px; color:#49494a; font-size:24px; line-height:28px; font-weight:normal; font-style:italic; }
#content h2, #content .h2 { margin:0 0 15px; color:#49494a; font-size:18px; line-height:26px; font-weight:normal; font-style:italic; }
#content h3, #content .h3 { margin:0 0 15px; color:#49494a; font-size:14px; line-height:17px; font-weight:normal; font-style:italic; }
#content h4, #content .h4 { margin:0 0 15px; color:#49494a; font-size:13px; line-height:16px; font-weight:normal; font-style:italic; }
#content h5, #content .h5 { margin:0 0 15px; color:#49494a; font-size:12px; line-height:15px; font-weight:normal; font-style:italic; }
#content h6, #content .h6 { margin:0 0 15px; color:#49494a; font-size:11px; line-height:14px; font-weight:normal; font-style:italic; }

#content img { border:2px solid #8d8b89 !important; }
#investor #content img { border:none; }
#career #content img { border: none; }

#content ul { margin:15px 0 15px 15px; }
#content ol { margin:15px 0 15px 19px; }
#content ol.footnote { margin:0px 0 15px 19px; *margin-left:23px; font-size: 10px; }

#subnav { margin:0 !important; padding:0 0 15px; }
#subnav li { margin:0 0 8px; padding:3px 0 10px 0; color:#54463e; font-size:13px; line-height:16px; font-style:italic; list-style:none; border-bottom:1px solid #c7c7c5; font-weight:bold; }
#subnav .last { border-bottom:0; }
#subnav ul { margin:2px 0 0; padding:0; }
#subnav li li { margin:0; padding:0; font-size:11px; line-height:14px; font-style:normal; background:none; border-bottom:0; }
#subnav a { padding-right:18px; display:block; text-decoration:none; background:url(../images/bg-arrow-grey.png) no-repeat 100% 0; }
#subnav a:hover { text-decoration:underline; }
#subnav li li a { padding:0; color:#2c5e6e; display:inline; background:none; }

#breadcrumb { margin:0 0 14px 0 !important; height:20px; }
#breadcrumb li { float:left; display:inline; font-size:12px; list-style:none; } /* font-size:11px;  */
#breadcrumb a { margin:0 6px 0 0; padding:0 13px 0 0; background:url(../images/bg-sprite-y.png) no-repeat 100% -95px; }

/* 'Layout' specifics */
.col1 .link-arrow { background-image:url(../images/bg-arrow-grey.png); }


/* LAYOUTS
------------------------------------------------------------------------------------- */
/* Full-Width Subpage */
#layout-full { padding:15px 0; }
#layout-full .col1 { margin:0 30px 0; width:930px; float:left; display:inline; }

/* 2 Column w/ Left-Sidebar */
#layout-2col { padding:15px 0; background:url(../images/bg-layout-2col.png) repeat-y 0 0; }
#layout-2col .col1 { margin:0 60px 0 30px; width:140px; float:left; display:inline; }
#layout-2col .col2 { margin:0; width:760px; float:left; display:inline; }

/* 3 Column w/ Left-Sidebar */
#layout-3col { padding:24px 0 15px; background:url(../images/bg-layout-2col.png) repeat-y 0 0; }
#layout-3col .col1 { margin:0 60px 0 30px; width:140px; float:left; display:inline; }
#layout-3col .col2 { margin:0 60px 0 0; width:350px; float:left; display:inline; }
#layout-3col .col3 { margin:0; padding:34px 0 0; width:350px; float:left; display:inline; }

/* Homepage '3 Column' Variant */
#layout-3col.homepage { background:url(../images/bg-layout-3col.png) repeat-y 0 0; }
#layout-3col.homepage .col1 { width:270px; }
#layout-3col.homepage .col2 { width:270px; }
#layout-3col.homepage .col3 { padding:0; width:300px; }

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { margin:30px 0 0; height:65px; color:#706f6f; font-size:11px; }
#footer .inner { padding:15px 0 10px; border-top:1px solid #d9d7d3; }
#footer p { margin:5px 0 0; clear:left; }
#footer li { margin:0 20px 0 0; float:left; display:inline; list-style:none; }
#footer a { color:#9f9d9c; }
#footer a:hover { color:#0c7ea3; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }
.more { padding:4px 8px; background:#dfdbd6 url(../images/bg-more.png) repeat-x 0 0; border:1px solid #cfccc4; }
.error, .required { color:red; }
.top { margin-left:720px; }

.link-arrow { padding:0 3% 0 0; width:97%; display:block; background:url(../images/bg-arrow-white.png) no-repeat 100% 4px; }

.clearfix:after, .tabbox:after, #footer ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #footer ul { display:inline-block; }
.clearfix, .tabbox, #footer ul { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; }
img.floatright { margin:0 0 5px 10px; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; }
span.floatright { margin:0 0 5px 10px; }