/* resets */
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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;font-size: 100%; text-align:left;}
body {line-height: normal;}
ul {list-style: none;}
blockquote, q {quotes: none;}
td {vertical-align: top;}
input[type=text]::-ms-clear, input[type=password]::-ms-clear { display: none; }
/* reset */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; margin:0;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* -- global -- */
html, body {font-family: arial, helvetica, sans-serif;}
body .html_wrapper {font-size: 12px; color:#444444; background-repeat:repeat-x;}
.text-search, .result {min-height:2500px;}
#body_wrapper, .verstext, #footer { margin: 0 auto;}
#body_wrapper { width:1000px;}
#body_wrapper #nci_hat_home {height:40px; float: left;}
#body_wrapper #nci_hat_home a {background: url(../images/white-ncilogo.gif) no-repeat; text-indent:-9999px; float:left; padding: 0 300px 20px 0;}
#body_wrapper #nci_hat_part {color:#ffffff; float:right; padding-top:18px; padding-right:10px;}
#body_wrapper #nci_hat_part a, #body_wrapper #nci_hat_part a:hover {color:#ffffff;}
#body_wrapper #nci_hat_part a:hover {text-decoration:underline;}
#body_wrapper #header { width:1000px; height:115px; padding:0 0 10px 0; background: url(../images/BBRB_banner.png) no-repeat; }
#body_wrapper #container .results-count {padding: 0 0 5px 5px; color:#007700;}
html h1.withbg, html h2.withbg { font-size: 18px; color: #555; font-weight:normal;font-style:normal; margin-bottom:10px;}
html body.loggedin h1.withbg, html body.loggedin h2.withbg, body.withbg.loggedin #body_wrapper #container h1 {margin-bottom:0;}
h1{color: #18539c; font-size: 24px; font-weight: bold; line-height: 32px;margin-bottom:12px;}
h2, h3 {margin-bottom:10px; border-bottom: 3px solid #eeeee8; line-height:26px; font-style:italic;}
.privacy h2 {font-size:18px; color:#18539c; font-style:normal; border-bottom:0; margin:26px 0 12px 0;}
html #body_wrapper h2.withbg {margin-bottom:0;}
h4 {color: #999933;}
p {margin: 0 0 1em 0;}
hr { border: 0; color: #EEEEEE; background-color: #eeeeee; height: 1px; width: 90%; margin:5px auto;}
fieldset { -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 7px; -webkit-border-radius: 7px; border-radius: 3px; }
a:link, a:visited, a:active { color: #597fc4; text-decoration: none; font-weight:bold;}
.redlink a { color: #FF0000; text-decoration: none; font-weight:bold;}
a:hover, a.more:hover { text-decoration: none; color:#272727; }
a:link.gray, a:visited.gray, a:active.gray, .gray a:link, .gray a:visited, .gray a:active, .gray{ color: #929292; text-decoration: none; font-weight:normal;}
a:hover.gray, .gray a:hover { text-decoration: none; color:#505050; }
a:link.gray2, a:visited.gray2, a:active.gray2, .gray2 a:link, .gray2 a:visited, .gray2 a:active, .gray2{ color: #505050; text-decoration: none; font-weight:bold;}
a:hover.gray2, .gray2 a:hover { text-decoration: none; color:#505050; }
#container ul {padding-left: 5px;}
#container select {background: #ffffff;}
.redtext, .redtext a, .redtext td { color: #FF0000;}
.greentext { color: #008000; }
.boldtext { font-weight: bold;}
.unboldtext { font-weight: normal;}
.display { display:block; }
.italics {font-style:italic;}
.hide { display:none; }
.left {float:left;}
.leftwhite {float:left; color: white}
.right {float:right;}
.textright {text-align:right;}
.auto_center { margin-left: auto; margin-right: auto;}
#container .textcenter, #container .textcenter div { text-align: center; }
.activeSession {font-weight:bold; color:#336699;}
.jump-to:hover {cursor:pointer;}
.responseTime {color: #999999;}
.pushdown {margin-top:20px;}
.greybg0 {background:#eeeeee; border-radius:9px; padding:10px;}
.greybg1 {background:#ffffff; border-radius:9px; padding:10px;}
.greybg3 {background:#ffffff; border-radius:9px; padding:10px; border:1px solid #eeeeee;}
#ca-dialog, #login-dialog {display:none;}
html body input.ui-button, html body #container .buttons .ui-button {padding: 3px 5px 3px 5px; font-size:12px; line-height:18px;}
html body #container .uibutton {visibility:hidden;}
#container .uibutton, #container input.button, #container a.button {line-height:17px; margin:0 2px 3px 0; color:#1C5E86;}
#container .uibutton:hover, #container input.button:hover, #container a.button:hover {color:#c77405;}
#container .uibutton .ui-icon {display:inline; *float:left; padding-left:13px; *padding-left:0;}
#container .uibutton .ui-icon.left {display:inline; padding-left:0;}
#container .uibutton2{line-height:17px; margin:0 2px 3px 0; color:#1C5E86;}
#container .uibutton2:hover{color:#c77405;}
#container .uibutton2 .ui-icon {display:inline; *float:left; padding-left:13px; *padding-left:0; margin-right: 5px;}
#container .uibutton2 .ui-icon.left {display:inline; padding-left:0;}
#container .removepadding {padding:0;}
html body .borderless, html body .borderless:hover {border-width:0;background:none;}
#container .othertxt, #container .fieldtxt {margin-left:5px;}
#container .addpretextfield .fieldtxt {margin-left:0; margin-right:5px;}
html body .flashmsg {color: #F5785A; background: #FFE4E1; border: 1px solid #FFFFCC;}
#container pre code em {background:#FFFFCC; font-weight:bold;}
#container .tablefooter, #container .tableheader { width: 100%; margin-bottom: 10px; color:grey; white-space:nowrap; font-style:italic;}
#container .tablefooter b, #container .tableheader b {color:#444444;}
#container .tablefooter .right, #container .tableheader .right { font-style:normal;}
dl.formdetails { padding: 5px 0;}
dl.formdetails dt { float:left; margin-right:5px; font-weight: bold;}
dl.formdetails dd {float:left; margin-right:20px;}
.createspace{margin-right:15px;}
.redactedMsg {color: #FF0000; font-weight: bold;}
.home-case-status {font-weight: bold;}
.checkBxLabelRight, .checkBxLabelLeft {margin-right:4px; margin-left:1px;}
.depends-on {display:none;}
.ui-icon.ui-icon-line-chart {background:no-repeat transparent url('../images/icon-line-chart.png'); margin-right:1px; margin-left:1px;}
.ui-icon.ui-icon-bar-chart {background:no-repeat transparent url('../images/icon-bar-chart.png'); margin-right:1px; margin-left:1px;}
.ui-icon.ui-icon-csv {background:no-repeat transparent url('../images/icon-csv.png'); margin-right:1px; margin-left:1px;}
.ui-icon.ui-icon-excel {background:no-repeat transparent url('../images/icon-excel.png'); margin-right:1px; margin-left:1px;}
.ui-icon.ui-icon-page-html {background:no-repeat transparent url('../images/icon-page-html.png'); margin-right:1px; margin-left:1px;}
.ui-icon.ui-icon-pdf {background:no-repeat transparent url('../images/icon-pdf.png'); margin:1px; }
.ui-icon.ui-icon-doc {background:no-repeat transparent url('../images/icon-doc.png'); margin:1px; }
.ui-icon.ui-icon-rss {background:no-repeat transparent url('../images/rss.gif'); margin:1px; }
.ui-icon.ui-icon-pie-chart {background:no-repeat transparent url('../images/icon-pie-chart.png'); margin-right:1px; margin-left:1px;}
.ui-icon.ui-icon-table {background:no-repeat transparent url('../images/icon-table.png'); margin-right:1px; margin-left:1px;}
.ui-icon {padding-bottom:3px; background-repeat:none;height:15px;}
#container .nowrap {white-space: nowrap;}
/* -- end global --*/
body.recently-added-papers #recentlyadded .uibutton.right {display:block; *display:none;float:none;text-align:right;}
#menu { font-weight:bold; font-size:1.3em; color: #8f8f8f; margin-bottom: 35px; padding: 0 0 0 50px; }
#menu ul li { float:left; border-right: solid 2px #8f8f8f; }
#menu ul li.last { border-right:none; }
#menu ul li a { padding: 0 10px; }
#menu ul li a:link, #menu a:visited, #menu a:active { color: #8f8f8f; text-decoration: none; }
#menu ul li a:hover { text-decoration: none; color:#1a2674; }
#menu ul li a.navOn:link, #menu a.navOn:visited, #menu a.navOn:active { color: #1a2674; text-decoration: none; }
#menu ul li a.navOn:hover { text-decoration: none; color:#1a2674; }
#sitemessage {height:20px;}
.cahubmsg {margin-bottom:10px;}
.cahubmsg .ui-state-highlight .infobox {margin-top:-18px;}
/*** ESSENTIAL STYLES ***/
#container ul.property-list li, #container .nav ul li, #container ul.bullet-less li, #container ul.one-to-many li {list-style: none; margin-left: 0; zoom:1;}
#dropDownMenu {
background: url("../images/navbarBKG.gif") repeat-x scroll 0 0 #aac0e9;
border: 1px solid #597fc4;
border-bottom: 0;
border-radius: 9px 9px 0 0;
height: 35px;
margin: 0;
width: 998px;
}
#menuTextLinks {
color: #15797d;
font-size: 12px;
padding: 10px 30px 0 0;
text-align: right;
}
#menuTextLinks a {
color: #013089;
text-decoration: none;
}
#menuTextLinks a:hover {
color: #597fc4;
text-decoration: underline;
}
#menuTextLinks span {
padding: 0 10px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
line-height:10px;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
line-height:12px;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; /* allow long menu items to determine submenu width */
/* *width: 12em; no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
font-size: 13px;
border-right: 1px solid #597FC4;
font-weight: bold;
padding: .75em 1em;
text-decoration: none;
zoom: 1; /* IE7 */
}
.sf-menu a {
color: #013089;
}
.sf-menu li {
background: transparent;
white-space: nowrap; /* no need for Supersubs plugin */
/* *white-space: normal; ...unless you support IE7 (let it wrap) */
}
.sf-menu ul li {
background: #AAC0E9;
border-top: 1px solid #597FC4;
border-left: 1px solid #597FC4;
}
.sf-menu ul {
border-bottom: 1px solid #597FC4;
}
.sf-menu ul ul li {
background: #c0d0ef;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
/*background: #555555 url(../images/navbarHover2.gif) repeat-x;*/
/* only transition out, not in */
background-color: #84a0d4;
-webkit-transition: none;
transition: none;
}
.sf-menu ul li a { *border-right: 0px; }
.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
/*background: #555555 url(../images/navbarHover2.gif) repeat-x;*/
/* only transition out, not in */
background-color: #98aed7;
-webkit-transition: none;
transition: none;
}
.sf-menu #homeLink:hover {
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
border-radius: 9px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-topright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 2em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #013089; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(1,48,137,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #013089; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #013089; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(1,48,137,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #013089;
}
body.withbg #body_wrapper #container .module h1 {background: none;height:auto; background-position:none; margin-bottom:10px; border-radius:0 !important;}
body.loggedin #body_wrapper h2.withbg, body.withbg.loggedin #body_wrapper #container h1, body.withbg.loggedin #body_wrapper h1 {margin-bottom:0;}
#container p, #container h1, #container h3, #container h6, #container h2 {padding-left:5px; padding-right:5px;}
.justtxt #container p, .justtxt #container h1, .justtxt #container h3, .justtxt #container h2 {margin-left:15px; margin-right:15px; }
.justtxt #container h2.withbg,.justtxt #container h1, .justtxt #container .module h3 {margin-left:0; margin-right:0; }
.justtxt #container ol {margin-right:15px;}
.justtxt #container .backtosearch {margin-left:15px;}
a.ebbpssearch {display:none;}
body.paper.tabbed #container>.uibutton.feature, body.paper.tabbed #container>.uibutton.edit {margin-top:-21px;}
.tabbed #sub-menu-content a {margin-top:-15px; margin-right:20px;padding-top: 1px; line-height:25px}
.active3 a { border-bottom:1px solid #ffffff;}
.tabbed #breadcrumbs #sub-menu-content a:hover { border-bottom:1px solid #ffcc00;}
.tabbed #sub-menu-content form {margin:3px 10px 10px 10px; text-align:right;}
#sub-menu-content form input[type='text'] {width:360px;}
.tabbed #body_wrapper #container {line-height: 18px; border:1px solid #597fc4; background: #fff; border-width: 0 1px 1px 1px; -webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; min-height:500px;}
.tabbed #body_wrapper #container {padding:20px; margin-top:-1px; margin-bottom:15px;}
.tabbed.mainareas #about { padding: 10px; background: url('../images/aboutCDPbox.png') repeat-x; border:2px solid #013089;}
.tabbed.mainareas #body_wrapper #container {background: url("../images/bodycopyBKG.gif") no-repeat scroll 700px 0 #fff;}
/* end design tabbed*/
/* start design justtxt*/
.justtxt #breadcrumbs {padding-left: 0; }
.justtxt #sub-menu-content form {margin-top:0;}
.justtxt #breadcrumbs #menu-header .right {padding-top:14px;}
.justtxt #breadcrumbs #menu-header ul {list-style: none; padding:0; *padding-top:3px; margin:0 10px; line-height:34px;}
.justtxt #breadcrumbs #menu-header li {display: inline; margin: 0 0.5em 0 0;}
.justtxt #breadcrumbs #menu-header li a {font-weight:normal; padding: 4px 5px 0 5px; font-size:20px; line-height:20px; font-weight:bold;font-family:lucida sans unicode, lucida grande, sans-serif; border:3px solid #ffffff;border-width:0 0 3px 0;}
.justtxt #breadcrumbs #menu-header li a:hover {color:#999999;border:1px solid #ffcc00;border-width:0 0 3px 0; }
.justtxt #body_wrapper #container { margin-top:5px; margin-bottom:15px;}
html body.justtxt #body_wrapper #container > div { margin:0 15px 10px 15px;}
.justtxt #body_wrapper #container > a.uibutton {margin:0 15px 5px 15px;}
.justtxt #body_wrapper #container .withbg, body.withbg.justtxt #body_wrapper #container h1 {margin-top:0; border-radius: 5px 5px 0 0;}
.justtxt #sub-menu-content.active {}
.justtxt #sub-menu-content {margin: 2px 0 0 0;padding-top:4px;padding-bottom:6px;padding-left:8px;background: #ccc;border-bottom: 1px solid #999999;border-radius:8px; height:28px;}
.justtxt #sub-menu-content a {padding: 7px 22px 6px 15px;margin-top:0;text-decoration: none;font-weight: bold;color:#333333;background: transparent url(../images/nav_slant.gif) no-repeat top right;}
.justtxt #sub-menu-content a.qsearch {padding-left: 10px; }
.justtxt #sub-menu-content a:hover {color:#1a2674; text-decoration:underline;}
.justtxt #sub-menu-content form {margin:0 3px 0 10px;}
.justtxt.searchtab #breadcrumbs #menu-header .search, .justtxt.analyte-browse #breadcrumbs #menu-header .search,.justtxt.search #breadcrumbs #menu-header .search, .justtxt.text-search #breadcrumbs #menu-header .search,.justtxt.paper-submission #breadcrumbs #menu-header .newpaper,
.justtxt.mainareas #breadcrumbs #menu-header .home,.justtxt.login #breadcrumbs #menu-header .clogin,.justtxt.curatorhome #breadcrumbs #menu-header .chome,.justtxt.backoffice #breadcrumbs #menu-header .adminhome
{ border-color:#ffcc00; padding-bottom: 7px; _padding-bottom: 8px; background: #ffffff;}
.justtxt.analyte-browse .qsearch, .justtxt.search .asearch, .justtxt.pre-analytical-factor-browse .efsearch, .justtxt.text-search .tsearch, .justtxt.paper-submission .newpaper,
.justtxt.searchtab #breadcrumbs #menu-header .search a, .justtxt.analyte-browse #breadcrumbs #menu-header .search a, .justtxt.search #breadcrumbs #menu-header .search a, .justtxt.pre-analytical-factor-browse #breadcrumbs #menu-header .search a, .justtxt.text-search #breadcrumbs #menu-header .search a, .justtxt.mainareas #breadcrumbs #menu-header .home a,.justtxt.login #breadcrumbs #menu-header .clogin a, .justtxt.curatorhome #breadcrumbs #menu-header .chome a, .justtxt.backoffice #breadcrumbs #menu-header .adminhome a, .justtxt.paper-submission #breadcrumbs #menu-header .newpaper a
{color:#777777;}
.justtxt.searchtab #breadcrumbs #menu-header .search a, .justtxt.analyte-browse #breadcrumbs #menu-header .search a, .justtxt.search #breadcrumbs #menu-header .search a, .justtxt.pre-analytical-factor-browse #breadcrumbs #menu-header .search a, .justtxt.text-search #breadcrumbs #menu-header .search a, .justtxt.mainareas #breadcrumbs #menu-header .home a,.justtxt.login #breadcrumbs #menu-header .clogin a, .justtxt.curatorhome #breadcrumbs #menu-header .chome a, .justtxt.backoffice #breadcrumbs #menu-header .adminhome a, .justtxt.paper-submission #breadcrumbs #menu-header .newpaper a
{border:1px solid #ffcc00;border-width:0 0 3px 0;}
.justtxt.analyte-browse .qsearch, .justtxt.search .asearch, .justtxt.pre-analytical-factor-browse .efsearch, .justtxt.text-search .tsearch, .justtxt.paper-submission .newpaper,
.justtxt.analyte-browse #breadcrumbs #menu-header .search a:hover, .justtxt.search #breadcrumbs #menu-header .search a:hover, .justtxt.pre-analytical-factor-browse #breadcrumbs #menu-header .search a:hover, .justtxt.text-search #breadcrumbs #menu-header .search a:hover, .justtxt.mainareas #breadcrumbs #menu-header .home a:hover,.justtxt.login #breadcrumbs #menu-header .clogin a:hover,.justtxt.curatorhome #breadcrumbs #menu-header .chome a:hover,.justtxt.backoffice #breadcrumbs #menu-header .adminhome a:hover, .justtxt.paper-submission #breadcrumbs #menu-header .newpaper a:hover
{cursor:default;text-decoration:none !important;}
.justtxt.analyte-browse .qsearch, .justtxt.search .asearch, .justtxt.pre-analytical-factor-browse .efsearch, .justtxt.text-search .tsearch, .justtxt.paper-submission .newpaper{color:#998833 !important; }
.justtxt #container {border:10px solid #eee; border-width:0 1px 5px 1px; border-radius: 5px;}
.justtxt .loginwelcome {margin-bottom: 0;}
/* end design justtxt*/
.loginwelcome {padding:10px 0 0 0; text-align:right; margin: 0 5px 0 0; height:20px;}
.loginwelcome a:link,.loginwelcome a:visited,.loginwelcome a:active {color:#ffffff;}
.loginwelcome .ui-state-default .ui-icon {background-image: url("theme/images/ui-icons_ffffff_256x240-custom-1.8.11.png");}
.loggedin .loginwelcome {display:block; visibility:hidden; color:#ffffff;}
.loggedin .loginwelcome .countdown, .loggedin .loginwelcome .currentComp {margin:0 1px 0 15px;}
.loggedin .loginwelcome .ui-button {padding-top:0;}
.loggedin .loginwelcome .ui-button.help {margin-right: 10px;}
#countdown {font-sixe: 10px; text-align:right; visibility:hidden;}
.loginwelcome a.logout.uibutton.ui-button {padding-left:0;}
.loggedin #breadcrumbs #menu-header li.newpaper, .loggedin #breadcrumbs #menu-header li.newsop {display:none;}
.loggedin #breadcrumbs #menu-header li.clogin, #breadcrumbs #menu-header li.chome, #breadcrumbs #menu-header li.adminhome {display:none;}
.loginwelcome i {color:#ffffff;}
.auth .loginwelcome {visibility:hidden;}
.helpwelcome {padding:10px 0 0 0; text-align:right; margin: 0 5px 0 0; height:20px;}
.helpwelcome a:link,.helpwelcome a:visited,.helpwelcome a:active {color:#ffffff;}
.helpwelcome .ui-state-default .ui-icon {background-image: url("theme/imagesui-icon/ui-icons_ffffff_256x240-custom-1.8.11.png");}
.helpwelcome a.logout.uibutton.ui-button {padding-left:0;}
.tabbed .html_wrapper .ribbonBkg .ribbonText .uibotton .ui-icon {color:#ffffff;}
.loggedin .helpwelcome .ui-button.help {margin-right: 10px;}
.helpwelcome i {color:#ffffff;}
.brdcurator #breadcrumbs #menu-header li.chome, .brdadmin #breadcrumbs #menu-header li.adminhome, .brdadmin #breadcrumbs #menu-header li.chome, .brdcontributingcurator #breadcrumbs #menu-header li.chome {display:inline;}
#header {padding-top:0; font-size:12px;}
#header li.activeSession a { font-weight:bold; color:#336699;}
#grailsLogoLink {float:left; background: url('../images/BRD_logo_f.png') no-repeat 0 15px; width:325px; font-weight:bold; height:65px; margin-right:0; padding-top:10px;}
#header #grailsLogoLink.bbrb_brd {background: url('../images/BBRB_BRD_logo.png') no-repeat 0 15px;}
#header #grailsLogoLink.brd {background: url('../images/BRD_logo.png') no-repeat 0 15px;}
#header #grailsLogoLink a{ text-indent:-9999px; width:339px; height:60px; float: left; }
#header #activityEvent {float:right; margin-top:11px;padding-left:5px; color: #336699; height:77px; padding-right:5px; border:solid 1px #eeefff; border-right:solid 1px #eeeeee; padding-top:5px; display:none;}
#header #activityEvent.display {display: block;}
.activityTime {font-size: 11px; color: #999999; padding-left:5px;}
#header #activityEvent .activityTime {font-size: 10px;}
#header #DCTDlogo {color: #fff; float: right; margin: 0 160px 0 0; text-align: center;width: 490px;height:84px;}
#header #DCTDlogo a.bbrblogo {text-indent:-9999px; float:left; margin-left:0; background: url('../images/BBRB_mini5.png') no-repeat 0 0; width:200px; height:85px;margin-right:8px;}
#header #DCTDlogo a.cdplogo {text-indent:-9999px; float:left; background: url('../images/CDP_logo.png') no-repeat -15px 0; width:110px; height:78px;margin-right:8px;}
#header #DCTDlogo a.dctdlogo {text-indent:-9999px; float:left; background: url('../images/DCTD_logo1.png') no-repeat; width:160px; height:78px;}
#header .bottom form {float:right;}
#header form {width:375px;}
#header form input[type="text"] {width:270px; margin-left:15px;}
#container, #message{ margin:0 auto;}
#container ul {margin-left: 10px;}
#container .errors ul {margin-left: 0;}
#container .warnings ul {margin-left: 0;}
#container ul li,#container ul.property-list li ul li {margin-bottom: 5px;list-style-type: square;}
#container .errors ul li {list-style-type: none;}
#container .warnings ul li {list-style-type: none; height: 14px; margin-bottom:10px;}
#container .message {display: none;}
#container .error select, #container .error input, #container .error textarea, #container .error button, #container .error div,
#container select.error, #container input.error, #container textarea.error {border: 1px solid red;}
#container form label.error {color:red; font-weight:normal;}
.nojswarning {border: 1px solid #ffcc00; color: #aa7700; margin-bottom: 10px; padding: 5px 5px 5px 25px; border-radius: 4px; background: url('../images/warning16x16.png') no-repeat #fffff0; background-position: 0.4% 40%;}
/* tabs override */
#container .ui-tabs ul {margin:0;}
#container .ui-tabs ul li { list-style-type: none; margin-bottom:0;}
#container .ui-tabs .ui-tabs-nav li {height:30px;}
#footer {width: 980px; color:#333;}
#footer a {color:#333; font-weight:normal; text-decoration:underline;}
#footer .footerlogos li { padding:0; margin:0; float: left;}
#footer .footerlogos { width: 670px; margin: 0 auto; }
#footer .footerlogos li,#footer .verstext a { background: url("../images/footer-utility-divider.gif") no-repeat scroll right; display: inline; margin: 0 0 0 8px; padding: 0 10px 0 0;}
#footer .verstext a.last, #footer .footerlogos .last{background: none;}
#footer .verstext a.last {padding-right:25px\9;padding-right:25px\0/;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#footer .verstext a.last {padding-right:25px;}
}
#footer .footer_cahub a{ background: url(../images/cahub-logo-c.gif) no-repeat; width:110px; height: 50px; text-indent:-9999px; float: left;}
#footer .footer_nci a{ background: url(../images/nci-logo-c.gif) no-repeat; width:60px; height: 50px; text-indent:-9999px; float: left;}
#footer .footer_dop a{ background: url(../images/hhs-logo-c.gif) no-repeat; width:50px; height: 50px; text-indent:-9999px; float: left;}
#footer .footer_nih a{ background: url(../images/nih-logo-c.gif) no-repeat; width:56px; height: 50px; text-indent:-9999px; float: left;}
#footer .footer_usagov a{ background: url(../images/usagov-logo-c.gif) no-repeat; width:112px; height: 50px; text-indent:-9999px; float: left;}
#footer #vers { color:#333; margin-top: 30px; font-size: 10px;}
#footer .verstext {text-align: center; width: 920px; margin-bottom: 15px; }
#footer #NIHtagline {text-align:center; color:#333; margin-top:10px;}
.spinner { display: none; padding: 5px; background: url("../images/spinner.gif") no-repeat; text-indent: -9999px; background-position:right; }
.loading { display: none; padding: 10px; background: url("../images/loading_snake.gif") no-repeat; text-indent: -9999px; background-position:right; }
.loadingBar { padding: 110px; background: url("../images/loading_bar.gif") no-repeat; text-indent: -9999px; background-position:right; }
#body_wrapper .ui-widget .ui-state-highlight {padding:1px 0 0 5px;}
#body_wrapper .ui-widget .ui-state-highlight .infobox {padding:0 3px 3px 20px;}
#login label.username span, #login label.password span {width:100px; float:left;}
#login #remember_me_holder .chk {margin-left:100px;}
#login #remember_me_holder span {color:#999999; font-style: italic;}
#login #loginForm {padding-left:10px;}
#login .login_message {margin:3px 0 5px 10px; font-weight: bold; color: #ff0000;}
form select{-moz-box-shadow:0 0 3px #aaa; -webkit-box-shadow:0 0 3px #aaa; }
input, select, textarea {background: rgba(255, 255, 255, 0.9); background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
border: 1px solid #dddddd; border-width: 2px 1px 1px 2px;font: 13px verdana, arial, helvetica, sans-serif; margin: 2px 0; padding: 2px 4px;}
input:focus, select:focus, textarea:focus { border: 1px solid #b2d1ff;}
.ynradiobutton {margin-left: 20px;}
table { border-collapse: collapse; border-bottom: 3px solid #B9C9FE; margin-bottom:5px; border-right: 1px solid #ffffff; width:100%;}
table th {vertical-align: top; background: #B9C9FE; color: #444444; border: 1px solid #ffffff; border-width: 1px 0 0 1px; font-size: 13px; font-weight: bold; padding: 8px;}
table td {background: none repeat scroll 0 0 #E8EDFF; border: 1px solid #ffffff; border-width: 1px 0 0 1px; color: #444444; padding: 8px;}
table tbody tr:hover td {background:#D0DAFD;}
th.dateentry { width:80px; }
.scaffold-list table, .list table {width:100%;}
.flex-table {width:939px;}
.pre-analytical-factor-browse table.flex-table .r1 {width:150px;}
.pre-analytical-factor-browse table.flex-table .r2 {width:250px;}
.pre-analytical-factor-browse table.flex-table .r3 {width:60px;}
.pre-analytical-factor-browse table.flex-table .r4 {width:60px;}
.pre-analytical-factor-browse table.flex-table .r5 {width:60px;}
.pre-analytical-factor-browse table.flex-table .r6 {width:60px;}
.pre-analytical-factor-browse table.flex-table .r7 {width:60px;}
.pre-analytical-factor-browse #classificationlist {margin-top:10px;margin-left:25px;}
.pre-analytical-factor-browse #classificationlist li ul {margin-top:5px;}
.pre-analytical-factor-browse #classificationlist #techplatforms {list-style: none; width:100%;margin-left:-19px;}
.pre-analytical-factor-browse #classificationlist #techplatforms ul {visibility: hidden; margin-left:45px;}
.pre-analytical-factor-browse #classificationlist #techplatforms.active ul {visibility: visible; background:#eee; padding-top: 10px; padding-bottom: 10px; margin-bottom:25px;
-moz-box-shadow: 0px 0px 1.25em #ccc; -webkit-box-shadow: 0px 0px 1.25em #ccc; box-shadow: 0px 0px 1.25em #ccc; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;}
.pre-analytical-factor-browse #classificationlist #techplatforms.active ul li {margin-left:25px;}
.pre-analytical-factor-browse #classificationlist li ul li{width:30%; float:left;}
.pre-analytical-factor-browse #change-ef-category {margin-bottom:7px;}
.srchpapers a.papertitle {font-size:18px; line-height:22px;}
.srchpapers.greybg3 a {font-weight:normal;}
.srchpapers.greybg3 a:hover {}
.srchpapers.greybg3 b {font-style:italic;}
.srchpapers.greybg3 div b.preservation_types, .srchpapers.greybg3 div b.platforms,
.srchpapers.greybg3 div b.diagnoses {margin-left:10px;}
.srchpapers.greybg3 div p {margin-bottom:0;}
.srchsops a.title {font-size:18px; line-height:22px;}
.srchsops b {font-style:italic;}
.srchsops div b.ver, .srchsops div b.lastCuratedDate, .srchsops div b.tier, .srchsops div b.status {margin-left:10px;}
.srchsops div p {margin-bottom:0;}
.srchsops div span.otherver {margin-right:15px;}
.analyte-browse table.flex-table .r1 {width:277px;}
.analyte-browse table.flex-table .r2 {width:92px;}
.analyte-browse table.flex-table .r3 {width:180px;}
.analyte-browse table.flex-table .r4 {width:67px;}
.analyte-browse table.flex-table .r5 {width:67px;}
.analyte-browse table.flex-table .r6 {width:67px;}
.analyte-browse table.flex-table .r7 {width:67px;}
.analyte-browse table.flex-table .r8 {width:90px;}
.analyte-browse table.flex-table .r9 {width:90px;}
.analyte-browse table.flex-table .r10 {width:67px;}
.analyte-browse table .rspan7 {width:490px;}
.parameters {font-style:italic;}
.parameters b {font-style:normal; margin-right:8px;}
.advanced-search .parameters b {width:140px; display:inline-block;}
.sop-search .parameters b {width:140px; display:inline-block;}
.pre-analytical-factor-browse .parameters label {width:180px; display:inline-block;}
.analyte-browse .parameters label {width:180px; display:inline-block;}
.analyte-browse .parameters b {width:70px; display:inline-block;}
.pre-analytical-factor-browse .parameters b {width:130px; display:inline-block;}
.study .parameters b, .manage-authors .parameters b {width:70px; display:inline-block; padding-left:10px;}
.pre-analytical-factor-browse .r1 {width:250px;}
.pre-analytical-factor-browse .r2 {width:350px;}
.no-results-found {font-style:italic; margin-left:5px; font-weight:normal;}
/* PAGINATION */
.pagination {border-radius: 0 0 5px 5px; background-color: #ffffff; padding: 5px 10px 10px 0;}
.pagination a {border-radius: 0.3em 0.3em 0.3em 0.3em; color: #18539c; -moz-box-shadow: 0px 0px .2em #555; -webkit-box-shadow: 0px 0px .2em #555; box-shadow: 0px 0px .2em #555; display: inline-block; margin: 3px 5px 0 3px; padding: 0.25em 0.7em; text-decoration: none; border: 1px #ffffff solid; background: url("../images/navbarBKG.gif") repeat-x scroll 0 0 #aac0e9;}
.pagination a:hover, .pagination a:focus {background-color: none; color: #555; font-weight:bold; border: 1px #cccccc solid; -moz-box-shadow: 0px 0px 0 #ccc; -webkit-box-shadow: 0px 0px 0 #ccc; box-shadow: 0px 0px 0 #ccc; background:none;}
span.currentStep.prev, span.currentStep.next {display:none;}
.no-borderradius .pagination a:hover, .no-borderradius .pagination a:focus, .no-borderradius .pagination .currentStep {
background-color: rgba(0, 0, 0, 0); color: #444444; text-decoration: underline;}
.pagination span {margin:0 15px; font-weight:bold;}
.pagination .current.currentStep {border: 1px solid #18539c; border-width: 1px 0 1px 0; font-weight:bold; margin:0 8px; padding:4px 8px 3px 8px; border-radius: 0.3em 0.3em 0.3em 0.3em; color: #555;}
/* DIALOG */
.ui-dialog {border: 1px solid #ffffff;box-shadow: 1px 3px 3px 1px #999999;}
.ui-dialog .button {background: none repeat scroll 0 0 #CCCCCC;border: 1px solid #FFFFFF; padding: 1px 20px; margin-top:2px; margin-bottom:3px;}
.ui-dialog .button .button{background: #ffffff; padding:2px 5px; margin-bottom:2px;}
.ui-dialog .button input.left {margin-right: 20px;}
.ui-dialog textarea.textwide {margin-left:auto;}
.ui-dialog .popupbuttons .button {background: #ffffff;}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
#tt { padding:6px; position:absolute; display:block; background:#FBF9dd; border:1px solid #A1A3FC; }
html body .cleardate { width:35px; padding: 2px 4px;}
html body .reset { width:40px; padding: 2px 4px;}
html body.show .cleardate {display:none;}
html body.show img.ui-datepicker-trigger { display:none; }
.activeDate img.ui-datepicker-trigger, .activeDate .cleardate { display:inline;}
.ui-datepicker-trigger{position:relative; top:5px;padding:2px 0 2px 0;}
.hasDatepicker, .ui-datepicker-trigger {color:#333; cursor: pointer; margin-right:3px;}
body.show .hasDatepicker, body.show .ui-datepicker-trigger {color:#777; cursor: pointer; margin-right:3px;}
.hasDatepicker {width: 105px;}
body.wide #body_wrapper, body.appsetting.list #body_wrapper, body.app-setting.list #body_wrapper,
body.xtrawide #body_wrapper {width: 1355px;}
@media print {
}
body.iconbuilder ul.icon-collection .ui-icon {padding-bottom:0;}
body.iconbuilder ul.icon-collection {margin: 0; padding: 0; margin-bottom: 30px;}
body.iconbuilder #container ul.icon-collection li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
body.iconbuilder ul.icon-collection span.ui-icon {float: left; margin: 0 4px;}
body.iconbuilder ul.icon-collection span.text {float: left; width: 180px; display:none;}
body.iconbuilder #container #code-instructions em {background:#fffccc; color:#555; line-height:23px; border: 1px dashed #aaa;}
body.backoffice #status {background-color: #eee; border: .2em solid #fff; margin: 10px 30px 10px 10px; padding: 1em; width: 200px; float: left;
-moz-box-shadow: 0px 0px 1.25em #ccc; -webkit-box-shadow: 0px 0px 1.25em #ccc; box-shadow: 0px 0px 1.25em #ccc; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;}
.ie6 #status {display: inline;}
#status ul {font-size: 0.9em; list-style-type: none; margin-bottom: 0.6em; padding: 0;}
#status li {line-height: 1.3;}
#status h1 {text-transform: uppercase; font-size: 1.1em; margin: 0 0 0.3em;}
#page-body {margin: 10px 0 0 0; float:left;}
th.sortable a {background-position: right center; background-repeat: no-repeat; padding-right: 1.1em;}
th.asc a {background-image: url("../images/skin/sorted_asc.gif");}
th.desc a {background-image: url("../images/skin/sorted_desc.gif");}
th:hover {background: none repeat scroll 0 0 #aaaaaa;}
.nav {margin-top:5px; margin-bottom:5px;}
.nav li {float:left;}
.nav li a { padding: 4px 10px 4px 20px; font-weight:bold;color: #336699; }
.nav li a:hover {border-bottom: 1px solid #ffcc00;}
.nav li a.list { background: url(../images/skin/database_table.png) center left no-repeat; }
.nav li a.create { background: url(../images/skin/database_add.png) center left no-repeat; }
.fieldcontain {padding:5px; border-top:1px solid #eae0d5; border-radius:3px; clear:both;}
.fieldcontain:hover {background: #B0E0E6;}
.fieldcontain input, .fieldcontain select {border-radius:4px;}
.fieldcontain input[type='checkbox'] {margin-top:7px;}
.fieldcontain .property-value, .fieldcontain .one-to-many {float:right; width:577px;}
.fieldcontain .property-label, .fieldcontain label {width:220px; float:left; font-weight:bold;}
.fieldcontain label.error {float:right;}
form .fieldcontain .property-label,form .fieldcontain label,form .paper-submission label {width:325px; }
.fieldcontain label {text-align:right; padding-right:10px;}
fieldset.nolegend div.fieldcontain:first-of-type {border-top:0px solid #ffffff !important;}
#container ul.errors, #ca-dialog ul.errors, .curatorhome ul.flasherrors {margin-bottom:15px; margin-left:0; margin-right:5px;}
#container ul.errors li, #ca-dialog ul.errors li, .curatorhome ul.flasherrors {list-style: none; border: 1px solid red;color: #cc0000;margin: 5px 0 5px 0;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#fff3f3 url(../images/skin/exclamation.png) 3px 4px no-repeat; padding-left: 23px;padding-bottom: 4px; padding-top: 3px;}
input[type=text], input[type=password] {height:21px;}
input[type=radio] {margin-right: 100px;}
fieldset,.b-standard {margin: 0 0 15px 0; background: url("../images/formbg.jpg") repeat-x scroll center top #ffffff; padding: 40px 10px 10px 10px; position: relative;}
fieldset.nolegend{padding-top:10px;}
fieldset label, .b-standard label {font-weight:bold;}
fieldset input {margin-bottom: 10px;}
#ca-dialog fieldset,#ca-dialog .b-standard {margin: 5px;}
#container fieldset.buttons {border-width:0; padding:0; box-shadow: 0 0 0 rgba(0,0,0,.3); background:none;}
#container .b-standard select{width: 435px; margin-right:10px; margin-bottom:10px; border-radius:5px; display:block;}
.b-standard input[type=text], .b-standard input[type=password], .b-standard p, .b-standard textarea {width: 99%; border-radius:5px;}
fieldset div.left {width: 455px; margin-left:13px; }
fieldset fieldset.left {width: 428px; margin-left:13px; }
#container .b-standard fieldset.left select{width: 415px;}
#container .b-standard fieldset.left input[type=text], #container .b-standard fieldset.left input[type=password], #container .b-standard fieldset.left p, #container .b-standard fieldset.left textarea {width: 415px;}
#container .b-standard div label, #container .b-standard fieldset label, .left label {display:block;}
legend {position: absolute; top: -2px; background: #fff; padding: 5px 10px; border: 2px solid #ffffff;
border-top: none; text-shadow: 1px 1px 1px rgba(0,0,0,.3); font-weight: bold; font-size:16px;}
legend span { display: block; margin: -20px; background: #ffffff; padding: 0px 20px;}
#container input[disabled],#container input[disabled]:hover {color:#cccccc !important; border-color:#cccccc; cursor:default;}
.mapping #container .first {margin-left:150px;}
.mapping #container .b-standard select {width: 450px; margin-bottom:10px;}
.mapping #container .b-standard div {margin-top:15px;}
.mapping #container .left select {width: 300px;}
.mapping #container div.buttons {float:left; margin: 90px 10px;}
.mapping #container .buttons input {display:block; width:100px; margin-bottom:30px;}
.paper.show #body_wrapper #container, .sop.show #body_wrapper #container, .sop-compendium.show #body_wrapper #container {background: url("../images/bkg3_3.gif") repeat-y scroll 0 0 #fff; padding-right:0;}
.paper.show.notfound404 #body_wrapper #container, .sop.show.notfound404 #body_wrapper #container, .sop-compendium.show.notfound404 #body_wrapper #container {background: #ffffff; padding-top:10px; padding-right:10px;}
.paper #container h6.inline,.paper #container p.inline {display:inline-block;}
.paper #container #manageAuthors .first {margin-left:10px;}
.paper #container #manageAuthors .b-standard select {width: 450px; margin-bottom:10px;}
.paper #container #manageAuthors .b-standard .left, .mapping #container .b-standard .left {width: 310px;}
.paper #container #manageAuthors .b-standard div {margin-top:15px;}
.paper #container #manageAuthors .left select {width: 300px;}
.paper #container #manageAuthors div.buttons {float:left; margin: 90px 10px;}
.paper #container #manageAuthors .buttons input {display:block; width:100px; margin-bottom:30px;}
.paper #container #manageAuthors #editAuthorBtn {margin-left:580px;}
.paper #mainColumn p.paperdetails, .sop #mainColumn p.sopdetails, .sop-compendium #mainColumn p.sop-comp-details {margin-bottom:0;}
.paper .paperdetails, .sop .sopdetails:not(.first), .sop-compendium .sop-comp-details:not(.first) {padding-left:15px;}
.sop #mainColumn div.sopdetails ul {margin:3px;}
.paper .paperdetails span, .sop-compendium .sop-comp-details span {float:left; margin-right:25px; margin-top: 10px; font-style:italic;}
.sop .sopdetails span {float:left; margin-right:25px; margin-bottom: 10px; font-style:italic;}
.sop .sopdetails span.spacetop {padding-top:7px;}
.paper .paperdetails span b, .sop .sopdetails span b, .sop-compendium .sop-comp-details span b {font-style:normal;}
.paper h3.studiesheader {margin-bottom:10px; text-decoration:underline; font-size:18px;color: #1C94C4;}
.paper em b {margin-right:5px;}
.paper .pubname {color:#777;}
.paper #mainColumn>ol, .sop #mainColumn>ol, .sop-compendium #mainColumn>ol {padding-left:25px;}
.paper #mainColumn>ol>li, .sop #mainColumn>ol>li, .sop-compendium #mainColumn>ol>li {padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #eeeeee;margin-bottom:10px;}
.paper #mainColumn>ol li table, .sop #mainColumn>ol li table, .sop-compendium #mainColumn>ol li table {width:100%; margin-left:5px; border-bottom:1px solid #ffffff; margin-bottom:15px;}
.paper #mainColumn>ol li table th.th-factor, .sop #mainColumn>ol li table th.th-factor, .sop-compendium #mainColumn>ol li table th.th-factor {width:200px;}
.paper #mainColumn>ol li .infobox, .sop #mainColumn>ol li .infobox, .sop-compendium #mainColumn>ol li .infobox {float:left; width:32%; margin-bottom:15px; margin-left:5px;}
.paper #mainColumn>ol ul, .sop #mainColumn ul, .sop-compendium #mainColumn ul {padding-left:35px; margin-bottom:15px;}
.paper #mainColumn>ol p, .sop #mainColumn>ol p, .sop-compendium #mainColumn>ol p {margin-left:5px;}
.paper #mainColumn ol .uibutton, .sop #mainColumn ol .uibutton, .sop-compendium #mainColumn ol .uibutton {margin-left:25px;}
.paper #mainColumn .studydetails, .sop #mainColumn .studydetails, .sop-compendium #mainColumn .studydetails {display:none;}
.paper #mainColumn .module .more, .sop #mainColumn .module .more, .sop-compendium #mainColumn .module .more {float:none; margin-left:5px;}
.paper #container a.edit {margin-left:10px;}
.pubMedLink a {background:url("../images/pubmed.gif") no-repeat; text-indent:-9999px; display:block; height:24px; width:80px;}
.paperstudies, #disqus_thread {margin-left: 5px; padding:7px 0;}
.paperstudies div {margin-bottom:2px;}
#authorslinkOuter {width:560px;}
#authorslinkText {margin:0 0 12px 0;}
.study #addValueLinkDiv, .sop-compendium #addSopBtnDiv {padding-top:20px;}
.study #ca-dialog textarea, .suggested-papers #ca-dialog textarea {height:110px;}
.suggested-papers .ui-dialog-titlebar { display:none; }
.find-proposed #searchProposedForm div {padding: 5px;}
.find-proposed #searchProposedForm #usernameSpan {margin-left: 10px;}
input.title {width:550px;}
.curatorhome #container ul {margin-bottom:20px;}
.login .username, .login .password {font-weight:bold;}
.backoffice #page-body {width:600px;}
.sop.show #mainColumn hr {height: 0; line-height: 18px; margin-top: 26px; margin-bottom:10px; border-bottom: 3px solid #eeeee8; width: auto;}
.srchpapers, .srchsops {border:1px #dddddd solid; padding:3px; margin:3px; border-radius:5px;}
.srchpapers div, .srchsops div {padding:3px;}
.search-guide {padding: 0 0 10px 0; font-style:italic; font-weight:normal;}
#searchForm {padding-bottom:10px; margin:0;}
#selectanalyte, #selectcategory {font-weight:bold; margin: 0 0 4px 5px; display:inline-block;}
#selectanalyte label, #selectcategory label {margin-right:5px;}
.paper-submission .srchpapers b {width:150px; float:left;}
.form-instr {margin-left:330px;}
.fieldcontain .right .cke, .fieldcontain .right textarea {width:570px;}
.cke .cke_inner .cke_toolbar .cke_button__maximize {display:none;}
.cke_skin_kama .cke_button_charcount .cke_label{display:inline; margin-left:-4px;}
.cke_skin_kama .cke_button_charcount .cke_icon{display:none; width:0px;}
#captcha {margin-left:10px;margin-top:10px;}
html body.justtxt.mainareas #body_wrapper #container #gr-main {padding-left:15px;}
html body.justtxt.mainareas #body_wrapper #container #gr-main #about p{margin-left:0;}
.justtxt.mainareas #gr-main .div p {padding-left:0;}
.justtxt.mainareas #container p, .justtxt.mainareas #container h1, .justtxt.mainareas #container h3, .justtxt.mainareas #container h2 {
padding-left: 0;
padding-right: 0;
}
html body.justtxt.mainareas #body_wrapper #container > div {
margin: 0 10px 10px 0;
}
#gr-main, .show-main-value {float:left; width: 660px;}
#gr-sub {float:right; width: 260px;}
#container div.module {margin-bottom:15px; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 9px; }
#container div.module h3 {background: url("../images/sidebarbkg.gif") repeat-x scroll 0 0 #013089;
border-radius: 9px; color: #fff; font-size: 16px; font-weight: bold; padding: 4px 6px 5px 6px; font-style:normal; line-height:16px; border-width:0;}
#container div.module .right {margin-right:3px; background:#ffffff;}
.module ul li a {font-weight:normal;}
.module .more {float:right; color:#02318a !important; margin-right:10px; padding-top:10px; font-weight:bold; display:block;}
.module .more:hover {text-decoration:underline;}
.module h4 {margin-left:5px;}
#container .srchpapers.module, #container .srchsops.module {border-color:#cccccc;}
#recently-viewed #recentlyviewed {border:none;}
.recently-viewed-papers #recentlyviewed ul li a {font-weight:normal;}
.page-module #container div.module {border-width:0;}
.recently-added-papers h2 {display:none;}
.li-date {color:#999933; font-style:italic; margin-right:5px; float:left;}
.page-module .module .clearfix .left,.page-module #recentlyviewed .clearfix .left {width:90%; margin-bottom:8px; margin-left:5px;}
body.announcement .fieldcontain label, body.about .fieldcontain label {width: 200px;}
body.announcement .fieldcontain .right, body.about .fieldcontain .right {padding-right: 142px;}
.module hr {margin-bottom:10px;}
#container .module ol {margin-top:0;padding-left:25px;}
#container ol.paper-search {padding-left:10px; margin-left:5px; margin-right:5px;}
#container .module ul {padding-left:12px;}
#container .module ul li, #container .module ol li{margin-left:0;}
.news-date {padding-left:5px; color:#666;}
#container #featured-paper {padding:12px;}
#container #featured-paper ol {padding-left:15px;}
.featured-paper #container #papertitle {font-style: italic;}
.curatorhome #container ul.left {width:31%;}
/* start design tabbed*/
.tabbed.analyte-browse #breadcrumbs #menu-header .search.sf-arrows>a, .tabbed.search #breadcrumbs #menu-header .search.sf-arrows>a, .tabbed.pre-analytical-factor-browse #breadcrumbs #menu-header .search.sf-arrows>a, .tabbed.text-search #breadcrumbs #menu-header .search.sf-arrows>a,.tabbed.suggest #breadcrumbs #menu-header .suggest>a, .tabbed.mainareas #breadcrumbs #menu-header .home a,.tabbed.curatorhome #breadcrumbs #menu-header .chome a, .tabbed.backoffice #breadcrumbs #menu-header .adminhome a,.tabbed.appsetting #breadcrumbs #menu-header .adminhome a,.tabbed.app-setting #breadcrumbs #menu-header .adminhome a, .tabbed.paper-submission #breadcrumbs #menu-header .newpaper a, .tabbed.sop-submission #breadcrumbs #menu-header .newsop a, .tabbed.citing-brd #breadcrumbs #menu-header .cbrd a, .tabbed.term #breadcrumbs #menu-header .term a, .tabbed.release #breadcrumbs #menu-header .release a
{color:#998833;background: #ffffff; line-height:14px;}
.tabbed.mainareas #breadcrumbs #menu-header .home a {border-radius: 9px 0 0 0;margin-left:1px;}
.tabbed.analyte-browse .qsearch, .tabbed.advanced-search .asearch, .tabbed.pre-analytical-factor-browse .efsearch, .tabbed.text-search .tsearch, .tabbed.sop-search .sopsearch, .tabbed.sop-compendium-list .sopcompendiumlist
{cursor:default; color:#777777;}
/* end design tabbed*/
#NCIbar {
background-color: none;
overflow: hidden;
padding: 0;
height:40px;
}
#NCIbar ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 1000px;
}
#NCIbar ul li.nciLogo {
float: left;
}
#NCIbar ul li.nciLogo a {
display: block;
height: 39px;
text-indent: -9999px;
width: 263px;
}
#NCIbar ul li.nihText {
float: right;
}
#NCIbar ul li.nihText a {
display: block;
height: 39px;
text-indent: -9999px;
width: 208px;
}
#NCIbar ul li.nciURL {
float: right;
}
#NCIbar ul li.nciURL a {
display: block;
height: 39px;
text-indent: -9999px;
width: 99px;
}
#NCIbar ul li.nciLogo a {
background-image: url("../images/white-ncilogo.gif");
}
#NCIbar ul li.nihText a {
background-image: url("../images/white-nihtext.gif");
}
#NCIbar ul li.nciURL a {
background-image: url("../images/white-nciurl.gif");
}
#columnA {
background: url("../images/bkg_colA.gif") no-repeat scroll 0 0 transparent;
font-size:10px;
float: left;
height: 700px;
width: 200px;
padding: 20px 0 0;
margin-left: -20px;
}
#columnA h3 {
background: url("../images/sidebarbkg.gif") repeat-x scroll 0 0 #013089;
border-radius: 9px;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 15px 0 10px;
padding: 3px 6px;
}
#columnA a {
color: #3266c4;
display: block;
font-weight: bold;
padding: 7px 20px;
text-decoration: none;
width: 159px;
}
#columnA a:hover {
background-color: #c7d6f1;
}
#mainColumn {
float: left;
margin: 0;
min-height: 300px;
width: 760px;
}
#mainColumn td, #mainColumn th, #mainColumn p {
color: #272727;
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
}
#mainColumn h2 {
color: #18539c;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin: 5px 0 12px;
}
#mainColumn h3 {
color: #18539c;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin-top: 26px;
}
#mainColumn h4 {
color: #18539c;
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin: 18px 0 12px;
}
#mainColumn ul {
color: #272727;
font-size: 12px;
line-height: 18px;
list-style: disc outside none;
margin: 12px 0;
padding-left: 20px;
}
#mainColumn ul ul {
list-style-type: circle;
margin-bottom: 0;
}
#mainColumn ol {
color: #272727;
font-size: 12px;
line-height: 18px;
list-style: decimal outside none;
margin-bottom: 12px;
padding-left: 20px;
}
#mainColumn ol.roman {
list-style-type: upper-roman;
}
#mainColumn ol.alphaU {
list-style-type: upper-alpha;
}
#mainColumn ol.alphal {
list-style-type: lower-alpha;
}
#mainColumn ul.shortList li, #mainColumn ul.shortcuts li {
margin: 0;
}
#mainColumn li {
margin: 0 0 12px;
}
#mainColumn a {
color: #597fc4;
font-weight: bold;
text-decoration: none;
}
#mainColumn a:hover {
color: #013089;
text-decoration: underline;
}
#columnB {
background: url("../images/bkg_colB.gif") no-repeat scroll 0 0 transparent;
float: right;
height: 700px;
padding: 0;
width: 198px;
margin-top: -31px;
}
#columnB h4 {
color: #18539c;
font-size: 16px;
font-weight: bold;
margin: 25px 18px 15px 10px;
}
#columnB .module ul {padding-left:17px; }
#recentlytweeted #twitter-widget-0 {border: 2px solid #ccc !important; border-radius:9px;}
.skipToContent {
text-align: left;
}
.skipToContent a {
height: 1px;
left: -9999px;
overflow: hidden;
position: absolute;
text-align: left;
width: 1px;
}
.skipToContent a:focus, .skipToContent a:active {
height: auto;
left: 0;
overflow: visible;
position: static;
text-decoration: underline;
width: auto;
font-weight:normal;
font-size:12px;
}
.skipToContent a:focus, #NCIbar a:focus
{
border:1px dotted #18539c;
outline: 0;
}
#header a:focus
{
border:1px dotted #ffffff; outline: 0;
}
#dropDownMenu a:focus,#container #gr-sub .module .clearfix a:focus
{
outline-width:0;
}
#gr-sub .module div .clearfix a, #mainColumn .module .clearfix a {
width: 100%;
color: #1044a2;
display: block;
font-weight: bold;
padding: 5px 2px;
text-decoration: none;
}
#gr-sub a.more:hover, #columnB a.more:hover {
color: #272727;
text-decoration: underline;
}
#gr-sub a:hover:not(.more), #mainColumn .module div a:hover:not(.more) {
background-color: #c7d6f1;
}
#gr-sub .module div, #mainColumn .module div {
border-bottom: 1px dotted #ccc;
margin: 0 0 0 2px;
padding: 0;
}
#mainColumn .module div a:not(.more){
display: block;
font-weight: bold;
padding: 5px;
text-decoration: none;
}
#recentActivities ul li {list-style-type:none;}
.searchLabel {position: absolute; left: -5000px; }
.term p {margin-bottom:10px; line-height:26px; font-style:italic; font-weight:bold;}
/* for warning banner at the login page */
.wbFont {
font-size:13px;
list-style-type:disc;
padding-left: 5px;
margin-left: 5px;
}
.wbFont2 {
list-style:circle;list-style-position:inside;
font-size:12px;
color: darkslategrey;
}
#my_id .ui-icon {
background-image: url("/brd/css/theme/images/ui-icons_ffffff_256x240.png");
}
.ui-dialog-title{
font-size: 85% !important;
}
.ui-button, .ui-button-text .ui-button{
font-size: 13px !important;
}
.ui-dialog{
font-size: 14px !important;
}
.message8 {
background: #FBF9dd url(../images/skin/information.png) 8px 30% no-repeat;
border: 1px solid #b2d1ff;
margin: 10px 0 10px 0;
padding: 5px 5px 5px 30px;
border-radius: 5px;
font-weight: normal;
}
.helpwelcome2 a:link,.helpwelcome2 a:visited,.helpwelcome2 a:active {color:#ffffff;}
.helpwelcome2 {margin-top: 15px; margin-right: 5px;}
.submission{ font-size: 16px; font-weight: bold; text-align: center;}