header {display:block;background-color:red}
body {
    font-family: arial, helvetica, sans-serif;
    background-color:#F8F8F8;
    color:#333;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    min-width:980px;
    -moz-box-shadow: 0px -5px 10px -6px #3F3F3F;
    -webkit-box-shadow: 0px -5px 10px -6px #3F3F3F;
    box-shadow: 0px -5px 10px -6px #3F3F3F;

}

h1, h2, h3.title2, h3.title3, h3.title4, h4 {color: #333;}
/* JJN: Removed "p" from above to fix bug 19080. It shouldn't have any adverse effects on other pages. */



/* why was padding-top 22? -- I think it should be zero */
* {
    margin:0;
    list-style:none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
img {border:none;}
/* JJN link dotted outlines are hidden using "outline:none"  this also in select2.css 
:focus {outline:none} */
input:focus { /* JJN fix seach field blue outline issue */
    outline: none;
}
/*-------- GLOBAL --------*/
.clearfix:after {content: '.';clear: both;display: block;font-size: 0;height: 0;visibility: hidden;}
a {color:#005a84;text-decoration:none;}
.font-style1 {font-weight:bold;}
.link-style1 {font-weight:bold;}
.link-style2 {font-style:italic;}
.link-style3 {font-family: arial, helvetica, sans-serif;}
.g-hide {
    display:none
}
/* JJN added next to underline links */
a:hover {
    text-decoration: underline;
}
/*-------- END GLOBAL --------*/




/*header group*/
 
/*misc*/
/*links with submenu*/
.slectLinksClosed {width:9px;height:9px;display:inline-block;background:url(../images/icons.png) no-repeat;vertical-align:top;margin:4px 0 0 5px;}  
.slectLinksOpen {width:9px;height:9px;display:inline-block;background:url(../images/icons.png) no-repeat 0 -12px;vertical-align:top;margin:3px 0 0 5px;}
.markedList {background:url(../images/icons.png) no-repeat 0 -95px;}


/*header group*/
.navBar {position:relative;height:24px;font-family: arial, helvetica, sans-serif;font-weight: bold; border-bottom:1px solid #575757;background: #333333;background: -moz-linear-gradient(top,  #333333 0%, #2c2c2c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#2c2c2c));background: -webkit-linear-gradient(top,  #333333 0%,#2c2c2c 100%);background: -o-linear-gradient(top,  #333333 0%,#2c2c2c 100%);background: -ms-linear-gradient(top,  #333333 0%,#2c2c2c 100%);background: linear-gradient(to bottom,  #333333 0%,#2c2c2c 100%);}
.navBar .userCabinet {position:absolute;top:0;right:32px;}
.navBar .userCabinet .nav-item:first-child {border-left:1px solid #6e6e6e;} /* JJN toolbar border */
.nav-list {font-size: 0;margin-left:20px;}
.nav-item { display:inline-block; vertical-align:top;position:relative;}
.nav-link {margin-top:0;border-left:1px solid #6E6E6E;display:inline-block;padding: 5px 10px;color:#fff;vertical-align:top;text-decoration:none;font-size: 11px;}
.nav-link-current {
    color: #979797;
}
.nav-item:last-child  .nav-link {border-right:1px solid #6e6e6e;} /* JJN toolbar border */
/* JJN: Remove padding and line-height from next to fix moving top links on hover */
.nav-item.show-subnav  .nav-link, .nav-item:hover  .nav-link{position:relative;margin:0 0px 0 0;color:#FFF;background-color:#979797;z-index:57;text-decoration: none}
.nav-item.show-subnav  .icon-arrow, .nav-item:hover  .icon-arrow { margin:3px -2px -1px 2px;border-color:#FFF #979797 #979797 #979797;}
.nav-item:first-child  .nav-link {padding-left:10px;border-left:0;}
.subnav {display:none;position:absolute;top:24px;right:-1px;z-index:10000;
min-width:150px;white-space:nowrap; border:1px solid #ccc;-moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);-webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);}
.nav-item.show-subnav .subnav {display:block;}
.subnav-item {color:#000;display:block;border:none;height:48px;line-height:48px;background:#f6f6f6;border-top:1px solid #ccc;z-index:511;vertical-align:middle;padding:0;position: relative;}
.subnav-item a { /* NO RIGHT CARROT IN MY TOOLS MENU background:url(../images/icons.png) no-repeat 120% -25px */ }
.subnav-item:first-child {border-top:none;}
.subnav-item:hover {color: #000;background: #ECECEC;background: -moz-linear-gradient(top,  #ECECEC 0%, #ECECEC 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#ECECEC));background: -webkit-linear-gradient(top,  #ECECEC 0%,#ECECEC 100%);background: -o-linear-gradient(top,  #ECECEC 0%,#ECECEC 100%);background: -ms-linear-gradient(top,  #ECECEC 0%,#ECECEC 100%);background: linear-gradient(to bottom,  #ECECEC 0%,#ECECEC 100%);  }
.subnav-item:hover a {text-decoration: none;}
    
.subnav-link {display:block;padding:0 30px 0px 10px;font-size: 14px;height:48px;color: #000;}
.subnav-item:hover .subnav-link {color: #000;}
.subnav-link i {display:inline-block;width:33px;height:26px;vertical-align:middle;margin-right:6px;}

.language-active-option a {color: #666;}
.language-active-option a:after {content:".";position:absolute;right:8px;font-size: 30px;top:-10px;}


.logoBar {position:relative;z-index:56;height:75px;border-bottom:1px solid #3e3e3e;background:#505050;-moz-box-shadow: 0px 8px 10px -9px #3F3F3F;-webkit-box-shadow: 0px 8px 10px -9px #3F3F3F;box-shadow:0px 8px 10px -9px #3F3F3F;}
.logoBar span {position:absolute;top:20px;right:40px;height:32px;}
.logoBar a span {display: inline-block;font-size: 32px !important;color: #FF7800 !important;font-family: arial !important;font-weight: normal !important;-webkit-font-smoothing: antialiased !important;left: 30px;top: 20px;width: 300px;}

.toolBar {position:relative;height:36px; font-weight:bold;background:#505050;}
.toolBar ul.breadCrumbs {font-size: 0;height:100%;padding-left:5px;background:#505050;display:inline-block;*display:inline;*zoom:1}
.toolBar ul.breadCrumbs > li {float:left;vertical-align:bottom;padding:9px 48px 8px 20px;position:relative;z-index:5;height:19px;}
.toolBar ul.breadCrumbs > li:first-child {padding-left:25px;}
.toolBar ul.breadCrumbs > li:after {content: "";display: inline-block;width: 22px;height: 36px;position: absolute;right: 0;top: 0;}
.toolBar ul.breadCrumbs > li.searchPageChevron {
    position:relative;
    background:#ff7f00;
    z-index:2;
    margin-left:-5px;
    padding-left:40px;
    padding-right:30px;
}
.toolBar ul.breadCrumbs > li.searchPageChevron:after {content: "";display: inline-block;width: 22px;height: 36px;background: url(../images/bcborders.png) no-repeat 0px -44px;position: absolute;right: -22px;top: 0;}
.toolBar ul.breadCrumbs > li sup {font-size: 8px;font-weight:normal;}

.toolBar ul.breadCrumbs > li.nonSearchPageChevron {
    position:relative;
    background:#ff7f00;
    z-index:2;
    margin-left:-5px;
    padding-left:30px;
    padding-right:30px;
}
.toolBar ul.breadCrumbs > li.nonSearchPageChevron:after {content: "";display: inline-block;width: 22px;height: 36px;background: url(../images/bcborders.png) no-repeat 0px -84px;position: absolute;right: -22px;top: 0;}



.toolBar ul.breadCrumbs > li {color:#fff;text-decoration:none;font-size: 15px;font-weight:bold;font-family: arial, helvetica, sans-serif;}

.toolBar ul.breadCrumbs > li a {color:#fff;text-decoration:none;font-size: 15px;font-weight:bold;font-family: arial, helvetica, sans-serif;}
.toolBar ul.breadCrumbs > li a span {display:inline-block;padding-right:5px;margin-right:5px;/*border-right:1px solid #dcdcdc;*/line-height: 12px;height: 14px;}
.toolBar ul.breadCrumbs > li a span.RegMark, .toolBar ul.breadCrumbs > li a span.TMMark {margin-right: 0px; padding-right: 2px; } /*JJN fixed gap in chevron bar when RegMark is in name */
.toolBar .optionPanel {position:absolute;top:0px;right:32px;height:36px;line-height:36px;}
/* JJN: This style seems uncessary and double width in of My Tools dropdown in Safari 
.toolBar .optionPanel li {float:left; position:relative;} JJN toolbar border remove */

.toolBar .optionPanel li:first-child { border-left:1px solid #6E6E6E;} /*JJN toolbar border color */

.toolBar .optionPanel li.nav-item a {color:#fff;text-decoration:none;font-size: 13px;display:block;height:100%;padding:0 10px;}
.toolBar .optionPanel li.nav-item a:hover {background:#979797;position: relative;z-index: 56;} 
.toolBar .optionPanel li.nav-item a:hover .icon-arrow {  margin: 3px -2px 0 2px;border-color: #FFF #979797 #979797 #979797;}
.toolBar .optionPanel li.nav-item a.nav-link {line-height:36px;}

.toolBar .optionPanel li.subnav-item a {color:#000;text-decoration:none;font-size: 13px;display:block;height:100%;padding:0 10px;}
.toolBar .optionPanel li.subnav-item a:hover {color:#000;background:#ECECEC;position: relative;z-index: 56;} 
.toolBar .optionPanel li.subnav-item a:hover .icon-arrow { /* NONE margin: 3px -2px 0 2px;border-color: #FFF #979797 #979797 #979797; */}
.toolBar .optionPanel li.subnav-item a.nav-link {line-height:36px;}


.toolBar .optionPanel .subnav {top:36px;background:#F6F6F6;}
.toolBar .optionPanel .subnav li {width:100%;border:none;border-top:1px solid #ccc;}
.toolBar .optionPanel .subnav li:first-child {border:none;}
.toolBar .optionPanel .subnav li a {color:#000;font-family: arial, helvetica, sans-serif;font-weight:bold;font-size: 14px;padding-left: 20px; padding-right: 20px;}
.toolBar .optionPanel .subnav li:hover a { /* background: url(../images/icons.png) no-repeat 120% -423px; */ color:#000; }
.toolBar .optionPanel .icon-addmarket {width:18px;height:22px;background-position:0 -95px;margin-right:5px;}
.toolBar ul.breadCrumbs{position:absolute;}

.toolBar ul.breadCrumbs li .icon-dd-active-breadcrumb {margin-left:8px;position: relative;}
.toolBar ul.breadCrumbs li:hover .icon-dd-active-breadcrumb, .toolBar ul.breadCrumbs li.show-subnav-breadcrumbs .icon-dd-active-breadcrumb {background-color:#000;}
.toolBar ul.breadCrumbs li ul {display:none;position:absolute;top:21px;background:#fff;color:#000;min-width:290px; white-space:nowrap;border:1px solid #ccc;z-index:2;-moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);-webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);}
.toolBar ul.breadCrumbs li.show-subnav-breadcrumbs  ul {display:block;}
.toolBar ul.breadCrumbs li ul li {border-top:1px solid #ccc;position: relative;background: #f6f6f6;}
.toolBar ul.breadCrumbs li ul li:first-child {border-top:none;}
.toolBar ul.breadCrumbs li ul li a {display:block;color:#000;padding:7px 10px;font-size: 15px; font-weight:normal;font-family: arial, helvetica, sans-serif;font-style:normal;background: #f6f6f6;}
.toolBar ul.breadCrumbs li  ul .breadCrumbs-active-option a {color: #666;}
.toolBar ul.breadCrumbs li  ul .breadCrumbs-active-option a:after {content:".";position:absolute;right:8px;font-size: 30px;top:-10px;}
.toolBar ul.breadCrumbs li  ul li a:hover {color: #000; background:#ECECEC;background: -moz-linear-gradient(top, #ECECEC, #ECECEC);background:-webkit-linear-gradient(top, #ECECEC 0%,#ECECEC 100%);background: -ms-linear-gradient(top, #ECECEC, #ECECEC);background: linear-gradient(top, #ECECEC, #ECECEC);}
/* JJN added next to the cursor on the chevron bar product name is not a hand */
.breadCrumbs a#databases {
    cursor: text;
}

/*pagination JJN changed height from 57 to 52 at Nina's request */
.paginationBar {position:relative;height:52px;background:#f6f6f6;text-align:center;}
.paginationBar input[type="button"] {height:25px;padding:0 10px;border:1px solid #CFCFCF; -webkit-box-shadow: inset 0px -5px 13px -4px #CFCFCF;-moz-box-shadow: inset 0px -5px 13px -4px #CFCFCF;box-shadow: inset 0px -5px 13px -4px #CFCFCF;color:#000;font-weight:bold;font-size: 12px;;**padding:2px 0 1px 0;}
.paginationBar input[type="button"]:hover {background-color:#fff;}

.paginationBar .pagination {position:absolute;right:32px;top:0;padding-top:22px; font-size: 10;}

.paginationBar .pagination >* {vertical-align:middle;}
.paginationBar .pagination span {
    color:#616161;
    padding:0 7px;
    font-family: arial, helvetica, sans-serif;
}
.paginationBar .pagination a {display:inline-block;height:15px;}
.paginationBar .pagination a i {display:inline-block;width:7px;height:13px;background:url(../images/icons.png) no-repeat;margin-left:2px;margin-top: 2px;cursor:pointer;}
.paginationBar .pagination a.paginationPrev i {background-position:-14px -222px;margin-top: 2px;}
.paginationBar .pagination a.paginationPrevDisabled i {background-position:0 -222px;}
.paginationBar .pagination a.paginationNext i {background-position:-21px -222px;}
.paginationBar .pagination a.paginationNextDisabled i {background-position:-7px -222px;}
.paginationBar .pagination a.backToList {padding-right: 10px;}


.paginationBar .parentInfo {
    position:absolute;
    top:17px;
    vertical-align:middle;
}

.paginationBar .pagingOptions {position:absolute;top:17px;left:20px;vertical-align:middle;}
.paginationBar  .pagingOptions input, .paginationBar  .pagingOptions select {font-family:"Trebuchet MS", Helvetica, sans-serif;}
/* JJN added this to override width:178 on other dropdowns that use the select2-container select2-choice style */
.formBoxesSort {
    width:auto;
}
.searchPagination {border-top:1px solid #ccc;background:#f1f1f1;padding-bottom:13px;}
.searchPagination.topPaginationBar  {border-top:none;border-bottom:1px solid #ccc;}

.searchPagination .pagingOptions {top:22px; white-space:nowrap /*JJN added nowrap to fix sort and x per page dropdowns stacking in Safari */}
.searchPagination .pagingOptions  .l-columns-item{margin-right:10px;}

.searchPagination span {vertical-align:middle;padding-right:5px;font-weight:normal; font-size: 13px;}

.paging-nav {white-space:nowrap;padding:4px 10px;display:none}
.select2-custom-pagination .paging-nav {display:block}
.paging-list-input {width:50px;box-sizing:border-box;padding:3px;font-size: 14px;font-family:Georgia;font-style:italic;color:#a0a0a0;border-radius:5px;border:1px solid #b9b9b9;box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15);background:#FFF}
.goToPageNumber-input {padding:5px 5px;margin-right:5px;font-size: 13px;font-family: arial, helvetica, sans-serif;color:#616161;border-radius:5px;border:1px solid #b9b9b9;box-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .2);}

/* Record match statement on bottom of Summary page */
.recordMatchBar {position:relative;text-align:center;}
.recordMatchStatement {
    padding-bottom:16px;
    text-align: left;
    padding-top: 13px;
    margin-left: 22px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #666;
    font-size: 12px;
}


/*-------- LAYOUT --------*/
.main-container {min-width:980px}
.l-body {position:relative;z-index:1;min-height:500px;}
/* -moz-box-shadow: 0px -5px 10px -6px #3F3F3F;-webkit-box-shadow: 0px -5px 10px -6px #3F3F3F;box-shadow: 0px -5px 10px -6px #3F3F3F; */

.l-main-content {position:relative;background-color:#eee;}
.l-wrapper {display:table;width:100%;}
.l-wrapper-row {display:table-row;}
.l-column-content {display:table-cell;border-top:1px solid #d3d3d3;background-color:#f8f8f8;vertical-align:top}
.l-column-sidebar, .l-column-sidebar2 {display:table-cell;min-width:278px;max-width:278px;width:278px;border-right:1px solid #bababa;/* JJN: Add this border since FR has page nav at bottom -- border-bottom:0 !important;*/background-color:#f1f1f1;vertical-align:top}
.l-column-sidebar2 {
    background-color:#f1f1f1;
    vertical-align:top;
    border-top-width: 1px;
    border-right-width: 1;
    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: #bababa;
    border-right-color: #bababa;
    border-bottom-color: #bababa;
    border-left-color: #bababa;
}
.l-content {padding:20px 30px 3px;}
.search-results-page .l-content{padding:10px 20px 20px}
.l-content .l-content-wraper {max-width: 870px;margin:0 auto}
.l-block {margin:0 0 10px}
.l-column-sidebar .l-block {margin:0 32px 10px}
.l-columns {}
.l-columns-item {display:inline-block;vertical-align:middle;margin-right:20px;*display:inline;}
.l-2columns {position:relative;}
.l-2columns-first {}
.l-2columns-last {position:absolute;right:0;top:0}
.l-columns-item-brl {display:inline-block;border-left:1px solid #ccc;border-right:1px solid #ccc;padding: 3px 0 3px 20px;margin-right:20px;}
.l-columns-item .button4  {margin-left:7px;}
/*-------- END LAYOUT --------*/


.title {
    font-size: 20px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    margin-top: 2px;
    margin-right: 22px;
    margin-bottom: 12px;
    margin-left: 22px;
}
.title2 {
    height:60px;
    line-height:60px;
    padding-left:20px;
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 4px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #d3d3d3;
    border-bottom-color: #d3d3d3;
    border-left-color: #ff8000;
    border-right-width: 1px;
    border-right-style: none;
    border-right-color: #d3d3d3;
}
.l-column-sidebar .title2 {padding-left:27px;}
.title3 {
    font-family: arial, helvetica, sans-serif;
    margin:4px 0;
    font-size: 16px;
    font-weight: bold;
}
.title4 {
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
}
.title4_query {
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}
.title5 {
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    padding-top: 5px;
    text-transform: uppercase;
}
.title5-timespan {
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    padding-top: 5px;
    text-transform: uppercase;
}
.title5-show {
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.title-layout {margin-bottom:25px}
.title-layout .title {margin-bottom:5px}
.block-record-info {
    margin-left:22px;
    margin-right:22px;
    margin-bottom:22px;
    line-height: 20px;
    font-size: 13px;
}
/* JJN: controls line spaceing on Source fields */
.block-record-info-source .FR_field {
    line-height: 18px;
    margin-bottom: 2px;
}

.block-record-info DT, .block-record-info DD {display:inline-block;*display:inline;}
.block-record-info DT {
    font-family: arial, helvetica, sans-serif;
    margin-right:5px;
    font-weight: bold;
}
.sourceSubLabel {
    font-family: arial, helvetica, sans-serif;
    margin-right:5px;
    margin-left:10px;
    font-weight: bold;
}
.authorLabel {
    font-family: arial, helvetica, sans-serif;
    margin-right:5px;
    font-weight: bold;
}
.TCcountFR {font-family: arial, helvetica, sans-serif;font-size: 16px;  font-weight: bold;}

/* JJN Added margin-bottom to pull Refine and FR sidebars headings (with orange left edge) together 1px to remove double border */
.l-column-sidebar  .block-text {padding-left:32px;background-color:#F8F8F8; margin-bottom: -1px;}
/* JJN changed next last padding to 15 on Nina's request */ 
.block-text {
    padding:24px 24px 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d3d3d3;
    font-size: 13px;
}
.block-text2 {background-color:#dedede}

/* scorecard in CA page */
.l-column-sidebar .block-text-title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}
.l-column-sidebar .block-text-content-scorecard {
    padding-bottom:1px;
}
.l-column-sidebar .block-text-content-scorecard p {
    font-size: 12px;
    padding-top:2px;
    padding-bottom: 1px;
}
.l-column-sidebar .block-text-content-scorecard p span {

}

.l-column-sidebar .block-text-content-scorecard p.viewScorecard {
    font-size: 12px;
    font-weight:bold;
    margin-top: 6px;
}
/*end scorecard in CA page */

.block-text-title {
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
}
.block-text .l-block {margin-top:25px}
.block-text .l-block:first-child {margin-top:0}
.block-text-content .text-bold {font-weight: bold;}
.block-text-content li {margin-top: 14px;}
.block-text-content li:first-child {margin-top: 0;}
.block-text-content p {
    padding-bottom:6px;
}
.block-text-content p img {vertical-align: -6%;}

.block-text-content-scorecard {
    padding-bottom:1px;
}
.block-text-content-scorecard p {
    margin-top:6px;
}

.block-text-content-CitedRefCount {
    padding-bottom: 1px;
    font-size: 12px;
}

.block-text-content-thisRecord {
    padding-bottom:10px;
    font-weight: bold;
}
.block-text-content-thisRecord p {padding-bottom:1px;}

.block-text-content-additional {padding-bottom:1px;}
.block-text-content-additional p {
    padding-bottom:5px;
    font-weight: bold;
}

.viewOtherSubHead {font-family: arial, helvetica, sans-serif;font-weight: bold;}
UL.viewOtherList LI {margin-bottom: 7px;} 

.dataFromSiloFRside {font-family:"Georgia", serif; font-size: 11px;color:#666666; font-style:italic;padding-top:5px;}
.CreateCitationAlert, .ViewCitationMap {font-weight: bold;}
.CreateCitationAlert img, .ViewCitationMap img{padding-right: 4px}

.MostRecentCitationViewAll { }
.thisRecordLabel {font-family: arial, helvetica, sans-serif;}
.thisRecordSilo {font-family: arial, helvetica, sans-serif;}
.viewRecordInLabel {font-family: arial, helvetica, sans-serif;}

.sourceTitle {font-weight:bold; margin: 0px;}
/* JJN added the next 2 styles to format the source field string (in which multiple fields are listed on one line) */
.block-record-info-source-values p.FR_field { display: inline-block; }
.block-record-info-source-values p.FR_field value {margin-right: 5px;}
.block-record-info .show-address, .block-record-info .hide-address {padding-left: 18px;}
.block-record-info .full-address {padding: 7px 0 5px;}
.block-record-info .full-address i { cursor:pointer;margin: 1px 0 0 -18px; float:left; width: 13px; height: 13px;}
.block-record-info .full-address dl {font-size: 12px;}
.block-record-info .show-address dl {display: inline-block;}
.block-record-info .hide-address dl {display: none;}
.block-record-info dl ul {padding: 10px 0;}
.block-record-info table.FR_table_borders {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; margin-top: 6px; width: 100%; outline: 1px solid #bababa; border-collapse: collapse;}
.block-record-info table.FR_table_noborders {width: 100%}
.block-record-info table.FR_table_noborders .fr_address_row2:last-child {width: 100%} /* JJN added to fix "plus" spacing in FR address tables. */
img.showIcon:hover {cursor:pointer}
.block-record-info table.FR_table_borders th {vertical-align: middle; padding: 9px 10px 9px 9px; /* width: 17%; */ background: #f3f3f3; text-align: left;font-weight: bold;}
/* JJN: Not sure why we needed this  .block-record-info table.FR_table_borders th {width: 40%;} */
/* JJN: Not sure why we needed this  .block-record-info table.FR_table_borders th:first-child {width: 20%;} */
.block-record-info table.FR_table_borders td {vertical-align: middle;}
.block-record-info table td {
    padding: 5px; /* JJN changed from 9 to 5 to tighten up data tables a bit */
    vertical-align: top;
}
.block-record-info table.FR_table_borders th, .block-record-info table.FR_table_borders td {border: 1px solid #CCCCCC;}
.block-record-info table td.fr_dataTable_head {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    text-align: left;   
}


/*changes*/
.page-options-inner { /* padding: 20px; */ background-color: #F8F8F8;}

/* JJN this is backup of above, which I changed so the output bar don't overlap 
.page-options-inner {position:relative;margin-bottom:12px;15px 10px 40px 20px; background-color: #F8F8F8;} */
/* JJN added this next for so the output bar left and right sides don't overlap */
.page-options-inner-left {float: left;}
.page-options-inner-bottom {margin-bottom:0;}
.options-inner {display:inline-block;border-left:1px solid #d9d9d9;padding:0 20px;height:30px;line-height:27px;vertical-align:top;}
/* JJN: This next style controls Select All checkbox on summary */
.options-inner:first-child {border-left:none;padding-left:0;line-height:30px;}
.options-inner input[type="checkbox"] {margin-right:5px;vertical-align:middle;}
.options-inner label {vertical-align:middle;font-family: arial, helvetica, sans-serif;}
.options-inner .icon-print {margin-right:15px;}
.options-inner  .button4  {margin-left:7px;}
.create-cite-report { float: right; padding-top: 6px;/* JJN: Removed these -- float right will force this not to overlap with output buttons: position:absolute; right:0;top:6px;*/}
.create-cite-report a {font-family: arial, helvetica, sans-serif;   font-weight: bold;
font-size: 13px;}
.ie8-options-inner {padding:0 10px;}
.ie8-options-inner .icon-print {margin-right:8px}


/*-------- CUSTOM CONTROLS --------*/
/*-- buttons --*/
.button1,.button2, .button3, .button4  {
    display:inline-block;
    font-size: 13px;
    font-style:normal;
    cursor:pointer;
    color:#333;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    padding:0 11px;
    height:23px;
    line-height:23px;
    border:1px solid #b9b9b9;
    background-color:#f9f9f9;
    background: -moz-linear-gradient(top, #fff, #f3f3f3);
    background:-webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff, #f3f3f3);
    background: linear-gradient(top, #fff, #f3f3f3);
    vertical-align:middle;
}
.button2 {color:#005a84;}
.button-active {background:#F80;color:#FFF}
.button3 {font-size: 15px;height:35px;line-height:35px;color:#005a84}
.button4 {font-family: arial, helvetica, sans-serif;background-color:#f3f3f3;background: -moz-linear-gradient(top, #f9f9f9, #ededed);background:-webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);background: -ms-linear-gradient(top, #f9f9f9, #ededed);background: linear-gradient(top, #f9f9f9, #ededed);    font-weight: bold;
}

/* button5 was "search" button, but I replaced it with a graphic so no styling needed. the button5 class is still used to hide/show the button when you add a row */
.button5 { /*display:inline-block;font-size: 16px;font-style:normal;font-family: arial, helvetica, sans-serif;cursor:pointer;color:#FFF;font-wexight:bold;padding:0 20px;height:37px;line-height:37px;background-color:#006ea1;background: -moz-linear-gradient(top, #0083bf, #005b85);background:-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%);background: -ms-linear-gradient(top, #0083bf, #005b85);background: linear-gradient(top, #0083bf, #005b85);vertical-align:middle; */ }
.button5 a {color:#fff;text-decoration:none;}
/* JJN added next line to ensure text-based buttons would not get underline on hover */
a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover, a.button5:hover, a.button6:hover, a.button7:hover, a.GOOGLESCHOLAR_link:hover {text-decoration:none;} 
.button1 a:hover, .button2 a:hover, .button3 a:hover, .button4 a:hover, .button5 a:hover, .button6 a:hover, .button7 a:hover {text-decoration:none;} 
.button6 a:hover { color: #fff }


.button6, .GOOGLESCHOLAR_link, .button7 {display:inline-block;font-size: 13px;font-style:normal;font-family: arial, helvetica, sans-serif;cursor:pointer;color:#FFF;font-weight:bold;padding:0 11px;height:23px;line-height:23px;background-color:#006ea1;background: -moz-linear-gradient(top, #0083bf, #005b85);background:-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%);background: -ms-linear-gradient(top, #0083bf, #005b85);background: linear-gradient(top, #0083bf, #005b85);vertical-align:middle;}


/*-- select --*/
.j-custom-select, .j-custom-pagination {width:auto !important;}
.j-custom-select a span{font-size: 13px;font-family: arial, helvetica, sans-serif;  font-weight: bold; color:#333;
padding:0;letter-spacing:-.6px\0/}
.select2-container .select2-choice div {background:url(../images/icons.png) no-repeat 4px -122px;padding-left:4px;border-left:1px solid #ccc;}
.select2-dropdown-open .select2-choice div {background:url(../images/icons.png) no-repeat 4px -122px;}
.select2-drop-mask {position:fixed;}

/*-- dropdown --*/
.select-container {position:relative;display:inline-block;vertical-align:middle;text-align:left;    }
.select-choice {font-size: 13px;display:block;height:23px !important;padding: 0 0 0 8px;font-family: arial, helvetica, sans-serif;  font-weight: bold;
overflow: hidden;position:relative;border: 1px solid #aaa; white-space: nowrap;line-height: 23px;background-color: #fff;
    background: -moz-linear-gradient(top, #f9f9f9, #ededed);background:-webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%);background: -ms-linear-gradient(top, #f9f9f9, #ededed);background: linear-gradient(top, #f9f9f9, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);}
.select-choice  a {display:inline-block;margin-right:30px;color: #333;text-decoration: none; }
.select-container .icon-arrow2{width:18px;height:24px;position: absolute;right: 0;top: 0;background:url(../images/icons.png) no-repeat 4px -122px;padding-left:4px;border-left:1px solid #ccc;cursor:pointer}   
.select-dropdown {display:none;min-width:100%;margin-top:-1px;position:absolute;z-index:9999;top: 100%;background: #f6f6f6;color:#000;border: 1px solid #aaa;-webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);-moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.select-container-show .select-dropdown {display:block}
.select-dropdown-item {white-space:nowrap;padding:0 7px;cursor:pointer;line-height:1.7}
.select-dropdown-item:hover {color:#fff;background:#ff9100; background: -moz-linear-gradient(top, #ff9100, #ff8100); background:-webkit-linear-gradient(top, #ff9100 0%,#ff8100 100%); background: -ms-linear-gradient(top, #ff9100, #ff8100);background: linear-gradient(top, #ff9100, #ff8100);}
/*-------- END CUSTOM CONTROLS --------*/


/*-------- ICONS --------*/
.icon-arrow3, .icon-addmarket, .icon-print, .icon-mail, .icon-data1, .icon-data2, .icon-arrow, .icon-clear, .icon-dd-active-breadcrumb, .icon-dd-active-block-search, .icon-close, .icon-cite-report {display:inline-block;background:url(../images/icons.png) no-repeat 0 0;vertical-align:middle;*zoom:1}
.icon-addmarket {width:18px;height:19px;background-position:0 -95px;}
.icon-print {height:18px;width:17px;background-position:0 -157px;}
.icon-mail {margin-top:-2px;height:18px;width:22px;background-position:0 -192px;}
.icon-data1{width:13px;height:19px;background-position:-20px -96px}
.icon-data2{width:19px;height:19px;background-position:-35px -96px}

/* this next one is to make arrowheads in top banner (nav-links) white and pointing down all the time - on hover it uses the same attributes */
.nav-link .icon-arrow { display:inline-block;border-width:5px;border-style:solid;background:none; margin:3px -2px -1px 2px;border-color:#FF8000 transparent transparent transparent;}

.icon-arrow {display:inline-block;border-width:5px;border-style:solid;border-color: transparent #ff8000 transparent transparent;background:none;margin-top:-1px;}
.icon-id {background:url(../images/icons.png) no-repeat 4px -245px;}
.icon-citation-alerts {background:url(../images/icons.png) no-repeat -37px -241px;}
.icon-journal-lists {background:url(../images/icons.png) no-repeat 4px -274px;}
.icon-saved-searches {background:url(../images/icons.png) no-repeat -37px -274px;}
.icon-my-settings {background:url(../images/icons.png) no-repeat 4px -305px;}
.icon-sign-out {background:url(../images/icons.png) no-repeat 9px -337px;}
.icon-number-messages {display:inline-block;padding:5px 6px 4px 5px;background:#ff8000;color:#fff;line-height:10px;margin:0 0 0 10px;}
.icon-scholar {display:inline-block;vertical-align:middle;width:216px;height:17px;background:url(../images/scholar-link.png) no-repeat;}
.icon-address-show {background: url(../images/icons.png) no-repeat 0 -366px;}
.icon-address-hide {background: url(../images/icons.png) no-repeat 0 -382px;}
.icon-close {position:absolute;width:25px;height:25px;background-position:-40px -307px;right:30px;top:20px;cursor:pointer;}
.icon-close:hover {background-position:-40px -332px;}
.icon-clear {position:absolute;width:18px;height:18px;background-position:-24px -195px;right:10px;top:9px;cursor:pointer;}
.icon-dd-active-breadcrumb {width:22px;height:21px;background-position:-28px -364px;margin: -7px -7px 0 0;cursor:pointer;z-index:3;position:relative;}
.icon-dd-active-block-search {
    width:22px;
height:21px;
background-position:-28px -364px;
margin: -4px -7px 0 0;
cursor:pointer;
z-index:3;
position:relative;
border: 1px solid transparent;
/* margin-top:1px; */
 border: solid 1px #bdbdbd;
background-color: #0083bf;
color:#fff;
background-image: url(../images/icons.png) no-repeat -28px -364px;
 background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85);
background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%);
background:  url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85);
background:  url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85);
}
    
.icon-arrow3 {width:19px;height:14px;background-position:-46px -414px;margin:-7px 7px 0 0}
.icon-cite-report {width:11px;height:15px;background-position:0 -404px;margin-right:5px;}
.supsm {font-size: 7px;}
/*-------- END ICONS --------*/



/*-------- SEARCH --------*/
.block-search-mini {position:relative;padding:25px 32px; /* JJN Remove this doubled-up border - border-top:1px solid #d3d3d3 */}
/* JJN: Added margin-right to give space between SWS input and button */
.block-search-input {width:190px; margin-right: 27px;padding:5px 12px;font-size: 13px;font-family:Georgia;font-style:italic;color:#666;border-radius:5px;border:1px solid #b9b9b9;box-shadow: inset 0px 0px 10px 0 rgba(0, 0, 0, .2);}
.block-search-submit {position:absolute;text-indent:-10000em;right:0;top:22px;display:inline-block;width:39px;height:38px;border:0;background:url(../images/icons.png) no-repeat -25px -157px;cursor:pointer}
/*-------- END SEARCH --------*/

/*-------- PARENT INFO TOP --------*/
.parent-info-top {
    padding-top: 15px;
    padding-right: 32px;
    padding-bottom: 10px;
    padding-left: 32px;
}
.parent-info-top .title4 {
    margin-bottom: 10px;
    display:inline-block;
}
.parent-info-top .Tab1, .parent-info-top .Tab2 {
    margin-bottom: 10px;
    display:inline-block;
    font-size: 16px;
    font-weight:bold;
    margin-left: 10px;
}
.parent-info-top .Tab2 {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999;
    padding-left: 10px;
}

.parent-info-top .activeTab {
}

.parent-info-top .title4_query {
    display:inline-block;
    font-size: 12px;
}
.parent-info-query {
    margin-bottom: 10px;
    font-size:12px;
}

/*-------- END PARENT INFO TOP --------*/

/*-------- REFINE PANEL --------*/
.refine-list {margin-bottom:25px;border-bottom:1px solid #d3d3d3}
.refine-item {border-top:1px solid #d3d3d3}
.refine-title {
    position:relative;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    cursor:pointer;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
}
.refine-title .icon-arrow {display:inline-block;position:absolute;right:22px;top:20px;border-width:7px;border-style:solid;border-color: transparent #005a84 transparent transparent;background-color:transparent}
.refine-content {display:none;padding:0 32px 35px 32px; font-size: 13px;}
.refine-item .button3 {position:absolute;bottom:-1px;right:-1px;height:30px;line-height:30px;padding:0 20px;}
/* JJN: Changed border color below to match closed refine items */
.refine-item-open {position:relative;border-top-color:#D3D3D3;border-bottom:1px solid #D3D3D3;margin-bottom:-1px;background-color:#e6e6e6}
.refine-item-open .refine-title .icon-arrow {right:19px;top:21px;border-color: #005a84 transparent transparent transparent;}
.refine-item-open .refine-content {display:block;}
/* JJN: Added to address refine more (to indicate which field is open in the more panel */
.refine-item-active .refine-title .icon-arrow { display:none;}
.refine-item-active {
    background-color:#E6E6E6;
    background-image: url(../images/refineActiveArrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    border-right: none;
    margin-right: -1px;
}
.refine-subitem-list {margin-bottom:15px;}
.refine-subitem {margin:0 0 5px;}
.refine-subitem-title {font-size: 12px; position:relative;display:inline-block;padding-left:25px;}
.refine-subitem-title  INPUT {position:absolute;left:0;top:2px;}
.refine-more {margin:0 32px 25px}
.refine-more p {font-size: 13px;margin-bottom:10px;font-family:Georgia}

.l-columns-criteria  p {position:relative;font-size: 12px;font-family: arial, helvetica, sans-serif;margin-bottom:10px;margin-top:15px;}
.l-columns-criteria  p strong {
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
}
/*
.l-columns-criteria  p span {color:#666;font-weight:normal;font-family: arial, helvetica, sans-serif;font-style:italic;padding:0 3px;}
*/
.l-columns-criteria  p a {font-family: arial, helvetica, sans-serif;    font-weight: bold;
}
/*
.l-columns-criteria  p a span {font-family: arial, helvetica, sans-serif;   font-weight: bold;
color: #005a84;font-style:normal;font-size: 10px;}
*/
/*
.l-columns-criteria  p a.more-link:before {content:"...";}
*/
.more-link {font-weight: bold;}
.l-columns-item-context {
    font-style:italic;
    font-family:Georgia;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
}
.l-columns-item-context a, .l-columns-criteria-links a  {font-family: arial, helvetica, sans-serif; font-weight: bold;
}
.l-columns-criteria-links a span {font-size: 11px;}
/*-------- END REFINE PANEL --------*/


/*-------- SEARCH  RESULTS --------*/
.search-results-item {
    display:table;
    width:100%;
    border-top-color: #D8D8D8;
    padding-top: 13px;
    padding-bottom: 13px;
    /* JJN Added this next item to help fix output bar left and right overlapping */
    clear: both;
}
.CitReport_totals_row  {
    display:table;
    width:100%;
    border-top-color: #D8D8D8;
    padding-top: 0px;
    padding-bottom: 0px;
    /* JJN Added this next item to help fix output bar left and right overlapping */
    clear: both;
}

.search-results-checkbox {display:table-cell;width:30px;vertical-align: top;}
.search-results-checkbox-align {position:relative;}
.search-results-checkbox input {position:absolute;top:2px;left:0;}

.search-results-number{display:table-cell;width:25px;padding-right:10px;vertical-align: top;}
.search-results-number-align {position:relative;}

.search-results-content {
    display:table-cell;
    padding-right:30px;
}
.search-results-data {display:table-cell;width:140px}
.search-results-title{font-weight:bold;margin-bottom:10px;font-size: 13px;letter-spacing:-.4px\0/}
.search-results-text {
    margin-bottom:10px;
    line-height:18px;
    font-size: 13px;
}
.search-action-item {position:relative;display:inline-block;margin-right:5px}
.search-action-item-show {position:relative;}
.search-action-item-show .popup-full-text{display:block}
.search-action-item-show .popup-abstract{display:block}
.search-results-data-cite {font-family: arial, helvetica, sans-serif;   font-size: 13px; font-weight: bold; margin-bottom:12px;}
.search-results-data-cite  span{font-weight:normal;font:italic 12px Georgia}
.search-results-data-cite  span.en_data_bold {padding-left: 0px;}
.search-results-data-icon {margin-bottom:12px;font-weight:bold;font-size: 12px}
.search-results-data-icon .icon-data1 {margin:0 8px 0 2px}
.search-results-data-icon .icon-data2 {margin:0 5px 0 0}
.search-results-data-icon div {margin-bottom:12px;}
.search-results-data-more {padding-top:10px;border-top:2px dotted #e1e1e1;font-weight:bold;font-size: 13px}
.match {background-color:#ffff67}
/*-------- END SEARCH  RESULTS --------*/


/* -------------- NEW SETTINGS -- JOHN NAP -------------- */
.settings-list {margin-bottom:25px;border-bottom:1px solid #d3d3d3}
.settings-item {
    padding-top: 10px;
    padding-bottom: 30px;
}
.settings-title {
    position:relative;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    cursor:pointer;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 22px;
    width: 250px;
    text-transform: uppercase;
}
/* .settings-title .icon-arrow {display:inline-block;position:absolute;right:22px;top:25px;border-width:7px;border-style:solid;border-color: transparent #005a84 transparent transparent;background-color:transparent}
*/

.settings-item .icon-arrow {
    position:absolute;
    top:7px;
    left:6px;
    display:inline-block;
    border-width:7px;
    border-style:solid;
    border-color: transparent transparent transparent #005a84;
    background-color:transparent;
}
.settings-item-open .icon-arrow {top:12px;left:1px;border-color: #005a84 transparent transparent transparent;}


.settings-content {
    display:none;
    padding-top: 0;
    padding-right: 32px;
    padding-bottom: 0px;
    padding-left: 32px;
}
.settings-item .button3 {position:absolute;bottom:-1px;right:-1px;height:35px;line-height:35px;padding:0 20px;}
.settings-item-open {position:relative;}
/* .settings-item-open .settings-title .icon-arrow {right:19px;top:26px;border-color: #005a84 transparent transparent transparent;} */
.settings-item-open .settings-content {display:block;}
.settings-subitem-list {margin-bottom:15px;}
.settings-subitem {margin:0 0 5px;}
.settings-subitem-title {position:relative;display:inline-block;padding-left:25px;}
.settings-subitem-title  INPUT {position:absolute;left:0;top:2px;}
.settings-more {margin:0 32px 25px}
.settings-more p {font-size: 13px;margin-bottom:10px;font-family:Georgia}

/*-------- SEARCH PAGE -----------*/

.block-history {
    position:relative;
    border-top:1px solid #ccc;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
}
.block-history .title4 {font-size: 16px;font-family: arial, helvetica, sans-serif;}

/* JJN changed padding from 40px to 20px below to make spacing around timespan equal top and left in UI */
.block-settings {
    position:relative;
    padding:20px 30px 40px 30px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.block-settings .title4 a {font-size: 16px;font-family: arial, helvetica, sans-serif;}
.right-panel-block-settings {position:absolute;right:40px;top:80px;font-family:georgia;color:#666;font-style:italic;}
.right-panel-block-settings p {margin-bottom:40px;}
.block-settings .criteria-item {
    margin:15px 0;
    font-size: 13px;
}
.block-settings .criteria-item span {padding-right:5px;vertical-align:middle;}
.block-settings input[type="radio"] {vertical-align:middle;margin-right:5px;}
.block-settings li {position:relative;padding-left:22px;margin:10px 0;}
.block-settings li input[type="checkbox"] {position:absolute;left:0;top:2px;}
.block-settings-state2 {display:none;}
.title4 span {font-size: 15px;font-family: arial, helvetica, sans-serif;padding-left: 20px;}

.block-search {
    padding-right: 30px;
    margin-bottom: 51px;
    padding-left: 31px;
}

/* JJN: New style for search header */
.block-search-header {
    margin-bottom: 2px;
    margin-top: 42px;
}

/*.block-search {padding:50px 30px 70px;}*/
.block-history .block-search-title ul {display:none;position:absolute;top:22px; left: -1px;background:#fff;color:#000;width:290px;border:1px solid #bdbdbd;z-index:2;-moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);-webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);}


.block-search-title {position:relative;margin-bottom:15px;color:#005a84;font-size: 16px;font-family: arial, helvetica, sans-serif;  font-weight: bold;
}
.block-search-title ul {display:none;position:absolute;top:22px; left: -1px;background:#fff;color:#000;width:232px;border:1px solid #bdbdbd;z-index:2;-moz-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);-webkit-box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);box-shadow: 6px 6px 20px 0px rgba(107, 107, 107, 0.29);}
.block-search .show-subnav-block-search ul {display: block;}
.block-history .show-subnav-block-search ul {display: block;}
.block-history .block-search-title .icon-dd-active-block-search:hover, .block-history .show-subnav-block-search .icon-dd-active-block-search, .block-search .block-search-title .icon-dd-active-block-search:hover, .block-search .show-subnav-block-search .icon-dd-active-block-search {z-index: 10;border: solid 1px #bdbdbd;background-color: #0083bf;background-image: url(../images/icons.png) no-repeat -28px -364px; background: url(../images/icons.png) no-repeat -28px -364px, -moz-linear-gradient(top, #0083bf, #005b85);background: url(../images/icons.png) no-repeat -28px -364px,-webkit-linear-gradient(top, #0083bf 0%,#005b85 100%);background:  url(../images/icons.png) no-repeat -28px -364px, -ms-linear-gradient(top, #0083bf, #005b85);background:  url(../images/icons.png) no-repeat -28px -364px, linear-gradient(top, #0083bf, #005b85);}
.block-search-title span{vertical-align: middle; margin-right: 6px;}
.block-search-title ul li {border-top: 1px solid #bdbdbd;background: #f6f6f6;}
.block-search-title ul li:first-child {border:none;}
.block-search-title ul li a {display: block;color: #000; padding: 7px 10px;font-size: 15px;font-family: arial, helvetica, sans-serif;font-weight: normal;font-style: normal;background: #f6f6f6;}
.block-search-title ul .block-search-active-option a {color: #666; position:relative;}
.block-search-title ul .block-search-active-option a:after {content:".";position:absolute;right:8px;font-size: 30px;top:-10px;}
.block-search-title ul li a:hover {color: #000; background:#ECECEC;background: -moz-linear-gradient(top, #ECECEC, #ECECEC);background:-webkit-linear-gradient(top, #ECECEC 0%,#ECECEC 100%);background: -ms-linear-gradient(top, #ECECEC, #ECECEC);background: linear-gradient(top, #ECECEC, #ECECEC); text-decoration:none;}
.block-search-content {position:relative;}
.search-criteria {position:relative;}
.search-criteria-list {margin-right:225px}
.search-criteria-item, .search-criteria-subitem { /* JJN: removed for out old table to work- display:table;*/width:100%}

.search-criteria-item:last-child .search-criteria-cell2 .search-criteria-link-wr {
    margin-bottom: -28px;
}
#search_table { /* JJN: This controls the width of the search table. This setting allows it stretch with the browser to a point. */
    width: 100%;
    max-width: 900px;
}
.search-criteria-link {margin-bottom:-28px;}
.search-criteria-helptext {margin-bottom:-28px;}
.search-criteria-cell0, .search-criteria-cell1, .search-criteria-cell2, .search-criteria-cell3 {display:table-cell;vertical-align:top;padding-bottom:10px;bordxer:1px solid red}
.search-criteria-cell0 {width:90px;padding-right:10px;}
.search-criteria-cell1 {padding-right:10px;}
.search-criteria-subitem .search-criteria-cell1 {padding:0}
.search-criteria-cell0 .j-custom-select {width:90px !important}
.search-criteria-cell2 {width:178px;}
.search-criteria-cell3 {width:110px;min-width:110px;text-align:right}
.search-criteria-cell3  .button5{visibility:hidden}
.search-criteria-cell2 .j-custom-select {width:178px !important;}
.search-criteria-item:last-child  .button5 {visibility:visible}
.criteria-last-child  .button5 {visibility:visible}
.search-criteria-cell1 .add-search-row {display:none}
.search-criteria-item:last-child  .add-search-row {display:block}
.criteria-last-child .add-search-row {display:block}
.search-criteria-cell-text {padding:0 10px !important;vertical-align:middle;text-align:center;font-family:arial,helvetica,sans-serif;font-weight: bold;
font-size: 16px}

/* JJN: trying to control field help text -- Add nexft 4 styles */
.search-criteria-input::-webkit-input-placeholder {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}

.search-criteria-input:-moz-placeholder { /* Firefox 18- */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}

.search-criteria-input::-moz-placeholder {  /* Firefox 19+ */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}

.search-criteria-input:-ms-input-placeholder {  
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}


.search-criteria-input-adv {
    position:relative;
    width:100%;
    min-width:127px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:5px;
    border:1px solid #b9b9b9;
    box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15);
    background:#FFF;
    min-width:79px\9;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 12px;
}
.search-criteria-input-wr {position:relative;width:100%;min-width:127px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 35px 0 12px;border-radius:5px;border:1px solid #b9b9b9;box-shadow: inset 0px 0px 7px 0 rgba(0, 0, 0, .15);background:#FFF;min-width:79px\9;}
/* JJN added next 2 styles to control multi-select search fields */
select.search-criteria-input option {
    font-size: 13px;
    padding: 3px;
}
select.search-criteria-input {
    border: 1px solid #AAAAAA;
    padding-top: 0;
}
select.search-criteria-input { /* JJN changed background of multiselect boxes */
    background: #F8F8F8; 
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15) inset;
}
/* JJN added the next 2 styles for Inspec numeric search fields */
.search-criteria-input-double { display: inline-block; width: 45%;}
.toNumberText {display: inline-block; padding: 6px;}
.example-text {padding-top:7px;font-size: 13px;font-family:Georgia;font-style:italic;color:#a0a0a0;}
.search-criteria-input {width:100%;padding:8px 0 9px 0;border:0;font-size: 16px;background:transparent;}
.search-criteria-item .j-custom-select .select2-choice{height:35px !important;line-height:35px}
.search-criteria-item .j-custom-select .select2-choice div {width:32px;background-position:12px -117px}
.search-criteria-item .j-custom-select .select2-choice span {margin-right:44px;font-size: 14px;font-family: arial, helvetica, sans-serif;font-weight:bold}

.search-criteria-link-wr {text-align:right;padding-top:2px;}
.search-criteria-link {
    color:#005a84;
    cursor:pointer;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}
/* JJN added next to underline links */
.search-criteria-link a:hover {
    text-decoration:underline;
}
/* JJN: added next so Add Field and Clear links on search form don't wrap */
.j-add-criteria, .j-clear-criteria {
    white-space:nowrap;
}

.search-criteria-helptext-wr {
    text-align:left;
    padding-top:4px;
}
.search-criteria-helptext {
    color:#666;
    font-family: arial, helvetica, sans-serif;
    font-size: 13px;
}
/* JJN: Changed padding right to 308 so links are correclty positioned unless browser is wide, then it drift right a bit... */
.search-criteria-action {padding-right:20px;text-align:right;}
.search-criteria-action .divider {display:inline-block;color:#b9b9b9;padding:0 7px}
.template-criteria .search-criteria-item {display:none}

.error {color:#dc0a0a}
.error-title {font-family: arial, helvetica, sans-serif;text-transform:uppercase}
.search-criteria-input-wr-error {border:2px solid #dc0a0a;color:#dc0a0a;padding:0 34px 0 11px}
.search-criteria-input-wr-error  input{color:#dc0a0a;padding:7px 0 8px 0}



.block-alert {padding:15px 30px;font-size: 15px;border-bottom:1px solid #d3d3d3;font-family: arial, helvetica, sans-serif;  font-weight: bold;
color:#dc0a0a;position:relative;background:#f1f1f1;}
.side-part-alert {position:absolute;right:40px;top:16px;font-size: 14px;font-family: arial, helvetica, sans-serif;}
.side-part-alert .icon-close {position:relative;top:0;right:0;margin:-4px 0 0 10px;}
.side-part-alert a {color:#dc0a0a;font-family: arial, helvetica, sans-serif;    font-weight: bold;
}
.info-text {position:absolute;right:10px;width:135px;font-family:Georgia;color:#666;font-style:italic;z-index:1}
/*-------- END SEARCH PAGE -----------*/


/*-------- LOGO AND BOTTOM MENU -----------*/
.block-logo {padding: 24px 32px 20px; border-bottom: 1px solid #ccc;}
.block-logo .logo-item {display: inline-block; margin-right: 6px; margin-left: 0;width: 92px;height: 69px; border: 1px solid #bdbdbd;background: #777;background: -moz-linear-gradient(top, #898989 0%, #676767 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(100%,#676767));background: -webkit-linear-gradient(top, #898989 0%,#676767 100%);background: -o-linear-gradient(top, #898989 0%,#676767 100%);background: -ms-linear-gradient(top, #898989 0%,#676767 100%);background: linear-gradient(to bottom, #898989 0%,#676767 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#676767',GradientType=0 );}

.block-bottom-menu {background: #f1f1f1;}
.bottom-menu-item {
    padding-left:30px;
    display: inline-block;
    width: 24%;
    vertical-align: top;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bottom-menu-title {padding: 33px 5px 33px 21px;vertical-align: middle;cursor: pointer;position: relative;}
.bottom-menu-item-open .bottom-menu-title {padding-bottom: 0;}
.bottom-menu-item .icon-arrow {position:absolute;top:35px;left:8px;display:inline-block;border-width:7px;border-style:solid;border-color: transparent transparent transparent #005a84;background-color:transparent;}
.bottom-menu-item-open .icon-arrow {top:38px;left:3px;border-color: #005a84 transparent transparent transparent;}
.bottom-menu-item .bottom-menu-item-content {display: none; padding:7px 5px 7px 21px; font-size: 14px;}
.bottom-menu-item-open .bottom-menu-item-content {display: block;}
.bottom-menu-item-content ul { margin: 5px 0 15px; color: #666;font-size: 12px;font-family: arial, helvetica, sans-serif;}
.bottom-menu-item-content ul li {padding: 3px 0; }
.bottom-menu-item-content ul a {font-family: arial, helvetica, sans-serif;}
.list-style-disc {padding-left: 15px;}
.list-style-disc li {list-style: disc outside;}
.bottom-menu-sign { margin: -6px 0 10px; color: #666;font-size: 14px;}

.block-end-note {background: #0070a3;background: -moz-linear-gradient(top, #0083bf 0%, #00547c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0083bf), color-stop(100%,#00547c));background: -webkit-linear-gradient(top, #0083bf 0%,#00547c 100%);background: -o-linear-gradient(top, #0083bf 0%,#00547c 100%);background: -ms-linear-gradient(top, #0083bf 0%,#00547c 100%);background: linear-gradient(to bottom, #0083bf 0%,#00547c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083bf', endColorstr='#00547c',GradientType=0 );}
.block-end-note .end-note-left {color:#fff;font-size: 14px; padding: 14px 31px 15px; font-family: arial, helvetica, sans-serif; font-weight: bold;
}
.block-end-note .end-note-left a {font-family: arial, helvetica, sans-serif; color: #fff;   font-weight: bold; text-decoration:underline;
}
.block-end-note .end-note-right {margin-top:1px;float:right;font-size: 13px;font-family: arial, helvetica, sans-serif;}
.block-end-note .end-note-right:after{clear: both;}



/*-------- END LOGO AND BOTTOM MENU -----------*/


/*-------- POPUP --------*/
.popup-abstract-source {display:none}
.view_abstract {display: block; padding-top: 14px;}
#popup-abstract {display:none; position:fixed;margin-left:-280px;top:50%;left:50%;width:560px;border:1px solid #bdbdbd;background:#fff;padding:35px 40px;font-size: 14px;-moz-box-shadow: 0 0 25px rgba(0,0,0, .35);-webkit-box-shadow:0 0 25px rgba(0,0,0, .35);box-shadow: 0 0 25px rgba(0,0,0, .35);z-index:1000}
#popup-abstract h2 {font-size: 18px;margin:15px 0 5px 0;}
#popup-abstract p {margin-bottom:6px;color:#666;}
.popup-main-link {font-weight:bold;}
#popup-abstract .l-2columns {margin-top:30px;padding-right:50px;}
#popup-abstract .l-2columns * {vertical-align:middle;}
.button-close {position:absolute;right:25px;bottom:40px;font-size: 14px !important;}

.full-text-content {display:none}
.button-ft {display:inline-block}
#popup-full-text, .popup-full-text {display:none;position:absolute;background-color:#fff;border:1px solid #bdbdbd;z-index:100;-moz-box-shadow: 5px 5px 15px rgba(0,0,0, .2);-webkit-box-shadow:5px 5px 15px rgba(0,0,0, .2);box-shadow: 5px 5px 15px rgba(0,0,0, .2);}
.popup-ft-list {margin:0 20px;}
.popup-ft-list LI {white-space:nowrap;padding:15px 0;border-top:1px solid #d9d9d9}
.popup-ft-list LI:first-child {border-top:0;}
.popup-ft-list LI A {font-weight:bold;font-family: arial, helvetica, sans-serif;    font-weight: bold;
}
.popup-ft-list LI span {color:#333333;font-weight:bold;display:inline-block;margin-bottom:4px}

.popup-journal-info-source {display:none}
#popup-journal-info {display:none;position:absolute;padding:0;box-sizing:border-box;width:640px;background:#FFF;font-size: 0;border:1px solid #ccc;-moz-box-shadow: 0 0 25px rgba(0,0,0, .35);-webkit-box-shadow:0 0 25px rgba(0,0,0, .35);box-shadow: 0 0 25px rgba(0,0,0, .35);z-index:1000}
#popup-journal-info .button-close{bottom:30px;right:40px;}
#popup-journal-info h2 {font-size: 18px;margin-bottom:18px;}
#popup-journal-info h3 {font-size: 32px;font-weight:bold;font-family: arial, helvetica, sans-serif;margin-top:9px;}
#popup-journal-info h4 {font-size: 18px;font-weight:bold;font-family: arial, helvetica, sans-serif;margin-top:5px;}
#popup-journal-info .j-info-subheader {font-size: 14px;font-family: arial, helvetica, sans-serif;   font-weight: bold;
margin-bottom:3px;}
#popup-journal-info .j-info-description {font-size: 14px;font-family: arial, helvetica, sans-serif;padding-bottom:10px;} 
.j-info-2col {width:50%;display:inline-block;vertical-align:top;}
.j-info-header{padding:25px 40px 0 40px;color:#000;}
.j-info-main {color:#666;padding:25px 40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background: #e9e9e9;background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e9e9e9 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9));background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e9e9e9 100%);background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e9e9e9 100%);background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e9e9e9 100%);background: radial-gradient(ellipse at center,  #ffffff 0%,#e9e9e9 100%);}
.j-info-main span {font-family:georgia;font-size: 14px;font-weight:normal;padding-left:3px;font-style:italic;}
.j-info-main .j-info-2col {margin-top:30px;}
.j-info-main  .j-info-addlink {display:inline-block;vertical-align:top;margin-top:15px;font-size: 12px;}
.j-info-footer {padding:25px 40px 60px 40px;color:#000;}
/*-------- END OF POPUP --------*/


/*--------- SKIP CONTENT -------*/
.skip-content {position:absolute;top:-8000px;}
/*--------- END OF SKIP CONTENT -------*/



.institutionContent {color: #666; position:relative;border-top:1px solid #f6f6f6;background:#fff;z-index:55}
.institutionContent {position:relative;padding:40px 30px;}
.institutionContent ul li {display:inline-block;*display:inline;padding-right:30px;vertical-align: top;}
.institutionContent ul li a {font-size: 12px;font-family: arial, helvetica, sans-serif; font-weight: bold;
}
.institutionContent .facebook {
    position: absolute;
    right: 40px;
    top: 39px;
    cursor: pointer;
}
/*-------- FOOTER --------*/
.footer {position:relative;border-top:1px solid #f6f6f6;background:#fff;box-shadow: 0px -3px 10px 0 rgba(0,0,0,.1);z-index:9}
.footerShadow1 {/* border-top:1px solid #f4f4f4;*/ background:#f2f2f2;border-bottom: 1px solid #efefef;height:1px; */}
.footerShadow2 {border-top:1px solid #ebebeb;background:#e4e4e4;border-bottom: 1px solid #dfdfdf;height:1px;}
.footerContent {position:relative;padding:40px 30px;}
.footerContent ul li {
    display:inline-block;

*display:inline;        padding-right:30px;
    text-transform:uppercase;
    vertical-align: top;
    font-size: 12px;
}
.footerContent ul li span {color:#666;}
.footerContent ul li a {
    font-size: 11px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}
.footerContent .feedback {position:absolute;right:30px;top:40px;font-size: 12px;font-style:italic;font-family:Georgia}
.footerContent .facebook {
    position: absolute;
    right: 40px;
    top: 39px;
    cursor: pointer;
}
/*-------- END FOOTER --------*/



@media screen and (max-width: 1100px) {
    .options-inner {padding:0 10px;}
    .options-inner .icon-print {margin-right:8px}
}

.ml-icon {
    background: url(../images/mlicon.png);
    display: inline-block;
    width: 18px;
    height: 19px;
    margin-left: 4px;
    margin-right: 2px;
}

.en-icon {
    background: url(../images/ENicon.png);
    display: inline-block;
    width: 19px;
    height: 11px;
    margin-left: 4px;
    margin-right: 4px;
}

.showhide {
    position: relative;
    cursor: pointer;
}
.showhide:after {
    display: inline-block;
    position: relative;
    top: 11px;
    left: 83px;
    width: 39px;
    height: 36px;
    content: "";
    background: url(../images/showhide.png);
    cursor: pointer;
}

.map-icon { position: relative; left: 36px; display: block; margin-bottom: 6px;}
.map-icon:before {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: -32px;
    top: -2px;
    background: url(../images/map.png);
    content: "";
}

.alert-icon { position: relative; left: 36px; display: block; margin-bottom: 4px;}
.alert-icon:before {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: -32px;
    top: -2px;
    background: url(../images/alert.png);
    content: "";
}

.settings-icon { position: relative; right: 36px; display: block; margin-bottom: 4px;}
.settings-icon:before {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    left: -32px;
    top: -2px;
    background: url(../images/settings.png);
    content: "";
}
/* for Silo Nav Drop down on Search History */
.scoreCard {
    background-color: #E6E6E6;
    padding: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #ff8000;
}
/* JJN: these next 4 are for when the pagination bar is to be located next to the parent data */
.paginationNextToParent {
    display: table-cell;
    min-width: 300px;
    vertical-align: bottom;
    padding-bottom: 20px;
    text-align:right;
    padding-right: 20px;
}
.paginationNextToParent .searchPagination.topPaginationBar {
    border-bottom: none;
}
.paginationNextToParent .searchPagination {
    background: none;
}
.parent-info-with-nav {
    display: table-cell;
    width: 90%;
}

/* JJN added these to fix some beta issues */
.search-results-content div:first-child a.smallV110 { /* JJN : added padding to summary titles */
    padding-bottom: 6px;
}
.search-results-content div:first-child a.smallV110 { /* JJN : maked linked titles on summary bold */
    font-weight: bold;
}
.RelatedRecordLink {
    float: right;
    margin-right: 0;
}
